*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}*{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;display:flex;flex-direction:column;font-size:16px;line-height:1.5;background-color:#f5f5f5;color:#333}#root{height:100dvh;width:100dvw;overflow:auto}h1,h2,h3,h4,h5{font-weight:500;margin:0;padding-bottom:12px;line-height:1.2;color:#01294f}h1,.heading-1{font-size:1.5rem}h2,.heading-2{font-size:1.25rem}h3,.heading-3{font-size:1.125rem}h4,.heading-4{font-size:1rem}label,.label{display:block;font-size:.875rem;margin-bottom:8px}ul{list-style-type:none}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#023973;color:#fff;display:flex;flex-direction:column}.sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .sidebar-header h2{margin:0;font-size:1.5rem;color:#fff;padding-bottom:0}.sidebar .nav-menu{flex:1;list-style:none;padding:1rem 0}.sidebar .nav-menu li{margin:0}.sidebar .nav-menu .nav-link{display:flex;align-items:center;padding:.875rem 1.5rem;color:#ffffffd9;text-decoration:none;transition:all .2s ease;font-weight:600;font-size:.95rem}.sidebar .nav-menu .nav-link .nav-icon{margin-right:.75rem;width:18px;font-size:1.1rem;color:#ffffffd9}.sidebar .nav-menu .nav-link .nav-icon svg path{fill:#ffffffd9!important}.sidebar .nav-menu .nav-link:hover{background-color:#ffffff26;color:#fff;font-weight:700}.sidebar .nav-menu .nav-link:hover .nav-icon{color:#fff}.sidebar .nav-menu .nav-link:hover .nav-icon svg path{fill:#fff!important}.sidebar .nav-menu .nav-link.active{background-color:#ffffff40;color:#fff;border-right:4px solid white;font-weight:700}.sidebar .nav-menu .nav-link.active .nav-icon{color:#fff}.sidebar .nav-menu .nav-link.active .nav-icon svg path{fill:#fff!important}.sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar .sidebar-footer .user-info{display:flex;justify-content:space-between;align-items:center}.sidebar .sidebar-footer .user-info .username{font-weight:500}.sidebar .sidebar-footer .user-info .logout-btn{display:flex;align-items:center;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.375rem .75rem;border-radius:3px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.sidebar .sidebar-footer .user-info .logout-btn .logout-icon{margin-right:.5rem;font-size:.875rem}.sidebar .sidebar-footer .user-info .logout-btn:hover{background-color:#ffffff26;border-color:#ffffff80}.main-content{flex:1;overflow-y:auto}.section{padding:32px 24px}button{background-color:transparent;border:none;transition:all .2s ease;cursor:pointer}button:hover{background-color:#eaeaea}.button{display:flex;align-items:center;justify-content:center;max-width:fit-content;padding:8px 16px 7px;text-transform:uppercase;font-weight:700;letter-spacing:1px;border-radius:3px;cursor:pointer;border:1px solid;transition:all .2s ease;font-size:.75rem;text-decoration:none;line-height:1.2;text-align:center}.button[disabled]{opacity:.8;cursor:initial}.button.primary{background-color:#023973;border-color:#023973;color:#fff;transition:all .2s ease}.button.primary:not([disabled]):hover{background-color:#01294f;border-color:#01294f}.button.primary svg path{fill:#fff}.button.secondary{background-color:transparent;border-color:#023973;color:#023973}.button.secondary:not([disabled]):hover{background-color:#023973;color:#fff}.button-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.button-wrapper .button svg{margin-right:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#01294f;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #97aac2;border-radius:3px;font-size:.875rem;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#023973}.form-group input:disabled,.form-group select:disabled{background-color:#f0f3f8;cursor:initial}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px top 12px;background-size:12px auto;cursor:pointer;padding-right:40px}.required:after{content:"*";color:#d60909;font-weight:700;margin-left:2px}.error-message{display:block;font-size:.75rem;color:#d60909;padding-top:4px}.input-error{border-color:#d60909;outline:none}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#023973 0%,rgb(2.8717948718,81.8461538462,165.1282051282) 100%)}.login-container{background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#023973;margin-bottom:.5rem}.login-header p{color:#666}.login-form .login-button{width:100%;padding:.75rem;background-color:#023973;color:#fff;border:none;border-radius:3px;font-size:1rem;cursor:pointer;transition:background-color .2s;text-transform:uppercase;font-weight:700;letter-spacing:1px}.login-form .login-button:hover:not(:disabled){background-color:#01294f}.login-form .login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-form .error-message{background-color:#d609091a;color:#d60909;padding:.75rem;border-radius:3px;margin-bottom:1rem;border:1px solid rgba(214,9,9,.3)}.title-wrapper{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;padding-bottom:24px;position:relative;gap:16px}.title-wrapper h1{padding-bottom:0;padding-left:4px}.title-wrapper .flex-wrapper{display:flex;flex-wrap:wrap;height:fit-content;align-items:center;gap:4px}.title-wrapper .flex-col{display:flex;flex-direction:column;gap:12px}.dashboard .section{padding:32px 24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:white;padding:1.5rem;border-radius:3px;border:1px solid #bbc6d6}.stat-card h3{margin-bottom:.5rem;color:#5a74a3;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#023973}.stat-card .stat-value.pending{color:#c6c60c}.stat-card .stat-value.delivered{color:#046204}.stat-card .stat-value.failed{color:#d60909}.accounts-section h2{margin-bottom:1rem;color:#023973}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.account-card{background:white;padding:1rem;border-radius:3px;border:1px solid #bbc6d6}.account-card h4{margin-bottom:.5rem;color:#023973}.account-card p{margin:.25rem 0;color:#666;font-size:.875rem}.notifications-page .section{padding:32px 24px}.filters-container{background:white;border-radius:3px;border:1px solid #bbc6d6;margin-bottom:2rem;overflow:hidden}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#dbe1eb;border-bottom:1px solid #bbc6d6}.filters-header .filters-title{display:flex;align-items:center;font-weight:600;color:#01294f;font-size:.9rem}.filters-header .filters-title .filter-icon{margin-right:.5rem}.filters-header .filters-title .filter-icon path{fill:#023973}.filters-header .clear-filters-btn{display:flex;align-items:center;background:none;border:1px solid #97aac2;color:#023973;padding:6px 12px;border-radius:3px;cursor:pointer;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.filters-header .clear-filters-btn svg{margin-right:.25rem}.filters-header .clear-filters-btn svg path{fill:#023973}.filters-header .clear-filters-btn:hover{background-color:#023973;color:#fff}.filters-header .clear-filters-btn:hover svg path{fill:#fff}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px 16px}.filter-group{display:flex;flex-direction:column}.filter-group label{display:block;margin-bottom:6px;font-weight:500;color:#01294f;font-size:.875rem}.filter-group input,.filter-group select{width:100%;padding:8px 12px;border:1px solid #97aac2;border-radius:3px;font-size:.875rem;background-color:#fff;transition:border-color .15s ease-in-out}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#023973}.filter-group input:disabled,.filter-group select:disabled{background-color:#f0f3f8;cursor:initial}.filter-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2397aac2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px auto;cursor:pointer;padding-right:36px}.search-input{position:relative}.search-input .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#97aac2;pointer-events:none;font-size:.875rem}.search-input .search-icon path{fill:#97aac2}.search-input input{padding-left:36px}.date-range-filter-group .custom-date-inputs{margin-top:12px;display:flex;gap:8px}.date-range-filter-group .custom-date-inputs .date-input-group{flex:1;display:flex;flex-direction:column}.date-range-filter-group .custom-date-inputs .date-input-group label{display:block;margin-bottom:6px;font-weight:500;color:#01294f;font-size:.875rem}.date-range-filter-group .custom-date-inputs .date-input-group input{width:100%;padding:6px 8px;border:1px solid #97aac2;border-radius:3px;font-size:.8rem;background-color:#fff;transition:border-color .15s ease-in-out}.date-range-filter-group .custom-date-inputs .date-input-group input:focus{outline:none;border-color:#023973}.date-range-filter-group .custom-date-inputs .date-input-group input:disabled{background-color:#f0f3f8;cursor:initial}.table-wrapper{flex-grow:1;display:flex;flex-direction:column;height:calc(100vh - 400px);min-height:400px}.table-wrapper .border{border:1px solid #bbc6d6;min-width:fit-content;width:100%;position:relative;background-color:#fff;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;flex-grow:1}.table-wrapper .table-scroll-container{flex-grow:1;overflow-y:auto;overflow-x:auto}.table-wrapper table{border-spacing:0;border-collapse:collapse;width:100%;min-width:800px}.table-wrapper thead tr{position:sticky;top:0;background-color:#dbe1eb;z-index:10}.table-wrapper tbody{width:100%}.table-wrapper tbody tr{transition:all .2s ease;cursor:pointer}.table-wrapper tbody tr:hover,.table-wrapper tbody tr:focus-within{background-color:#f0f3f8;opacity:1}.table-wrapper th{font-size:.9rem;background-color:#dbe1eb;position:relative;font-weight:600;color:#01294f;text-transform:uppercase;letter-spacing:.5px}.table-wrapper td{font-size:.875rem}.table-wrapper th,.table-wrapper td{text-align:left;white-space:nowrap;min-width:fit-content;padding:6px 32px 6px 12px;line-height:1.5rem;border-bottom:1px solid #bbc6d6}.table-wrapper .message-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper .status{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.table-wrapper .status.pending{background-color:#c6c60c1a;color:#363603}.table-wrapper .status.sent,.table-wrapper .status.delivered{background-color:#0462041a;color:#023102}.table-wrapper .status.failed{background-color:#d609091a;color:#a50707}.notifications-table{background:white;border-radius:3px;border:1px solid #bbc6d6;overflow:hidden}.pagination-controls,.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #bbc6d6;background-color:#fff;position:sticky;bottom:0;z-index:5;gap:16px}.pagination-controls .pagination-info,.pagination .pagination-info{display:flex;align-items:center;gap:16px;font-size:.875rem;color:#01294f}.pagination-controls .pagination-info .page-size-selector,.pagination .pagination-info .page-size-selector{display:flex;align-items:center;gap:8px}.pagination-controls .pagination-info .page-size-selector label,.pagination .pagination-info .page-size-selector label{font-size:.875rem;color:#01294f;margin:0;padding:0}.pagination-controls .pagination-info .page-size-selector select,.pagination .pagination-info .page-size-selector select{padding:4px 8px;border:1px solid #97aac2;border-radius:3px;font-size:.875rem;background-color:#fff;cursor:pointer;min-width:60px}.pagination-controls .pagination-info .page-size-selector select:focus,.pagination .pagination-info .page-size-selector select:focus{outline:none;border-color:#023973}.pagination-controls .pagination-wrapper,.pagination .pagination-wrapper{display:flex;align-items:center;gap:12px}.pagination-controls .pagination-wrapper button,.pagination .pagination-wrapper button{font-size:.9rem;white-space:nowrap;padding:8px 16px;background-color:#023973;color:#fff;border:1px solid #023973;border-radius:3px;cursor:pointer;transition:all .2s ease}.pagination-controls .pagination-wrapper button:disabled,.pagination .pagination-wrapper button:disabled{opacity:.4;cursor:initial}.pagination-controls .pagination-wrapper button:hover:not(:disabled),.pagination .pagination-wrapper button:hover:not(:disabled){background-color:#01294f;border-color:#01294f}.pagination-controls .pagination-wrapper span,.pagination .pagination-wrapper span{font-weight:500;color:#01294f;font-size:.9rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #dbe1eb;border-top:4px solid #023973;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner span{color:#5a74a3;font-size:.875rem}.table-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:20}.table-loading-overlay .table-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026}.table-loading-overlay .table-loading-spinner .spinner{width:32px;height:32px;border:3px solid #dbe1eb;border-top:3px solid #023973;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.table-loading-overlay .table-loading-spinner span{color:#5a74a3;font-size:.875rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background-color:#d609091a;color:#d60909;padding:1rem;border-radius:3px;border:1px solid rgba(214,9,9,.3);margin:1rem 0}svg path{fill:#023973}.sidebar *.svg-inline--fa,.sidebar *[data-prefix],.sidebar *[data-icon]{color:#fff!important}.sidebar svg,.sidebar .svg-inline--fa,.sidebar [data-prefix],.sidebar [data-icon]{color:#fff!important}.sidebar svg path,.sidebar .svg-inline--fa path,.sidebar [data-prefix] path,.sidebar [data-icon] path{fill:#fff!important}.sidebar .nav-icon,.sidebar .logout-icon{color:#fff!important}.sidebar .nav-icon *,.sidebar .logout-icon *{color:#fff!important;fill:#fff!important}.sidebar .fa,.sidebar .fas,.sidebar .far,.sidebar .fal,.sidebar .fab,.sidebar .fa-tachometer-alt,.sidebar .fa-bell,.sidebar .fa-sign-out-alt{color:#fff!important}.sidebar .fa *,.sidebar .fas *,.sidebar .far *,.sidebar .fal *,.sidebar .fab *{color:#fff!important;fill:#fff!important}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto}.main-content{padding:1rem}.stats-grid,.filters-grid{grid-template-columns:1fr}.notifications-table{overflow-x:auto}.date-range-calendar{width:100%;max-width:320px}.date-range-dropdown-content{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);z-index:1001}}