.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.loading-spinner__icon{font-size:24px;animation:spin 1s linear infinite;margin-bottom:12px;color:#06c}.loading-spinner__message{color:#6c757d;font-size:14px;font-weight:500}.loading-spinner--small{padding:16px}.loading-spinner--small .loading-spinner__icon{font-size:16px;margin-bottom:8px}.loading-spinner--small .loading-spinner__message{font-size:12px}.loading-spinner--medium{padding:32px}.loading-spinner--medium .loading-spinner__icon{font-size:24px;margin-bottom:12px}.loading-spinner--medium .loading-spinner__message{font-size:14px}.loading-spinner--large{padding:48px}.loading-spinner--large .loading-spinner__icon{font-size:32px;margin-bottom:16px}.loading-spinner--large .loading-spinner__message{font-size:16px}.loading-spinner--fullpage{min-height:50vh;justify-content:center}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:.75rem;border-radius:.25rem;transition:background-color .2s ease}.notification-bell:hover{background-color:#f9fafb}.notification-bell:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.notification-bell__icon-container{position:relative;display:inline-block}.notification-bell__icon{font-size:1.125rem;color:#4b5563;transition:color .2s ease}.notification-bell:hover .notification-bell__icon{color:#1f2937}.notification-bell__badge{position:absolute;top:-4px;right:-4px;background-color:#dc2626;color:#fff;font-size:10px;font-weight:700;line-height:1;padding:2px 4px;border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:0;z-index:1000}.header__content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1200px;margin:0 auto;min-height:64px}.header__title{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.header__title-link{color:inherit;text-decoration:none;transition:.2s ease}.header__title-link:hover{color:#001e50}.header__title-link:focus{outline:2px solid rgb(0,30,80);outline-offset:2px;border-radius:.25rem}.header__navigation{display:flex;align-items:center;gap:1rem;flex-direction:row}.header__actions{display:flex;align-items:center;gap:.75rem;flex-direction:row}.header__actions-group{display:flex;align-items:center;gap:.75rem;flex-direction:row;flex-wrap:nowrap}.header__action{margin:0}.header__notifications{display:flex;align-items:center}@media (max-width: 768px){.header__content{padding:.75rem 1rem}.header__title{font-size:1.125rem}.header__navigation{flex-direction:row!important;gap:.75rem}.header__actions{flex-direction:row!important;gap:.5rem}.header__actions-group{flex-direction:row!important;gap:.5rem;align-items:center;flex-wrap:nowrap!important}}@media (max-width: 640px){.header__content{padding:.75rem 1rem}.header__navigation,.header__actions{flex-direction:row!important;gap:.5rem}.header__actions-group{flex-direction:row!important;gap:.5rem;align-items:center;flex-wrap:nowrap!important}.header__actions-group .header__action{font-size:.875rem;padding:.5rem .75rem;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.header__content{padding:.5rem .75rem}.header__navigation,.header__actions{flex-direction:row!important;gap:.25rem}.header__actions-group{flex-direction:row!important;gap:.25rem;align-items:center;flex-wrap:nowrap!important}.header__actions-group .header__action{font-size:.75rem;padding:.25rem .5rem;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 360px){.header__content{padding:.5rem}.header__title{font-size:1rem}.header__navigation,.header__actions{flex-direction:row!important;gap:.25rem}.header__actions-group{flex-direction:row!important;gap:.25rem;align-items:center;flex-wrap:nowrap!important}.header__actions-group .header__action{font-size:.75rem;padding:.25rem;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-family:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease;position:relative;outline:none;letter-spacing:.025em}.button:disabled{cursor:not-allowed;opacity:.5}.button:focus-visible{outline:2px solid rgb(30,190,250);outline-offset:2px}.button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.button:active:after{width:200px;height:200px}.button--primary{background-color:#001e50;color:#fff;border:2px solid rgb(0,30,80);box-shadow:0 2px 8px #001e5033}.button--primary:hover:not(:disabled){background-color:#0040c5;border-color:#0040c5;box-shadow:0 4px 12px #0040c54d;transform:translateY(-1px)}.button--primary:active:not(:disabled){background-color:#00143c;border-color:#00143c;transform:translateY(0);box-shadow:0 2px 4px #001e5033}.button--secondary{background-color:#00b0f0;color:#fff;border:2px solid rgb(0,176,240);box-shadow:0 2px 8px #00b0f033}.button--secondary:hover:not(:disabled){background-color:#0096d2;border-color:#0096d2;box-shadow:0 4px 12px #00b0f04d;transform:translateY(-1px)}.button--secondary:active:not(:disabled){background-color:#0084b9;border-color:#0084b9;transform:translateY(0);box-shadow:0 2px 4px #00b0f033}.button--danger{background-color:#dc2626;color:#fff;border:2px solid #dc2626;box-shadow:0 2px 8px #dc262633}.button--danger:hover:not(:disabled){background-color:#b21d1d;border-color:#b21d1d;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.button--danger:active:not(:disabled){background-color:#9c1919;border-color:#9c1919;transform:translateY(0);box-shadow:0 2px 4px #dc262633}.button--outline{background-color:transparent;color:#001e50;border:2px solid rgb(0,30,80);box-shadow:none}.button--outline:hover:not(:disabled){background-color:#0040c5;border-color:#0040c5;color:#fff;box-shadow:0 4px 12px #0040c54d;transform:translateY(-1px)}.button--outline:active:not(:disabled){background-color:#001e50;border-color:#001e50;transform:translateY(0);box-shadow:0 2px 4px #001e5033}.button--outline.button--danger{color:#dc2626;border-color:#dc2626}.button--outline.button--danger:hover:not(:disabled){background-color:#dc3545;color:#fff}.button--outline.button--danger:active:not(:disabled){background-color:#c82333;border-color:#c82333}.button--small{padding:8px 16px;font-size:14px;min-height:36px}.button--medium{padding:12px 24px;font-size:16px;min-height:44px}.button--large{padding:16px 32px;font-size:18px;min-height:52px}.button--loading .button__text{opacity:0}.button__spinner{position:absolute;animation:spin 1s linear infinite;font-size:16px}.button__text{transition:opacity .2s ease}.button__text--hidden{opacity:0}@media (max-width: 480px){.button--medium{padding:10px 20px;font-size:15px;min-height:40px}.button--large{padding:12px 24px;font-size:16px;min-height:44px}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}.app-layout__skip-link{position:absolute;top:-40px;left:6px;background:#001e50;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;text-decoration:none;z-index:1050;transition:top .2s ease}.app-layout__skip-link:focus{top:6px;outline:2px solid #f59e0b;outline-offset:2px}.app-layout__content{flex:1;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;padding:1.5rem;max-width:1200px;margin:0 auto}@media (min-width: 768px){.app-layout__content{padding:1rem}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.icon{display:inline-block;flex-shrink:0;vertical-align:middle;line-height:1}.modal-overlay{position:fixed;inset:0;background-color:#11182780;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s ease-out;padding:1rem}.modal{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.modal:focus{outline:2px solid rgb(0,64,197);outline-offset:-2px}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--large{max-width:800px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;flex-shrink:0}.modal__title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;line-height:1.25}.modal__close{background:none;border:none;color:#4b5563;cursor:pointer;padding:.5rem;border-radius:.25rem;font-size:1.125rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s ease;flex-shrink:0}.modal__close:hover{background-color:#f3f4f6;color:#1f2937}.modal__close:focus{outline:2px solid rgb(0,64,197);outline-offset:2px}.modal__body{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:row-reverse;gap:.75rem;justify-content:flex-end;align-items:center;flex-shrink:0;margin-top:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){.modal-overlay{padding:.75rem}.modal{max-height:95vh}.modal--small,.modal--medium,.modal--large{max-width:100%}.modal__header{padding:1.25rem 1.25rem 0}.modal__title{font-size:1.25rem}.modal__close{width:32px;height:32px;font-size:1rem}.modal__body{padding:1.25rem}.modal__footer{padding:1.25rem;margin-top:1.25rem;flex-direction:column-reverse}.modal__footer>*{width:100%}}@media (max-width: 575px){.modal__footer{flex-direction:column}.modal__footer>*{width:100%}}.toast{position:fixed;top:24px;right:24px;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;border-left:4px solid;display:flex;align-items:center;gap:12px;max-width:400px;min-width:300px;z-index:1001;transform:translate(calc(100% + 24px));opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast--visible{transform:translate(0);opacity:1}.toast__content{display:flex;align-items:center;gap:12px;flex:1}.toast__icon{font-size:16px;flex-shrink:0}.toast__message{color:#495057;font-size:14px;font-weight:500;line-height:1.4}.toast__close{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .2s ease}.toast__close:hover{background-color:#f8f9fa;color:#495057}.toast__close:focus{outline:2px solid #0066cc;outline-offset:1px}.toast--success{border-left-color:#28a745}.toast--success .toast__icon{color:#28a745}.toast--error{border-left-color:#dc3545}.toast--error .toast__icon{color:#dc3545}.toast--warning{border-left-color:#ffc107}.toast--warning .toast__icon{color:#856404}.toast--info{border-left-color:#06c}.toast--info .toast__icon{color:#06c}@media (max-width: 768px){.toast{top:16px;right:16px;left:16px;max-width:none;min-width:unset;transform:translateY(-100px)}.toast--visible{transform:translateY(0)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-color:#f8f9fa}.error-boundary__content{text-align:center;max-width:500px;padding:48px 32px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.error-boundary__icon{font-size:48px;margin-bottom:24px}.error-boundary__title{font-size:28px;font-weight:700;color:#212529;margin-bottom:16px}.error-boundary__status{font-size:18px;font-weight:600;color:#dc3545;margin-bottom:12px}.error-boundary__message{font-size:16px;color:#6c757d;margin-bottom:32px;line-height:1.5}.error-boundary__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.error-boundary{padding:16px}.error-boundary__content{padding:32px 24px}.error-boundary__title{font-size:24px}.error-boundary__actions{flex-direction:column}.error-boundary__actions>*{width:100%}}.column-toggle{position:relative;display:inline-block}.column-toggle__trigger{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;line-height:1.5;background-color:#fff;border:1px solid #d1d5db;color:#4b5563;gap:.5rem}.column-toggle__trigger:disabled{opacity:.6;cursor:not-allowed}.column-toggle__trigger:hover{background-color:#f9fafb;border-color:#9ca3af}.column-toggle__trigger:focus{outline:2px solid rgb(30,190,250);outline-offset:2px}.column-toggle__label{white-space:nowrap}.column-toggle__chevron{transition:transform .2s ease}.column-toggle__trigger[aria-expanded=true] .column-toggle__chevron{transform:rotate(180deg)}.column-toggle__dropdown{position:absolute;top:100%;right:0;z-index:1000;min-width:220px;max-width:300px;margin-top:.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:visible}.column-toggle__dropdown:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.column-toggle__header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;display:flex;align-items:center;justify-content:space-between}.column-toggle__title{font-size:.875rem;line-height:1.5;font-weight:600;margin:0;color:#1f2937}.column-toggle__close{background:none;border:none;padding:.25rem;cursor:pointer;border-radius:.25rem;color:#4b5563;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.column-toggle__close:hover{background-color:#fff;color:#1f2937}.column-toggle__close:focus{outline:2px solid rgb(30,190,250);outline-offset:2px}.column-toggle__controls{border-top:1px solid #e5e7eb}.column-toggle__list{max-height:300px;overflow-y:auto;overflow-x:visible;scroll-behavior:smooth}.column-toggle__list::-webkit-scrollbar{width:6px}.column-toggle__list::-webkit-scrollbar-track{background:#f9fafb}.column-toggle__list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.column-toggle__list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.column-toggle__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;position:relative}.column-toggle__item:hover:not(.column-toggle__item--essential){background-color:#f3f4f6}.column-toggle__item:hover:not(.column-toggle__item--essential) .column-toggle__text{color:#0040c5}.column-toggle__item--essential{background-color:#f3f4f6;cursor:not-allowed}.column-toggle__item--essential:hover{background-color:#f3f4f6}.column-toggle__checkbox{position:absolute;opacity:0;width:16px;height:16px;cursor:pointer;z-index:1}.column-toggle__checkbox:disabled{cursor:not-allowed}.column-toggle__checkmark{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid #d1d5db;border-radius:.25rem;background-color:#fff;transition:all .2s ease;flex-shrink:0}.column-toggle__checkbox:checked+.column-toggle__checkmark{background-color:#0040c5;border-color:#0040c5;color:#fff}.column-toggle__checkbox:disabled+.column-toggle__checkmark{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.column-toggle__checkbox:focus+.column-toggle__checkmark{outline:2px solid rgb(30,190,250);outline-offset:2px;box-shadow:0 0 0 4px #1ebefa33}.column-toggle__item:focus-within .column-toggle__checkmark{outline:2px solid rgb(30,190,250);outline-offset:2px}.column-toggle__text{font-size:.875rem;line-height:1.5;color:#1f2937;flex:1;display:flex;align-items:center;gap:.5rem}.column-toggle__item--essential .column-toggle__text{color:#6b7280}.column-toggle__essential-badge{font-size:.75rem;line-height:1.25;font-weight:500;padding:.25rem .5rem;background-color:#fef3c7;color:#d97706;border-radius:.25rem;font-size:10px;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 576px){.column-toggle__dropdown{right:auto;left:0;min-width:200px;max-width:calc(100vw - 2rem)}.column-toggle__label{display:none}}@media (max-width: 768px){.column-toggle__dropdown{right:0;left:auto;transform:translate(0);max-width:min(300px,100vw - 2rem)}}@media (max-width: 480px){.column-toggle__dropdown{right:50%;left:auto;transform:translate(50%);min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}.data-table{width:100%}.data-table__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}@media (min-width: 576px){.data-table__toolbar{padding:0}}.data-table__toolbar-left{display:flex;align-items:center;gap:1rem}.data-table__result-count{font-size:.875rem;line-height:1.5;color:#4b5563;font-weight:500;white-space:nowrap;border-radius:.25rem;padding:.25rem .5rem;outline:none}.data-table__result-count:focus{outline:2px solid rgb(0,30,80);outline-offset:2px;background-color:#001e500d}.data-table__result-count:focus-visible{outline:2px solid rgb(0,30,80);outline-offset:2px;background-color:#001e500d}.data-table__toolbar-right{display:flex;align-items:center;gap:.75rem}.data-table__column-toggle-wrapper{display:none}@media (min-width: 768px){.data-table__column-toggle-wrapper{display:block}}.data-table__count{font-size:.875rem;line-height:1.5;color:#6b7280;font-weight:500}.data-table__wrapper{overflow-x:auto;border-radius:.75rem;border:1px solid #e5e7eb;background-color:#fff;box-shadow:0 1px 2px #0000000d;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9ca3af #f3f4f6;display:none}.data-table__wrapper::-webkit-scrollbar{height:6px}.data-table__wrapper::-webkit-scrollbar-track{background:#f3f4f6}.data-table__wrapper::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:9999px}@media (min-width: 768px){.data-table__wrapper{display:block}}.data-table__table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden;font-size:.875rem;line-height:1.5;min-width:800px;table-layout:fixed}@media (min-width: 992px){.data-table__table{min-width:100%}}.data-table__caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;caption-side:top;padding:1rem;text-align:left;font-weight:600;color:#4b5563}.data-table__header-cell{font-size:.875rem;line-height:1.5;font-weight:600;color:#4b5563;background:#f3f4f6;padding:1rem;text-align:left;border-bottom:1px solid #d1d5db;position:sticky;top:0;z-index:10}.data-table__header-cell[data-field=name]{width:18%}.data-table__header-cell[data-field=username]{width:12%}.data-table__header-cell[data-field=email]{width:20%}.data-table__header-cell[data-field=phone],.data-table__header-cell[data-field=website]{width:12%}.data-table__header-cell[data-field="address.street"]{width:15%}.data-table__header-cell[data-field="address.city"]{width:10%}.data-table__header-cell[data-field="address.zipcode"]{width:8%}.data-table__header-cell[data-field="company.name"]{width:15%}.data-table__header-cell[data-field="company.catchPhrase"]{width:18%}.data-table__header-cell[data-field="company.bs"]{width:15%}.data-table__header-cell--actions{width:200px;text-align:center}@media (min-width: 576px){.data-table__header-cell--actions{width:150px}}.data-table__sort-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;font:inherit;font-weight:600;color:inherit;cursor:pointer;transition:color .2s ease}.data-table__sort-button:hover{color:#001e50}.data-table__sort-button:focus{outline:2px solid rgb(30,190,250);outline-offset:2px;border-radius:.25rem}.data-table__sort-button:focus-visible{outline:2px solid rgb(30,190,250);outline-offset:2px}.data-table__sort-icon{display:inline-flex;align-items:center;opacity:.6;transition:opacity .2s ease;margin-left:4px}.data-table__sort-icon--neutral{opacity:.4}.data-table__sort-icon--asc,.data-table__sort-icon--desc{opacity:1;color:#001e50}.data-table__row{transition:background-color .2s ease;height:48px}.data-table__row:hover{background-color:#f3f4f6}.data-table__row:nth-child(2n){background-color:#11182705}.data-table__row:nth-child(2n):hover{background-color:#f3f4f6}.data-table__cell{font-size:.875rem;line-height:1.5;color:#1f2937;padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table__cell[data-field=name]{width:var(--col-width-name, 18%)}.data-table__cell[data-field=username]{width:var(--col-width-username, 12%)}.data-table__cell[data-field=email]{width:var(--col-width-email, 20%)}.data-table__cell[data-field=phone]{width:var(--col-width-phone, 12%)}.data-table__cell[data-field=website]{width:var(--col-width-website, 12%)}.data-table__cell[data-field="address.street"]{width:var(--col-width-street, 15%)}.data-table__cell[data-field="address.city"]{width:var(--col-width-city, 10%)}.data-table__cell[data-field="address.zipcode"]{width:var(--col-width-zipcode, 8%)}.data-table__cell[data-field="company.name"]{width:var(--col-width-company-name, 15%)}.data-table__cell[data-field="company.catchPhrase"]{width:var(--col-width-company-catch, 18%)}.data-table__cell[data-field="company.bs"]{width:var(--col-width-company-bs, 15%)}@media (min-width: 576px){.data-table__cell{padding:.75rem}}.data-table__cell--actions{text-align:center;white-space:nowrap}@media (min-width: 576px){.data-table__cell--actions{padding:.5rem}}.data-table__cell--navigable{position:relative;cursor:pointer}.data-table__cell--navigable:focus{outline:2px solid rgb(0,30,80);outline-offset:-2px;background-color:#001e501a;z-index:1}.data-table__cell--navigable:focus-visible{outline:2px solid rgb(0,30,80);outline-offset:-2px;background-color:#001e501a}.data-table__cell-content{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table__cell-content a,.data-table__cell-content button{position:relative;z-index:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table__announce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-table__actions{display:flex;gap:.5rem;justify-content:center;align-items:center}@media (min-width: 576px){.data-table__actions{gap:.25rem}}.data-table__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#4b5563;cursor:pointer;font-size:.75rem;line-height:1.25;font-weight:500;white-space:nowrap;min-height:32px}@media (min-width: 576px){.data-table__action-btn{padding:6px 8px;gap:4px;min-height:28px}}.data-table__action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.data-table__action-btn:focus{outline:2px solid rgb(30,190,250);outline-offset:1px}.data-table__action-btn:active{transform:translateY(0)}@media (min-width: 576px){.data-table__action-btn .data-table__action-text{display:none}}.data-table__action-btn--view:hover{background:#001e50;color:#fff;border-color:#001e50;box-shadow:0 2px 8px #001e504d}.data-table__action-btn--edit:hover{background:#00b0f0;color:#fff;border-color:#00b0f0;box-shadow:0 2px 8px #00b0f04d}.data-table__action-btn--delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d}.data-table__email-link,.data-table__phone-link,.data-table__website-link{color:#001e50;text-decoration:none;transition:color .2s ease}.data-table__email-link:hover,.data-table__phone-link:hover,.data-table__website-link:hover{color:#00143c;text-decoration:underline}.data-table__email-link:focus,.data-table__phone-link:focus,.data-table__website-link:focus{outline:2px solid rgb(30,190,250);outline-offset:2px;border-radius:.25rem}.data-table__email-link:focus-visible,.data-table__phone-link:focus-visible,.data-table__website-link:focus-visible{outline:2px solid rgb(30,190,250);outline-offset:2px}.data-table__loading{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 1.5rem;text-align:center;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9}.data-table__loading p{margin:16px 0 0;color:#6c757d;font-size:16px}.data-table__spinner{font-size:24px;animation:spin 1s linear infinite}.data-table__skeleton-placeholder{background-color:#e5e7eb;border-radius:.25rem}.data-table__skeleton-placeholder--cell{width:90%;height:16px}.data-table__skeleton-placeholder--button{width:32px;height:32px;border-radius:.5rem}.data-table__skeleton-placeholder--avatar{width:40px;height:40px;border-radius:9999px}.data-table__skeleton-placeholder--name{width:140px;height:18px;margin-bottom:4px}.data-table__skeleton-placeholder--username{width:100px;height:14px}.data-table__skeleton-text{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem;height:16px;width:100%}.data-table__skeleton-text--result-count{width:120px;height:18px}.data-table__skeleton-text--button{width:80px;height:32px;border-radius:.5rem}.data-table__skeleton-text--header{width:80%;height:18px}.data-table__skeleton-text--cell{width:90%;height:16px}.data-table__skeleton-text--name{width:140px;height:18px;margin-bottom:4px}.data-table__skeleton-text--username{width:100px;height:14px}.data-table__skeleton-button{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;width:32px;height:32px;border-radius:.5rem}.data-table__skeleton-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center}.data-table__row--skeleton{height:48px}.data-table__row--skeleton .data-table__cell{padding:.75rem 1rem}.data-table__row--empty{height:48px}.data-table__row--empty .data-table__cell{padding:.75rem 1rem;border-bottom:1px solid transparent}.data-table__card--skeleton .data-table__card-header{padding:1rem}.data-table__card--skeleton .data-table__card-title{display:flex;align-items:center;gap:.75rem}.data-table__card--skeleton .data-table__card-info{flex:1}.data-table__card--skeleton .data-table__card-actions{display:flex;gap:.5rem}.data-table__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 1.5rem;text-align:center;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb}@media (min-width: 768px){.data-table__empty{padding:3rem 1rem}}.data-table__empty p{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;line-height:1.5;font-weight:500}@media (min-width: 768px){.data-table__empty p{font-size:1rem;line-height:1.5}}.data-table__empty small{color:#4b5563;font-size:.875rem;line-height:1.5}.data-table__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 1px 2px #0000000d}@media (min-width: 768px){.data-table__avatar{width:32px;height:32px}}.data-table__mobile-cards{display:block}@media (min-width: 768px){.data-table__mobile-cards{display:none}}.data-table__card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 2px #0000000d}.data-table__card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#d1d5db}.data-table__card:last-child{margin-bottom:0}.data-table__card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:.75rem}.data-table__card-title{display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.data-table__card-user-info{flex:1;min-width:0}.data-table__card-name{font-size:1.125rem;line-height:1.5;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table__card-username{font-size:.875rem;line-height:1.5;color:#4b5563;font-weight:500}.data-table__card-actions{display:flex;gap:.5rem;flex-shrink:0}.data-table__card-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#4b5563;cursor:pointer}.data-table__card-action:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.data-table__card-action:focus{outline:2px solid rgb(30,190,250);outline-offset:1px}.data-table__card-action:active{transform:translateY(0)}.data-table__card-action--view:hover{background:#001e50;color:#fff;border-color:#001e50;box-shadow:0 2px 8px #001e504d}.data-table__card-action--edit:hover{background:#00b0f0;color:#fff;border-color:#00b0f0;box-shadow:0 2px 8px #00b0f04d}.data-table__card-action--delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d}.data-table__card-expand{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#4b5563;cursor:pointer;flex-shrink:0}.data-table__card-expand:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.data-table__card-expand:focus{outline:2px solid rgb(30,190,250);outline-offset:1px}.data-table__card--expanded .data-table__card-expand{background:#001e50;color:#fff;border-color:#001e50}.data-table__card-essential{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.5rem}.data-table__card-expandable{max-height:0;opacity:0;overflow:hidden}.data-table__card-expandable--visible{max-height:400px;opacity:1;border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem;transition:max-height .25s ease-out,opacity .15s ease-out,padding .25s ease-out,margin .25s ease-out}.data-table__card-expandable .data-table__card-field{margin-bottom:.75rem}.data-table__card-expandable .data-table__card-field:last-child{margin-bottom:0}.data-table__card-info{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (min-width: 576px){.data-table__card-info{grid-template-columns:1fr;gap:.5rem}}.data-table__card-field{display:flex;flex-direction:column;gap:.25rem}.data-table__card-label{font-size:.75rem;line-height:1.25;font-weight:500;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.data-table__card-value{font-size:.875rem;color:#1f2937;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table__card-value--link{color:#001e50;text-decoration:none;transition:color .2s ease}.data-table__card-value--link:hover{color:#00143c;text-decoration:underline}.data-table__card-value--link:focus{outline:2px solid rgb(30,190,250);outline-offset:2px;border-radius:.25rem}.data-table__card-value--link:focus-visible{outline:2px solid rgb(30,190,250);outline-offset:2px}@media (min-width: 576px){.data-table__card{padding:.75rem;margin-bottom:.5rem}.data-table__card-header{margin-bottom:.5rem;gap:.5rem}.data-table__card-name{font-size:1rem;line-height:1.5}.data-table__card-username{font-size:.75rem;line-height:1.25}.data-table__card-actions{gap:.25rem}.data-table__card-action{width:32px;height:32px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.data-table__wrapper{border-radius:8px}.data-table__header-cell{padding:12px 8px;font-size:12px}.data-table__header-cell--actions{width:150px}.data-table__cell{padding:12px 8px;font-size:13px}.data-table__actions{gap:4px}.data-table__loading,.data-table__empty{padding:48px 16px}.data-table__loading p,.data-table__empty p{font-size:16px}}.search-bar{width:100%;max-width:400px}.search-bar__input-wrapper{position:relative;display:flex;align-items:center}.search-bar__input{width:100%;padding:12px 50px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;transition:all .2s ease;outline:none;background-color:#fff}.search-bar__input::placeholder{color:#9ca3af}.search-bar__input:focus{border-color:#1ebefa;box-shadow:0 0 0 4px #1ebefa1a}.search-bar__input:hover{border-color:#d1d5db}.search-bar__icons{position:absolute;right:8px;display:flex;align-items:center;gap:4px}.search-bar__clear{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;color:#6c757d;font-size:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:background-color .2s ease,color .2s ease}.search-bar__clear:hover{background-color:#f8f9fa;color:#495057}.search-bar__clear:focus{outline:2px solid rgb(30,190,250);outline-offset:1px}.search-bar__search-icon{color:#6c757d;font-size:14px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none}@media (max-width: 768px){.search-bar{max-width:100%}.search-bar__input{padding:10px 45px 10px 14px;font-size:16px}}.form-field{margin-bottom:20px}.form-field__label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:6px;line-height:1.4}.form-field__required{color:#dc3545;margin-left:4px;font-weight:700}.form-field__input-wrapper{position:relative}.form-field__error{display:block;color:#dc3545;font-size:12px;font-weight:500;margin-top:4px;line-height:1.3}.form-field--error .form-field__label{color:#dc3545}.form-field--error input,.form-field--error textarea,.form-field--error select{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-field--error input:focus,.form-field--error textarea:focus,.form-field--error select:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-input::placeholder{color:#6c757d}.form-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-input:hover{border-color:#b8bcc2}.form-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.form-textarea{min-height:80px;resize:vertical;font-family:inherit;line-height:1.5}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}@media (max-width: 768px){.form-field{margin-bottom:16px}.form-field__label{font-size:13px}.form-input{padding:10px 14px;font-size:16px}}.side-panel-overlay{position:fixed;inset:0;background-color:transparent;display:flex;justify-content:flex-end;z-index:1050;pointer-events:none}.side-panel-overlay .side-panel{pointer-events:auto}.side-panel{background-color:#fff;border-left:1px solid #d1d5db;box-shadow:-4px 0 20px #11182726,-2px 0 8px #1118271a,-1px 0 3px #1118270d;display:flex;flex-direction:column;max-height:100vh;overflow:hidden;animation:sidePanelSlideIn .3s cubic-bezier(.25,.46,.45,.94)}.side-panel--small{width:400px;max-width:90vw}.side-panel--medium{width:500px;max-width:90vw}.side-panel--large{width:600px;max-width:90vw}@keyframes sidePanelSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.side-panel__header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0}.side-panel__header-content{flex:1;min-width:0}.side-panel__title{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937;line-height:1.25}.side-panel__subtitle{font-size:.875rem;margin:.25rem 0 0;color:#4b5563;line-height:1.5}.side-panel__close{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.5rem;color:#4b5563;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.side-panel__close:hover{background-color:#f3f4f6;color:#1f2937}.side-panel__close:focus{outline:2px solid rgb(30,190,250);outline-offset:2px}.side-panel__body{flex:1;overflow-y:auto;padding:1.5rem}.side-panel__body::-webkit-scrollbar{width:6px}.side-panel__body::-webkit-scrollbar-track{background:#f9fafb}.side-panel__body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.side-panel__body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.side-panel__footer{padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;display:flex;gap:.75rem;justify-content:flex-end;flex-shrink:0}@media (max-width: 480px){.side-panel__footer{flex-direction:column}.side-panel__footer>*{width:100%}}@media (max-width: 768px){.side-panel--small,.side-panel--medium,.side-panel--large{width:100vw;max-width:100vw}.side-panel__header,.side-panel__body,.side-panel__footer{padding:1rem}}@media (prefers-color-scheme: dark){.side-panel{border-left-color:#374151}}.responsive-editing-modal .modal__body{max-height:70vh}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editable-field{margin-bottom:1rem}.user-detail-page__personal-container .editable-field{margin-bottom:.5rem}.user-detail-page__section--personal .editable-field{margin-bottom:.25rem}.editable-field__label{display:block;font-size:.75rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.user-detail-page__section--personal .editable-field__label{font-size:10px;margin-bottom:.25rem}.editable-field__required{color:#dc2626;margin-left:4px;font-weight:700;font-size:14px;display:inline-block}.user-detail-page__section--personal .editable-field__required{font-size:12px}.editable-field__content{position:relative}.editable-field__value-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.75rem;border-left:3px solid transparent;min-height:48px;transition:all .2s ease;cursor:pointer;position:relative}.user-detail-page__personal-container .editable-field__value-wrapper{padding:.5rem .75rem;min-height:auto}.user-detail-page__section--personal .editable-field__value-wrapper{border:1px solid #e5e7eb;border-left:2px solid #d1d5db;padding:.5rem;background-color:#fff}.editable-field__value-wrapper:hover,.editable-field__value-wrapper:focus-within{background-color:#f3f4f6;border-left-color:#00b0f0}.editable-field__value-wrapper:hover .editable-field__edit,.editable-field__value-wrapper:focus-within .editable-field__edit{opacity:1;transform:translateY(-1px)}.editable-field__value-wrapper:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.editable-field__value{flex:1;font-size:15px;color:#1f2937}.editable-field__edit{background:none;border:none;padding:4px 8px;font-size:16px;opacity:.6;transition:opacity .2s ease;cursor:pointer}.editable-field__edit:hover{opacity:1;transform:translateY(-1px)}.editable-field__input-wrapper{position:relative;min-height:48px}.editable-field__input-container{display:flex;align-items:center;gap:.5rem;position:relative;min-height:48px}.user-detail-page__personal-container .editable-field__input-container{min-height:auto}.editable-field__input{flex:1;padding:12px 16px;font-size:15px;border:2px solid rgb(0,30,80);border-radius:.75rem;background-color:#fff;outline:none;transition:border-color .2s ease;width:100%}.editable-field__input:focus{border-color:#00143c;box-shadow:0 0 0 3px #001e501a}.editable-field__instructions{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:.75rem;color:#4b5563;margin-top:.25rem}.editable-field__actions{display:flex;gap:.25rem;flex-shrink:0}.editable-field__save{border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;cursor:pointer;background-color:#059669;color:#fff}.editable-field__save:hover{background-color:#036546;transform:translateY(-1px)}.editable-field__cancel{border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;cursor:pointer;background-color:#d1d5db;color:#374151}.editable-field__cancel:hover{background-color:#9ca3af;transform:translateY(-1px)}.editable-field__error{color:#dc2626;font-weight:500;font-size:.875rem}.editable-field__validation-hint{margin-top:.25rem;font-size:.75rem}.user-form-container.responsive-editing-modal .modal__body{max-height:60vh}.user-form-container.responsive-editing-panel .user-form__section{margin-bottom:24px}.user-form__section{margin-bottom:32px}.user-form__section:last-child{margin-bottom:0}.user-form__section-title{font-size:18px;font-weight:600;color:#495057;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e1e5e9}.user-form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0}.user-form__row--single{grid-template-columns:1fr}@media (max-width: 768px){.user-form__row{grid-template-columns:1fr;gap:16px}.user-form__section{margin-bottom:24px}.user-form__section-title{font-size:16px;margin-bottom:12px}}.metrics-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.metrics-card:focus{outline:2px solid rgb(0,30,80);outline-offset:2px;border-color:#001e50}.metrics-card:focus-visible{outline:2px solid rgb(0,30,80);outline-offset:2px;border-color:#001e50}.metrics-card[role=button]{cursor:pointer}.metrics-card[role=button]:hover{border-color:#001e50;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.metrics-card[role=button]:active{transform:translateY(0)}.metrics-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.metrics-card__icon{color:#4b5563}.metrics-card__title{font-size:.875rem;font-weight:500;color:#4b5563;margin:0;text-transform:uppercase;letter-spacing:.5px}.metrics-card__content{display:flex;flex-direction:column;gap:.5rem}.metrics-card__value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.2}.metrics-card__subtitle{font-size:.875rem;color:#4b5563;line-height:1.3}.metrics-card__subtitle--clickable{color:#001e50;text-decoration:underline}.metrics-card--primary{border-left:4px solid rgb(0,30,80)}.metrics-card--primary .metrics-card__icon{color:#001e50}.metrics-card--secondary{border-left:4px solid rgb(0,176,240)}.metrics-card--secondary .metrics-card__icon{color:#00b0f0}.metrics-card--success{border-left:4px solid #059669}.metrics-card--success .metrics-card__icon{color:#059669}.metrics-card--warning{border-left:4px solid #f59e0b}.metrics-card--warning .metrics-card__icon{color:#f59e0b}.metrics-overview{margin-bottom:2rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.metrics-overview__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.metrics-overview__title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.metrics-overview__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e5e7eb;border-radius:.25rem;cursor:pointer;transition:all .2s ease;color:#4b5563}.metrics-overview__toggle:hover{background-color:#f3f4f6;border-color:#001e50;color:#001e50}.metrics-overview__toggle:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.metrics-overview__toggle:disabled{cursor:not-allowed;opacity:.5}.metrics-overview__toggle:disabled:hover{background:transparent;border-color:#e5e7eb;color:#4b5563}.metrics-overview__toggle .icon{transition:transform .2s ease}.metrics-overview__cards,.metrics-overview__loading{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;padding:1.5rem;animation:slideDown .3s ease-out}.metrics-overview__error{background:#fff;border-radius:.5rem;padding:1.5rem;text-align:center;color:#4b5563;animation:slideDown .3s ease-out}.metrics-overview__error p{margin:0;font-size:.875rem}.metrics-overview__skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;height:120px;position:relative;overflow:hidden}.metrics-overview__skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skeleton-loading 1.5s infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.notification-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;display:flex;gap:1rem;cursor:pointer;transition:all .2s ease;position:relative}.notification-card:focus{outline:2px solid rgb(0,64,197);outline-offset:2px;background-color:#f9fafb}.notification-card:hover{background-color:#f9fafb}@media (prefers-contrast: high){.notification-card:focus{outline:3px solid currentColor}}.notification-card--unread{background-color:#001e5005;border-left:4px solid rgb(0,30,80)}.notification-card--read{opacity:.7}.notification-card--info .notification-card__icon{color:#001e50}.notification-card--warning .notification-card__icon{color:#f59e0b}.notification-card--error .notification-card__icon{color:#dc2626}.notification-card--success .notification-card__icon{color:#059669}.notification-card__icon{font-size:1.125rem;margin-top:2px;flex-shrink:0}.notification-card__content{flex:1;position:relative}.notification-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.75rem}.notification-card__title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.notification-card__timestamp{font-size:.875rem;color:#4b5563;white-space:nowrap;flex-shrink:0}.notification-card__message{font-size:.875rem;color:#4b5563;line-height:1.5;margin:0}.notification-card__unread-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#001e50;border-radius:50%;border:2px solid #ffffff}@media (max-width: 767px){.notification-card__header{flex-direction:column;align-items:flex-start;gap:.5rem}.notification-card__timestamp{white-space:normal}}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:16px}.confirm-dialog{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:400px;width:100%;animation:slideIn .3s ease-out}.confirm-dialog__header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e1e5e9}.confirm-dialog__icon{font-size:24px;flex-shrink:0}.confirm-dialog__title{font-size:20px;font-weight:600;color:#212529;margin:0}.confirm-dialog__body{padding:16px 24px}.confirm-dialog__message{color:#495057;line-height:1.5;margin:0}.confirm-dialog__actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #e1e5e9}.confirm-dialog--danger .confirm-dialog__icon,.confirm-dialog--danger .confirm-dialog__title{color:#dc3545}.confirm-dialog--warning .confirm-dialog__icon{color:#ffc107}.confirm-dialog--warning .confirm-dialog__title{color:#856404}.confirm-dialog--info .confirm-dialog__icon{color:#06c}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.confirm-dialog-overlay{padding:12px}.confirm-dialog__header{padding:20px 20px 12px}.confirm-dialog__title{font-size:18px}.confirm-dialog__body{padding:12px 20px}.confirm-dialog__actions{padding:12px 20px 20px;flex-direction:column}.confirm-dialog__actions>*{width:100%}}.pagination{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-top:1px solid #e5e7eb;background:#fff}@media (min-width: 768px){.pagination{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0}}.pagination__info{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 576px){.pagination__info{flex-direction:row;align-items:center;gap:1rem}}.pagination__summary{font-size:.875rem;line-height:1.5;color:#4b5563;font-weight:500;white-space:nowrap}.pagination__page-size{display:flex;align-items:center;gap:.5rem}.pagination__page-size-label{font-size:.875rem;line-height:1.5;color:#4b5563;font-weight:500}.pagination__page-size-select{font-size:.875rem;line-height:1.5;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#1f2937;font-weight:500;min-width:60px}.pagination__page-size-select:focus{outline:2px solid rgb(0,30,80);outline-offset:2px;border-color:#001e50}.pagination__page-size-select:disabled{opacity:.5;cursor:not-allowed}.pagination__controls{display:flex;align-items:center;gap:.25rem}@media (max-width: 767px){.pagination__controls{justify-content:center}}.pagination__nav-btn{min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#4b5563;transition:all .2s ease}.pagination__nav-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination__nav-btn:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.pagination__nav-btn:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6}.pagination__nav-btn:focus:not(:focus-visible){outline:none}.pagination__pages{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination__page-btn{min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;line-height:1.5;font-weight:500;transition:all .2s ease}.pagination__page-btn--active{background:#001e50!important;border-color:#001e50!important;color:#fff!important;font-weight:600}.pagination__page-btn:not(.pagination__page-btn--active){border:1px solid #e5e7eb;background:#fff;color:#4b5563}.pagination__page-btn:not(.pagination__page-btn--active):hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination__page-btn:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.pagination__page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:#4b5563;font-size:.875rem;line-height:1.5;font-weight:500}.pagination__jump-btn{min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#4b5563;transition:all .2s ease;margin-left:.25rem}.pagination__jump-btn:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:2px;background:#001e50;opacity:.3;border-radius:1px}.pagination__jump-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.pagination__jump-btn:hover:not(:disabled):after{opacity:.6}.pagination__jump-btn:focus{outline:2px solid rgb(0,30,80);outline-offset:2px}.pagination__jump-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 576px){.pagination__info{text-align:center}.pagination__pages{margin:0 .25rem;gap:2px}.pagination__nav-btn,.pagination__page-btn,.pagination__jump-btn{min-width:28px;height:28px}.pagination__summary,.pagination__page-size-label{font-size:.75rem;line-height:1.25}.pagination__page-size-select{font-size:.75rem;line-height:1.25;padding:2px .25rem;min-width:50px}}.users-page{min-height:100vh;background-color:#f9fafb;width:100%}.users-page__content{width:100%}.users-page__header-actions{display:flex;gap:12px;align-items:center}.users-page__error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.users-page__error strong{font-weight:600}.users-page__error-retry{flex-shrink:0}.users-page__controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:24px;background-color:#fff;border-radius:12px;border:1px solid #e1e5e9;box-shadow:0 1px 3px #0000001a}.users-page__search{flex:1;max-width:500px}.users-page__search--searching{position:relative}.users-page__search--searching:after{content:"";position:absolute;top:50%;right:12px;width:16px;height:16px;border:2px solid #e1e5e9;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;z-index:1;transform:translateY(-50%)}.users-page__actions{display:flex;gap:1rem;align-items:center;flex-shrink:0}.users-page__stats{flex-shrink:0;display:flex;align-items:center;gap:16px}.users-page__search-results,.users-page__total-results{font-size:14px;color:#6c757d;font-weight:500;white-space:nowrap}.users-page__search-results{color:#06c}.users-page__table{margin-bottom:0}@media (max-width: 768px){.users-page__content{padding:0 1rem}.users-page__header-actions{flex-direction:column;gap:8px;width:100%}.users-page__header-actions>*{width:100%}.users-page__controls{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.users-page__search{max-width:none}.users-page__actions{display:flex;justify-content:space-between;gap:16px}.users-page__stats{justify-content:center}.users-page__error{flex-direction:column;align-items:stretch;gap:12px;text-align:center}}@media (max-width: 480px){.users-page__content{padding:0 .75rem}.users-page__controls{padding:12px}.users-page__stats{flex-direction:column;gap:8px}}.users-page__pagination{border-radius:0 0 12px 12px;background-color:#fff;border:1px solid #e1e5e9;border-top:none}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.user-detail-page{min-height:100vh;background-color:#f9fafb;width:100%}.user-detail-page__loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.user-detail-page__error{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:50vh;text-align:center;padding:2rem}.user-detail-page__error h1{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.user-detail-page__error p{font-size:1.125rem;color:#4b5563;margin:0}.user-detail-page__content{width:100%;overflow-x:hidden}.user-detail-page__header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media (min-width: 768px){.user-detail-page__header-actions{flex-direction:column;align-items:stretch;gap:.5rem}}.user-detail-page__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:1.5rem}@media (min-width: 768px){.user-detail-page__grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 992px){.user-detail-page__grid{grid-template-columns:1fr;gap:2rem}}.user-detail-page__secondary-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.user-detail-page__secondary-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 992px){.user-detail-page__secondary-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.user-detail-page__section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem}@media (min-width: 768px){.user-detail-page__section{padding:1rem}}.user-detail-page__section--personal{background:none;border:none;box-shadow:none;padding:2rem 0;display:flex;justify-content:center}.user-detail-page__personal-container{display:flex;gap:2rem;align-items:center;max-width:800px;width:100%}@media (max-width: 767px){.user-detail-page__personal-container{flex-direction:column;gap:1.5rem;align-items:center}}.user-detail-page__avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0}.user-detail-page__username{font-size:1.125rem;line-height:1.5;font-weight:600;color:#1f2937;text-align:center}.user-detail-page__section-title{font-size:1.25rem;line-height:1.25;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #d1d5db;display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.user-detail-page__section-title{font-size:1.125rem;line-height:1.5;margin-bottom:1rem}}.user-detail-page__fields{display:grid;gap:.75rem;flex:1;max-width:50%}.user-detail-page__section--personal .user-detail-page__fields{justify-self:center;width:100%;gap:.25rem;max-width:none}.user-detail-page__secondary-grid .user-detail-page__fields{max-width:100%;width:100%}@media (max-width: 767px){.user-detail-page__fields{gap:.5rem;max-width:100%}}.user-detail-page__field{display:flex;flex-direction:column;gap:.5rem;word-wrap:break-word;overflow-wrap:break-word}.user-detail-page__field--full{grid-column:1/-1}.user-detail-page__label{font-size:.75rem;line-height:1.25;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#4b5563}.user-detail-page__value{font-size:.875rem;line-height:1.5;color:#1f2937;font-weight:500;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.user-detail-page__value--highlight{color:#001e50;font-weight:600;font-size:1.125rem;line-height:1.5}.user-detail-page__value--italic{font-style:italic;color:#6b7280}.user-detail-page__map-link{color:#1f2937;text-decoration:none}.user-detail-page__map-link:hover{color:#001e50}.user-detail-page__map-link:focus{outline:2px solid rgb(30,190,250);outline-offset:2px;border-radius:.25rem}.user-detail-page__no-location{color:#6b7280;font-style:italic;display:flex;align-items:center;gap:.5rem}.user-detail-page__link{color:#001e50;text-decoration:none;transition:all .2s ease}.user-detail-page__link:hover{color:#00143c;text-decoration:underline}.user-detail-page__link:focus{outline:2px solid rgb(30,190,250);outline-offset:2px;border-radius:.25rem}.user-detail-page__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 768px){.user-detail-page__avatar{width:80px;height:80px;border-width:2px}}.user-detail-page__actions{display:flex;gap:.75rem;justify-content:flex-start;margin-top:1.5rem}@media (min-width: 768px){.user-detail-page__actions{flex-direction:column;gap:.5rem;margin-top:1rem}}@media (min-width: 768px){.user-detail-page__content{padding:0 1rem}.user-detail-page__header-actions{flex-direction:column;gap:.5rem;width:100%}.user-detail-page__header-actions>*{width:100%}.user-detail-page__grid{grid-template-columns:1fr;gap:1.5rem}.user-detail-page__section{padding:1.25rem}}@media (min-width: 576px){.user-detail-page__content{padding:0 .75rem}.user-detail-page__section,.user-detail-page__header{padding:1rem}.user-detail-page__grid{gap:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.notifications-page{width:100%}.notifications-page__header{margin-bottom:2rem}.notifications-page__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.notifications-page__subtitle{font-size:1.125rem;color:#4b5563;margin:0}.notifications-page__actions{display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-wrap:wrap}.notifications-page__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.notifications-page__error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.notifications-page__error p{color:#dc2626;margin:0 0 .75rem}.notifications-page__empty{text-align:center;padding:2rem;color:#4b5563}.notifications-page__empty p{font-size:1.125rem;margin:0}.notifications-page__list .notification-card:last-child{margin-bottom:0}@media (max-width: 767px){.notifications-page__actions{flex-direction:row;justify-content:center;align-items:center;gap:.25rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible}.notifications-page__actions .button{flex:0 0 auto;min-width:fit-content;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap}}@media (max-width: 575px){.notifications-page__actions{gap:.25rem;padding:0 .25rem}.notifications-page__actions .button{padding:.5rem;font-size:.75rem;min-width:auto;flex:0 0 auto}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2937;background-color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}body{line-height:1}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}button{background:none;border:none;font:inherit;cursor:pointer}ul{list-style:none;padding:0}a{color:inherit;text-decoration:none}