@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-navbar:#0076a3;--bg-sidebar:#2b3541;--bg-body:#f4f6f9;--bg-card:#fff;--border-light:#e5e7eb;--border-table:#ddd;--text-dark:#212529;--text-muted:#6c757d;--color-green-btn:#3ea94f;--color-darkgreen-btn:#2c7c39;--color-blue-btn:#1b62a5;--color-gray-badge:#616161;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--transition-fast:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-navbar{background-color:var(--bg-navbar);color:#fff;z-index:100;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.logo-container{align-items:center;gap:12px;height:100%;margin-left:-24px;padding:0 22px;display:flex}.logo-image{width:auto;height:42px}.navbar-nav{align-items:center;gap:20px;height:100%;list-style:none;display:flex}.navbar-link{color:#ffffffe6;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.navbar-link:hover,.navbar-link.active{color:#fff;background-color:#ffffff1f}.profile-dropdown-container{position:relative}.profile-trigger{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.profile-trigger:hover{background-color:#ffffff1f}.profile-dropdown-menu{border:1px solid var(--border-light);border-radius:var(--radius-md);z-index:110;background-color:#fff;min-width:180px;margin-top:6px;animation:.15s ease-out fadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{text-align:left;width:100%;color:var(--text-dark);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.danger{color:#dc3545}.dropdown-divider{background-color:var(--border-light);height:1px}.shell-body{flex:1;display:flex}.sidebar-year{color:#fff;background-color:#1a1e24;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-heading{color:#fff;background-color:#212730;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.sidebar-menu-container{flex-direction:column;display:flex}.sidebar-dropdown-group{border-bottom:1px dashed #ffffff1a;flex-direction:column;display:flex}.sidebar-menu-btn{text-align:left;color:#d1d5db;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.sidebar-menu-btn:hover{color:#fff;background-color:#ffffff0a}.sidebar-menu-btn.active{background-color:var(--bg-navbar);color:#fff;border-bottom:none}.menu-btn-left{align-items:center;gap:10px;display:flex}.menu-icon{opacity:.85;color:inherit}.chevron-bullet{color:#9ca3af;flex-shrink:0}.uppercase-label{text-transform:uppercase;letter-spacing:.5px}.dropdown-arrow{transition:transform var(--transition-fast);color:#9ca3af}.dropdown-arrow.open{color:#fff;transform:rotate(185deg)}.sidebar-submenu{background-color:#12151a;flex-direction:column;padding:4px 0;display:flex}.submenu-item{text-align:left;color:#9ca3af;cursor:pointer;width:100%;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 20px 10px 32px;font-size:13px;font-weight:500;display:flex}.submenu-item:hover{color:#fff;background-color:#ffffff08}.submenu-item.active{color:#fff;background-color:#ffffff0d;font-weight:600}.submenu-item.text-blue{color:#00bcff}.submenu-item.text-blue:hover{color:#4cd0ff}.submenu-placeholder{color:#6b7280;padding:10px 32px;font-size:12px;font-style:italic}.sidebar-badge{color:#fff;text-align:center;background-color:#0076a3;border-radius:12px;min-width:26px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.3}.main-viewport{background-color:var(--bg-body);flex-grow:1;padding:24px;overflow-y:auto}.content-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:24px;box-shadow:0 1px 3px #0000000d}.view-title{color:var(--text-dark);border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.filter-left-pill-group{align-items:center;gap:4px;display:flex}.pill-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:6px 12px;font-size:12px;font-weight:600}.pill-btn:hover{opacity:.9}.pill-btn.new-members{background-color:var(--color-green-btn)}.pill-btn.modified-members{background-color:var(--color-darkgreen-btn)}.pill-badge{background-color:var(--color-gray-badge);color:#fff;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:700}.filter-right-inputs{align-items:center;gap:12px;display:flex}.search-input-box{border-radius:var(--radius-sm);border:1px solid #ccc;width:180px;padding:8px 12px;font-size:13px}.date-picker-box{border-radius:var(--radius-sm);border:1px solid #ccc;padding:8px 12px;font-size:13px}.excel-btn-group{justify-content:flex-end;gap:10px;margin-bottom:20px;display:flex}.excel-download-btn{background-color:var(--color-blue-btn);color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);border:none;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.excel-download-btn:hover{opacity:.95}.excel-btn-subtext{opacity:.85;font-size:10px;font-weight:400}.table-responsive{border:1px solid var(--border-table);border-radius:var(--radius-sm);width:100%;margin-bottom:20px;overflow-x:auto}.corporate-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.corporate-table th{color:#333;border:1px solid var(--border-table);background-color:#f2f2f2;padding:12px 10px;font-weight:700}.corporate-table td{border:1px solid var(--border-table);color:#333;vertical-align:middle;padding:12px 10px}.corporate-table tr:nth-child(2n) td{background-color:#f9f9f9}.email-cell-container{flex-direction:column;gap:4px;display:flex}.email-toggle-eye-btn{color:var(--bg-navbar);cursor:pointer;background:0 0;border:none;width:fit-content;padding:2px;display:inline-flex}.email-toggle-eye-btn:hover{color:#005677}.btn-view-action{background-color:var(--color-green-btn);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:6px 12px;font-size:12px;font-weight:500}.btn-view-action:hover{background-color:var(--color-darkgreen-btn)}.pagination-row{align-items:center;gap:4px;font-size:12px;display:flex}.page-link-btn{border:1px solid var(--border-table);color:var(--text-dark);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;padding:4px 8px;text-decoration:none}.page-link-btn:hover{background-color:#eee}.page-link-btn.active{background-color:var(--bg-navbar);color:#fff;border-color:var(--bg-navbar)}.modal-overlay{z-index:200;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-md);background-color:#fff;width:420px;max-width:90%;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 4px 20px #00000040}.modal-header{background-color:var(--bg-navbar);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-size:16px;font-weight:600}.modal-close-trigger{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:20px}.modal-close-trigger:hover{opacity:1}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:12px 20px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.shell-body{flex-direction:column}.sidebar-year{width:100%;height:auto}.navbar-nav{display:none}}.login-wrapper{background-image:url(./assets/map-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-wrapper:before{content:"";z-index:1;background-color:#f0f2f5d1;position:absolute;inset:0}.login-logo-container{text-align:center;z-index:10;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-logo-box{border-radius:var(--radius-sm);padding:12px 28px;display:inline-block}.logo-badge-container{align-items:center;gap:12px;display:flex}.logo-badge-red{border-radius:var(--radius-sm);color:#fff;background-color:#d9534f;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.logo-text-stack{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.logo-text-dollar{color:#0076a3;font-size:20px;font-weight:800;font-family:var(--font-heading)}.logo-text-filer{color:#2b3541}.logo-text-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:9px;font-weight:700}.login-welcome-text{font-family:var(--font-heading);color:#2b3541;margin-top:16px;font-size:20px;font-weight:500}.login-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);z-index:10;background-color:#fffffffa;width:420px;max-width:100%;padding:28px;box-shadow:0 10px 30px #00000014}.login-tabs-group{gap:6px;margin-bottom:24px;display:flex}.login-tab-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:center;background-color:#343a40;border:none;flex:1;padding:10px 14px;font-size:13px;font-weight:600}.login-tab-btn:hover{background-color:#2b3035}.login-tab-btn.active{background-color:#212529;box-shadow:inset 0 2px 4px #00000040}.login-form-body{flex-direction:column;gap:16px;display:flex}.login-form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.login-label{color:#333;font-size:13px;font-weight:700}.login-input{border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast);border:1px solid #ccc;padding:10px 12px;font-family:inherit;font-size:14px}.login-input:focus{border-color:#0076a3;outline:none}.otp-label-row{justify-content:space-between;align-items:center;display:flex}.generate-otp-btn{color:#0076a3;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.generate-otp-btn:hover{color:#005677}.login-actions-row{gap:10px;margin-top:8px;display:flex}.login-action-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);border:none;flex:1;padding:10px;font-size:14px;font-weight:600}.login-action-btn:hover{opacity:.9}.login-action-btn.submit{background-color:#3ea94f}.login-action-btn.cancel{background-color:#d9534f}.login-message{border-radius:var(--radius-sm);text-align:left;border:1px solid;padding:10px 12px;font-size:13px}.login-message.error{color:#dc3545;background-color:#dc35451a;border-color:#dc354533}.login-message.info,.login-message.success{color:#0076a3;text-align:center;background-color:#0076a31a;border-color:#0076a333;font-weight:600}.auth-alert{border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;animation:.28s ease-out authAlertSlideIn;display:flex;box-shadow:0 4px 14px #0f172a0f}.auth-alert-centered{text-align:center;flex-direction:column;align-items:center}.auth-alert-centered .auth-alert-body{align-items:center}.auth-alert-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-alert-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-alert-title{margin:0;font-size:13px;font-weight:700;line-height:1.35}.auth-alert-message{opacity:.92;margin:0;font-size:13px;line-height:1.5}.auth-alert-error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2f2 0%,#fee2e2d9 100%);border-color:#f8717159}.auth-alert-error .auth-alert-icon-wrap{color:#dc2626;background-color:#dc26261f}.auth-alert-warning{color:#b45309;background:linear-gradient(135deg,#fffbebf2 0%,#fef3c7d9 100%);border-color:#fbbf2466}.auth-alert-warning .auth-alert-icon-wrap{color:#d97706;background-color:#f59e0b26}.auth-alert-info{color:#0369a1;background:linear-gradient(135deg,#f0f9fff2 0%,#e0f2fed9 100%);border-color:#38bdf859}.auth-alert-info .auth-alert-icon-wrap{color:#0076a3;background-color:#0076a31f}.auth-alert-success{color:#15803d;background:linear-gradient(135deg,#f0fdf4f2 0%,#dcfce7d9 100%);border-color:#4ade8059}.auth-alert-success .auth-alert-icon-wrap{color:#16a34a;background-color:#22c55e1f}@keyframes authAlertSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-view-container{background-color:#fff;flex-direction:column;gap:16px;padding:10px 0;display:flex}.detail-back-btn{color:#333;border-radius:var(--radius-sm);cursor:pointer;width:fit-content;transition:all var(--transition-fast);background-color:#fff;border:1px solid #ced4da;padding:6px 16px;font-size:13px;font-weight:600}.detail-back-btn:hover{background-color:#f8f9fa;border-color:#adb5bd}.detail-tabs-row{border-bottom:2px solid #ced4da;flex-wrap:wrap;gap:3px;padding-bottom:0;display:flex}.detail-tab-btn{color:#fff;cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:background-color var(--transition-fast);background-color:#2b3541;border:none;padding:10px 16px;font-size:13px;font-weight:600}.detail-tab-btn:hover{background-color:#1a2028}.detail-tab-btn.active{color:#fff;background-color:#00bcff;font-weight:700;box-shadow:0 -2px 5px #0000001a}.detail-card-table th{font-size:14px;color:#2b3541!important;background-color:#f8f9fa!important}.detail-card-table td{font-size:13px;border:1px solid #e5e7eb!important;padding:10px 12px!important}.bank-details-card{box-shadow:0 1px 3px #0000000d}.file-info-view select{font-family:inherit;font-size:13px}.leads-controls-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.leads-sub-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.leads-btn-new{background-color:var(--color-green-btn);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.leads-btn-new:hover{background-color:var(--color-darkgreen-btn)}.leads-btn-filter{background-color:var(--color-green-btn);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:7px 18px;font-size:13px;font-weight:600}.leads-btn-filter:hover{background-color:var(--color-darkgreen-btn)}.leads-btn-today{color:#475569;border-radius:var(--radius-sm);cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.leads-btn-today:hover{color:#1e293b;background-color:#f1f5f9}.leads-btn-today.has-leads{color:#1d4ed8;background-color:#eff6ff;border-color:#3b82f6}.leads-btn-today.has-leads:hover{background-color:#dbeafe}.leads-today-badge{color:#fff;background:#ef4444;border-radius:12px;margin-left:2px;padding:1px 7px;font-size:11px;font-weight:700;animation:2s infinite pulseBadge}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.leads-btn-clear-filter{color:#64748b;border-radius:var(--radius-sm);cursor:pointer;background-color:#f8fafc;border:1px dashed #cbd5e1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.leads-btn-clear-filter:hover{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.leads-status-filter,.leads-per-page{border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #ccc;padding:5px 8px;font-size:13px}.leads-search-box{border-radius:var(--radius-sm);border:1px solid #ccc;width:200px;padding:5px 10px;font-size:13px}.leads-table th{white-space:nowrap;font-size:12px;font-weight:700;color:#333!important;background-color:#f2f2f2!important}.leads-table td{vertical-align:middle;font-size:12.5px}.leads-row-even td{background-color:#fff}.leads-row-odd td{background-color:#f9f9f9}.leads-status-badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.leads-action-btns{flex-direction:column;align-items:center;gap:4px;display:flex}.leads-icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:26px;height:26px;transition:opacity var(--transition-fast);color:#fff;border:none;justify-content:center;align-items:center;display:inline-flex}.leads-icon-btn:hover{opacity:.85}.leads-icon-view{background-color:var(--color-green-btn)}.leads-icon-edit{background-color:#1b62a5}.leads-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.leads-entries-info{color:#555;font-size:12px}.leads-modal-dialog{border-radius:var(--radius-md);background:#fff;max-width:95vw;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 6px 30px #00000038}.leads-modal-header{border-bottom:1px solid var(--border-light);background:#fafafa;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.leads-modal-title{color:var(--text-dark);font-size:15px;font-weight:700}.leads-modal-close{cursor:pointer;color:#666;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.leads-modal-close:hover{color:#333;background-color:#f0f0f0}.leads-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.leads-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:12px;display:flex}.leads-form-row{flex-wrap:wrap;gap:14px;display:flex}.leads-form-group{flex-direction:column;flex:1;gap:4px;min-width:130px;display:flex}.leads-form-group label{color:#444;font-size:12px;font-weight:600}.leads-required{color:#dc3545;margin-left:1px}.leads-input{border-radius:var(--radius-sm);transition:border-color var(--transition-fast);background:#fff;border:1px solid #ccc;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.leads-input:focus{border-color:#0076a3;outline:none}.leads-textarea{resize:vertical;min-height:60px}.leads-select{cursor:pointer;appearance:auto}.leads-btn-close-modal{border-radius:var(--radius-sm);cursor:pointer;color:#444;transition:background-color var(--transition-fast);background:#fff;border:1px solid #ccc;padding:7px 18px;font-size:13px;font-weight:600}.leads-btn-close-modal:hover{background-color:#f5f5f5}.leads-btn-save{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);background:#1b62a5;border:none;padding:7px 18px;font-size:13px;font-weight:600}.leads-btn-save:hover{background:#155290}.mg-label{color:var(--text-dark);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.mg-file-wrapper{border-radius:var(--radius-sm);background:#fff;border:1px solid #c8c8c8;align-items:center;width:100%;font-size:13px;display:flex;overflow:hidden}.mg-file-text{color:#555;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:6px 10px;overflow:hidden}.mg-browse-btn{cursor:pointer;color:#333;white-space:nowrap;background:#e9e9e9;border-left:1px solid #c8c8c8;align-items:center;padding:6px 14px;font-size:13px;transition:background .12s;display:inline-flex}.mg-browse-btn:hover{background:#ddd}.mg-full-input{border-radius:var(--radius-sm);width:100%;color:var(--text-dark);transition:border-color var(--transition-fast);box-sizing:border-box;background:#fff;border:1px solid #c8c8c8;padding:6px 10px;font-family:inherit;font-size:13px}.mg-full-input:focus{border-color:#0076a3;outline:none}.mg-editor-chrome{border-radius:var(--radius-sm);background:#fff;border:1px solid #c8c8c8;overflow:hidden}.mg-toolbar-row{background:#f1f1f1;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:1px;min-height:30px;padding:3px 4px;display:flex}.mg-canvas{color:#222;background:#e8e8e8;outline:none;min-height:220px;padding:8px 12px;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;overflow-y:auto}.mg-statusbar{color:#444;background:#f1f1f1;border-top:1px solid #ddd;flex-wrap:nowrap;align-items:center;gap:2px;min-height:22px;padding:3px 6px;font-size:11px;display:flex;overflow-x:auto}.mg-crumb{color:#333;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:1px 5px;font-family:monospace;font-size:11px;transition:background .1s}.mg-crumb:hover{background:#ddd}.mg-send-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);background-color:#1b62a5;border:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.mg-send-btn:hover{background-color:#155290}.mg-ck-wrapper{width:100%}.mg-ck-wrapper .cke{border-radius:var(--radius-sm);border-color:#c8c8c8!important;width:100%!important}.mg-ck-wrapper .cke_top{background:linear-gradient(#f5f5f5 0%,#ebebeb 100%);border-bottom:1px solid #d1d1d1!important}.mg-ck-wrapper .cke_bottom{background:#f1f1f1;border-top:1px solid #d1d1d1!important}.form-group{text-align:left;flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.form-label{color:#333;font-size:13px;font-weight:700}.form-input{border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;color:var(--text-dark);background-color:#fff;border:1px solid #ccc;padding:10px 12px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--bg-navbar);outline:none;box-shadow:0 0 0 3px #0076a326}.navbar-dropdown-container{position:relative}.navbar-dropdown-menu{border:1px solid var(--border-light);border-radius:var(--radius-sm);z-index:110;background-color:#fff;min-width:140px;margin-top:6px;padding:4px 0;list-style:none;animation:.12s ease-out fadeIn;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.navbar-dropdown-item{width:100%}.navbar-dropdown-btn{text-align:left;width:100%;color:var(--text-dark);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:600}.navbar-dropdown-btn:hover{color:var(--bg-navbar);background-color:#f1f5f9}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{opacity:.9}.btn-primary{background-color:var(--bg-navbar);color:#fff}.btn-primary:hover{opacity:1;background-color:#005f87}.btn-secondary{color:#fff;background-color:#6c757d}.btn-secondary:hover{opacity:1;background-color:#5a6268}.excel-download-btn-card{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-direction:column;width:fit-content;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000026}.excel-download-btn-card:hover{opacity:.92}.excel-btn-top{background-color:var(--color-blue-btn);color:#fff;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.excel-btn-bottom{color:#ffffffe6;text-align:center;white-space:nowrap;background-color:#12477c;padding:4px 10px;font-size:10px;font-weight:400}.auth-field-wrap{width:100%;position:relative}.auth-field-wrap .auth-icon{color:#94a3b8;pointer-events:none;z-index:2;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-adv{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 16px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.login-input-adv:focus{background-color:#fff;border-color:#0076a3;box-shadow:0 0 0 3px #0076a31f}.login-input-adv:focus+.auth-icon{color:#0076a3}.auth-field-wrap .eye-btn{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-field-wrap .eye-btn:hover{color:#0076a3}.forgot-password-container{justify-content:flex-end;margin-top:-4px;margin-bottom:6px;display:flex}.forgot-password-link-btn{color:#0076a3;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .2s}.forgot-password-link-btn:hover{color:#005677;text-decoration:underline}.otp-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a8c;justify-content:center;align-items:center;animation:.3s ease-out otpFadeIn;display:flex;position:fixed;inset:0}.otp-modal-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;width:440px;max-width:90%;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) otpScaleIn;position:relative;box-shadow:0 25px 50px -12px #00000040}.otp-icon-wrap{color:#0076a3;background-color:#0076a314;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.otp-modal-title{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:700}.otp-modal-desc{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.5}.otp-simulated-alert{color:#0076a3;background-color:#0076a30f;border:1px solid #0076a326;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:10px 14px;font-size:13px;display:flex}.otp-digit-row{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.otp-digit-box{text-align:center;color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:46px;height:52px;font-size:22px;font-weight:700;transition:all .2s}.otp-digit-box:focus{background-color:#fff;border-color:#0076a3;box-shadow:0 0 0 3px #0076a326}.otp-digit-box.filled{color:#0076a3;background-color:#f0f9ff;border-color:#0076a3}.otp-modal-actions{flex-direction:column;gap:12px;display:flex}.otp-btn-verify{color:#fff;cursor:pointer;background-color:#0076a3;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.otp-btn-verify:hover:not(:disabled){background-color:#005f87;box-shadow:0 4px 12px #0076a333}.otp-btn-verify:disabled,.forgot-btn-primary:disabled{opacity:.75;cursor:not-allowed}.auth-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.otp-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.otp-btn-cancel:hover{color:#1e293b;background-color:#f8fafc}@keyframes otpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes otpScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.forgot-step-indicator{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.forgot-step-dot{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.forgot-step-dot.active{color:#fff;background-color:#0076a3;box-shadow:0 0 0 3px #0076a32e}.forgot-step-dot.done{color:#fff;background-color:#22c55e}.forgot-field-wrap{width:100%;position:relative}.forgot-field-wrap .forgot-icon{color:#94a3b8;pointer-events:none;z-index:2;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.forgot-input-adv{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 16px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.forgot-input-adv:focus{background-color:#fff;border-color:#0076a3;box-shadow:0 0 0 3px #0076a31f}.forgot-input-adv:focus+.forgot-icon{color:#0076a3}.forgot-field-wrap .eye-btn{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.forgot-field-wrap .eye-btn:hover{color:#0076a3}.forgot-otp-simulated-alert{color:#0076a3;background-color:#0076a30f;border:1px solid #0076a326;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:10px 14px;font-size:13px;display:flex}.forgot-otp-digit-row{justify-content:center;gap:10px;margin-bottom:28px;display:flex}.forgot-otp-digit-box{text-align:center;color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:46px;height:52px;font-size:22px;font-weight:700;transition:all .2s}.forgot-otp-digit-box:focus{background-color:#fff;border-color:#0076a3;box-shadow:0 0 0 3px #0076a326}.forgot-otp-digit-box.filled{color:#0076a3;background-color:#f0f9ff;border-color:#0076a3}.forgot-btn-primary{color:#fff;cursor:pointer;background-color:#0076a3;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.forgot-btn-primary:hover:not(:disabled){background-color:#005f87;box-shadow:0 4px 12px #0076a333}.forgot-otp-timer-wrap{flex-direction:column;align-items:center;gap:8px;margin-bottom:4px;display:flex}.forgot-otp-timer{color:#475569;background:#0076a314;border:1px solid #0076a326;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.forgot-otp-timer strong{color:#0076a3;font-variant-numeric:tabular-nums;letter-spacing:.02em}.forgot-otp-timer.expired strong{color:#dc2626}.forgot-otp-timer.expired{color:#991b1b;background:#dc262614;border-color:#dc262633}.forgot-resend-btn{color:#0076a3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.forgot-resend-btn:hover:not(:disabled){background-color:#0076a314}.forgot-resend-btn:disabled{color:#94a3b8;cursor:not-allowed}.dc-page{background:var(--bg-body,#f4f6f9);min-height:100%;padding:24px}.dc-card-header{border-bottom:1px solid var(--border-light,#e5e7eb);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dc-header-left h2{font-family:var(--font-heading,"Outfit", sans-serif);color:var(--text-dark,#212529);margin:0 0 3px;font-size:1.35rem;font-weight:700}.dc-header-left p{color:var(--text-muted,#6c757d);margin:0;font-size:.82rem}.dc-btn-create{background:var(--bg-navbar,#0076a3);color:#fff;font-size:.84rem;font-weight:600;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:7px;padding:9px 18px;transition:background .18s,transform .12s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #0076a347}.dc-btn-create:hover{background:#005e87;transform:translateY(-1px);box-shadow:0 4px 14px #0076a361}.dc-btn-create:active{transform:translateY(0)}.dc-table-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #00000012}.dc-table-wrap{overflow-x:auto}.dc-table{border-collapse:separate;width:100%;font-size:.83rem}.dc-table thead{background:var(--bg-navbar,#0076a3);color:#fff}.dc-table thead th{text-align:center;letter-spacing:.03em;white-space:nowrap;padding:11px 14px;font-size:.78rem;font-weight:600}.dc-table tbody tr{border-bottom:1px solid var(--border-light,#e5e7eb);transition:background .12s}.dc-table tbody tr:hover{background:#f0f7fb}.dc-table tbody td{color:var(--text-dark,#212529);vertical-align:middle;padding:10px 14px}.dc-thumb{object-fit:cover;border:1px solid var(--border-light,#e5e7eb);border-radius:5px;width:52px;height:40px}.dc-thumb-placeholder{color:#adb5bd;background:#e9ecef;border:1px dashed #ced4da;border-radius:5px;justify-content:center;align-items:center;width:52px;height:40px;font-size:.7rem;display:flex}.dc-badge{text-transform:capitalize;border-radius:50px;padding:3px 10px;font-size:.73rem;font-weight:600;display:inline-block}.dc-badge-active{color:#065f46;background:#d1fae5}.dc-badge-inactive{color:#991b1b;background:#fee2e2}.dc-badge-draft{color:#92400e;background:#fef3c7}.dc-title-cell{color:var(--text-dark,#212529);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:600;overflow:hidden}.dc-desc-cell{color:var(--text-muted,#6c757d);white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.dc-actions{align-items:center;gap:7px;display:flex}.dc-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,transform .1s;display:inline-flex}.dc-btn-icon:active{transform:scale(.94)}.dc-btn-edit{color:#0076a3;background:#e0f0f8}.dc-btn-edit:hover{background:#bde0f1}.dc-btn-delete{color:#b91c1c;background:#fee2e2}.dc-btn-delete:hover{background:#fecaca}.dc-empty{text-align:center;color:var(--text-muted,#6c757d);padding:48px 24px}.dc-empty svg{opacity:.35;margin-bottom:12px}.dc-empty p{font-size:.88rem}.dc-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.18s dcFadeIn;display:flex;position:fixed;inset:0}@keyframes dcFadeIn{0%{opacity:0}to{opacity:1}}.dc-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;animation:.22s dcSlideUp;overflow:hidden;box-shadow:0 20px 60px #0000002e}.dc-modal-full{width:90%;max-width:850px}@keyframes dcSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dc-modal-header{background:var(--bg-navbar,#0076a3);color:#fff;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.dc-modal-header h3{font-family:var(--font-heading,"Outfit", sans-serif);margin:0;font-size:1.05rem;font-weight:700}.dc-modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.dc-modal-close:hover{background:#ffffff4d}.dc-modal-body{padding:24px}.dc-form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dc-form-group{margin-bottom:16px}.dc-form-group label{color:var(--text-dark,#212529);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.dc-form-group label .dc-required{color:#ef4444;margin-left:2px}.dc-input,.dc-select,.dc-textarea{border:1.5px solid var(--border-light,#e5e7eb);width:100%;font-size:.84rem;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);color:var(--text-dark,#212529);background:#fff;border-radius:7px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.dc-input:focus,.dc-select:focus,.dc-textarea:focus{border-color:var(--bg-navbar,#0076a3);box-shadow:0 0 0 3px #0076a31f}.dc-textarea{resize:vertical;min-height:90px}.dc-upload-zone{border:2px dashed var(--border-light,#e5e7eb);text-align:center;cursor:pointer;border-radius:8px;padding:20px;transition:border-color .15s,background .15s;position:relative}.dc-upload-zone:hover{border-color:var(--bg-navbar,#0076a3);background:#f0f7fb}.dc-upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.dc-upload-icon{color:var(--bg-navbar,#0076a3);margin-bottom:6px}.dc-upload-hint{color:var(--text-muted,#6c757d);font-size:.78rem}.dc-upload-hint span{color:var(--bg-navbar,#0076a3);font-weight:600}.dc-image-preview{margin-top:10px;display:inline-block;position:relative}.dc-image-preview img{object-fit:cover;border:1px solid var(--border-light,#e5e7eb);border-radius:7px;width:100%;max-height:160px}.dc-preview-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.dc-preview-remove:hover{background:#dc2626d9}.dc-modal-footer{border-top:1px solid var(--border-light,#e5e7eb);background:#f8fafc;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.dc-btn-cancel{border:1.5px solid var(--border-light,#e5e7eb);color:var(--text-muted,#6c757d);cursor:pointer;background:#fff;border-radius:7px;padding:9px 20px;font-size:.84rem;font-weight:600;transition:all .15s}.dc-btn-cancel:hover{color:var(--text-dark,#212529);border-color:#adb5bd}.dc-btn-submit{background:var(--bg-navbar,#0076a3);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 22px;font-size:.84rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #0076a340}.dc-btn-submit:hover{background:#005e87;transform:translateY(-1px)}.dc-btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.dc-confirm-modal{max-width:400px}.dc-confirm-body{text-align:center;padding:28px 24px}.dc-confirm-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.dc-confirm-body h4{color:var(--text-dark,#212529);margin:0 0 6px;font-size:1rem;font-weight:700}.dc-confirm-body p{color:var(--text-muted,#6c757d);margin:0;font-size:.83rem}.dc-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 22px;font-size:.84rem;font-weight:600;transition:background .15s;display:inline-flex}.dc-btn-danger:hover{background:#b91c1c}.dc-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite dcSpin;display:inline-block}@keyframes dcSpin{to{transform:rotate(360deg)}}.dc-toast{color:#fff;z-index:9999;background:#1e293b;border-radius:8px;align-items:center;gap:9px;padding:12px 24px;font-size:.85rem;font-weight:500;animation:.25s dcSlideDown;display:flex;position:fixed;inset:24px auto auto 50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.dc-toast.success{border-left:4px solid #10b981}.dc-toast.error{border-left:4px solid #ef4444}@keyframes dcSlideDown{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.ra-page{background:var(--bg-body,#f4f6f9);min-height:100%;padding:24px}.ra-card-header{border-bottom:1px solid var(--border-light,#e5e7eb);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ra-header-left h2{font-family:var(--font-heading,"Outfit", sans-serif);color:var(--text-dark,#212529);margin:0 0 3px;font-size:1.35rem;font-weight:700}.ra-header-left p{color:var(--text-muted,#6c757d);margin:0;font-size:.82rem}.ra-btn-create{background:var(--bg-navbar,#0076a3);color:#fff;font-size:.84rem;font-weight:600;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:7px;padding:9px 18px;transition:background .18s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #0076a347}.ra-btn-create:hover{background:#005e87;transform:translateY(-1px)}.ra-table-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #00000012}.ra-table-wrap{overflow-x:auto}.ra-table{border-collapse:separate;width:100%;font-size:.83rem}.ra-table thead{background:var(--bg-navbar,#0076a3);color:#fff}.ra-table thead th{text-align:center;letter-spacing:.03em;white-space:nowrap;padding:11px 14px;font-size:.78rem;font-weight:600}.ra-table tbody tr{border-bottom:1px solid var(--border-light,#e5e7eb);transition:background .12s}.ra-table tbody tr:hover{background:#f0f7fb}.ra-table tbody td{color:var(--text-dark,#212529);vertical-align:middle;padding:10px 14px}.ra-role-name{color:#0076a3;font-weight:600}.ra-desc-cell{color:var(--text-muted,#6c757d);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.ra-badge{border-radius:50px;padding:3px 10px;font-size:.73rem;font-weight:600;display:inline-block}.ra-badge-active{color:#065f46;background:#d1fae5}.ra-badge-inactive{color:#991b1b;background:#fee2e2}.ra-perm-badge{color:#1d4ed8;background:#eff6ff;border-radius:50px;padding:3px 10px;font-size:.73rem;font-weight:600;display:inline-block}.ra-actions{align-items:center;gap:7px;display:flex}.ra-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,transform .1s;display:inline-flex}.ra-btn-icon:active{transform:scale(.94)}.ra-btn-edit{color:#0076a3;background:#e0f0f8}.ra-btn-edit:hover{background:#bde0f1}.ra-btn-delete{color:#b91c1c;background:#fee2e2}.ra-btn-delete:hover{background:#fecaca}.ra-empty{text-align:center;color:var(--text-muted,#6c757d);padding:48px 24px}.ra-empty svg{opacity:.35;margin-bottom:12px}.ra-empty p{font-size:.88rem}.ra-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.18s raFade;display:flex;position:fixed;inset:0}@keyframes raFade{0%{opacity:0}to{opacity:1}}.ra-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.22s raSlide;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.ra-modal-full{width:90%;max-width:850px}@keyframes raSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ra-modal-header{background:var(--bg-navbar,#0076a3);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.ra-modal-header h3{font-family:var(--font-heading,"Outfit", sans-serif);margin:0;font-size:1.05rem;font-weight:700}.ra-modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.ra-modal-close:hover{background:#ffffff4d}.ra-modal-body{padding:24px}.ra-form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ra-form-group{margin-bottom:16px}.ra-form-group label{color:var(--text-dark,#212529);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.ra-required{color:#ef4444;margin-left:2px}.ra-input,.ra-select{border:1.5px solid var(--border-light,#e5e7eb);width:100%;font-size:.84rem;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);color:var(--text-dark,#212529);background:#fff;border-radius:7px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.ra-input:focus,.ra-select:focus{border-color:var(--bg-navbar,#0076a3);box-shadow:0 0 0 3px #0076a31f}.ra-perms-grid{border:1.5px solid var(--border-light,#e5e7eb);background:#fafafa;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:320px;padding:16px;display:grid;overflow-y:auto}.ra-perm-check{color:var(--text-dark,#212529);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:9px;padding:6px 10px;font-size:.82rem;font-weight:500;transition:all .12s;display:flex}.ra-perm-check:hover{background:#f0f7fb;border-color:#0076a3}.ra-perm-check input[type=checkbox]{accent-color:#0076a3;cursor:pointer;width:16px;height:16px}.ra-toggle-row{align-items:center;gap:12px;display:flex}.ra-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.ra-toggle input{opacity:0;width:0;height:0;position:absolute}.ra-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:background .2s;position:absolute;inset:0}.ra-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.ra-toggle input:checked+.ra-toggle-slider{background:#10b981}.ra-toggle input:checked+.ra-toggle-slider:before{transform:translate(18px)}.ra-toggle-label{color:var(--text-muted,#6c757d);font-size:.82rem}.ra-modal-footer{border-top:1px solid var(--border-light,#e5e7eb);background:#f8fafc;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.ra-btn-cancel{border:1.5px solid var(--border-light,#e5e7eb);color:var(--text-muted,#6c757d);cursor:pointer;background:#fff;border-radius:7px;padding:9px 20px;font-size:.84rem;font-weight:600;transition:all .15s}.ra-btn-cancel:hover{color:var(--text-dark,#212529);border-color:#adb5bd}.ra-btn-submit{background:var(--bg-navbar,#0076a3);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 22px;font-size:.84rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #0076a340}.ra-btn-submit:hover{background:#005e87;transform:translateY(-1px)}.ra-btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.ra-confirm-modal{max-width:400px}.ra-confirm-body{text-align:center;padding:28px 24px}.ra-confirm-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.ra-confirm-body h4{margin:0 0 6px;font-size:1rem;font-weight:700}.ra-confirm-body p{color:var(--text-muted,#6c757d);margin:0;font-size:.83rem}.ra-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;align-items:center;gap:6px;padding:9px 22px;font-size:.84rem;font-weight:600;transition:background .15s;display:inline-flex}.ra-btn-danger:hover{background:#b91c1c}.ra-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite raSpin;display:inline-block}@keyframes raSpin{to{transform:rotate(360deg)}}.ra-toast{color:#fff;z-index:2000;background:#1e293b;border-radius:8px;align-items:center;gap:9px;padding:12px 20px;font-size:.83rem;font-weight:500;animation:.22s raToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000040}.ra-toast.success{border-left:4px solid #10b981}.ra-toast.error{border-left:4px solid #ef4444}@keyframes raToast{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.ra-form-header-bar{margin-bottom:16px}.ra-back-btn{border:1px solid var(--border-light,#e5e7eb);color:var(--bg-navbar,#0076a3);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.ra-back-btn:hover{background:#f0f7fb;border-color:#0076a3;transform:translate(-2px)}.ra-form-card{padding:0}.ra-form-card-header{border-bottom:1px solid var(--border-light,#e5e7eb);background:#fff}.ra-form{padding:24px}.ra-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:.83rem;display:flex}.ra-form-grid{grid-template-columns:1fr 220px;gap:20px;margin-bottom:24px;display:grid}.ra-status-toggle{align-items:center;height:40px;display:flex}.ra-status-option{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.83rem;font-weight:600;transition:all .15s;display:flex}.ra-status-option.active{color:#16a34a;background:#f0fdf4;border-color:#86efac}.ra-status-option input[type=checkbox]{display:none}.ra-permissions-section{background:#fafcff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ra-perm-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.ra-perm-title{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.ra-perm-subtitle{color:#64748b;margin-left:8px;font-size:.8rem;font-weight:400}.ra-perm-actions{gap:12px;display:flex}.ra-btn-link{color:#0076a3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.82rem;font-weight:600;transition:background .12s}.ra-btn-link:hover{background:#e0f0f8}.ra-btn-link-sec{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.82rem;font-weight:600;transition:background .12s}.ra-btn-link-sec:hover{background:#f1f5f9}.ra-modules-container{flex-direction:column;gap:20px;display:flex}.ra-module-group{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.ra-group-title{color:#0076a3;border-bottom:1.5px solid #e2e8f0;margin:0 0 12px;padding-bottom:6px;font-size:.9rem;font-weight:700}.ra-group-list{flex-direction:column;gap:8px;display:flex}.ra-module-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .12s;display:flex}.ra-module-row:hover,.ra-module-row.selected{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.ra-module-left{align-items:center;gap:10px;min-width:250px;display:flex}.ra-module-name{color:#1e293b;font-size:.84rem;font-weight:600}.ra-module-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ra-action-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:.8rem;font-weight:500;display:inline-flex}.ra-action-label.disabled{opacity:.45;cursor:not-allowed}.ra-action-all{color:#0076a3;font-weight:700}.ra-form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}:root{--primary:#0076a3;--primary-dark:#005f8a;--primary-light:#e0f2fe;--primary-shadow:#0076a340}.st-page{background:var(--bg-body,#f4f6f9);min-height:100%;padding:24px}.st-card-header{background:#fff;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.st-header-left h2{font-family:var(--font-heading,"Outfit", sans-serif);color:var(--text-dark,#212529);margin:0 0 3px;font-size:1.35rem;font-weight:700}.st-header-left p{color:var(--text-muted,#6c757d);margin:0;font-size:.82rem}.st-btn-create{background:var(--primary,#0076a3);color:#fff;font-size:.84rem;font-weight:600;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);cursor:pointer;box-shadow:0 2px 8px var(--primary-shadow);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;transition:background .18s,transform .12s;display:inline-flex}.st-btn-create:hover{background:var(--primary-dark,#005f8a);transform:translateY(-1px)}.st-search-bar{background:#fff;padding:0 24px 16px}.st-search-input{width:100%;max-width:360px;font-size:.84rem;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 12px no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px 10px 38px;transition:border-color .15s,box-shadow .15s}.st-search-input:focus{border-color:var(--primary,#0076a3);box-shadow:0 0 0 3px var(--primary-shadow);background-color:#fff}.st-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.st-table-wrap{overflow-x:auto}.st-table{border-collapse:separate;width:100%;font-size:.83rem}.st-table thead{background:var(--primary,#0076a3);color:#fff}.st-table thead th{text-align:center;letter-spacing:.03em;white-space:nowrap;padding:12px 14px;font-size:.78rem;font-weight:600}.st-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.st-table tbody tr:hover{background:#f8fafc}.st-table tbody td{color:#0f172a;vertical-align:middle;padding:11px 14px}.st-avatar{background:var(--primary-light,#e0f2fe);width:34px;height:34px;color:var(--primary,#0076a3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.st-name-cell{align-items:center;gap:10px;display:flex}.st-name-cell strong{color:#0f172a;font-weight:600}.st-badge{border-radius:20px;padding:3px 12px;font-size:.73rem;font-weight:600;display:inline-block}.st-badge-active{color:#16a34a;background:#dcfce7}.st-badge-inactive{color:#92400e;background:#fef3c7}.st-role-badge{background:var(--primary-light,#e0f2fe);color:var(--primary,#0076a3);border-radius:20px;padding:3px 12px;font-size:.73rem;font-weight:600;display:inline-block}.st-actions{gap:6px;display:flex}.st-btn-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.st-btn-icon:hover{background:var(--primary,#0076a3);color:#fff}.st-btn-icon.st-btn-delete:hover{background:#dc2626}.st-empty{text-align:center;color:#94a3b8;padding:48px 24px}.st-empty svg{opacity:.35;color:#cbd5e1;margin-bottom:12px}.st-empty p{font-size:.88rem}.st-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.18s stFade;display:flex;position:fixed;inset:0}@keyframes stFade{0%{opacity:0}to{opacity:1}}.st-modal{background:#fff;border-radius:20px;width:100%;max-width:650px;max-height:90vh;animation:.22s stSlide;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.st-modal-wide{width:95%;max-width:850px}@keyframes stSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.st-modal-header{background:var(--primary,#0076a3);color:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.st-modal-header h3{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;margin:0;font-size:1.05rem;font-weight:700}.st-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.st-modal-close:hover{background:#ffffff59}.st-modal-body{padding:24px}.st-form-grid-2{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.st-form-group{margin-bottom:16px}.st-form-group label{color:#334155;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:.78rem;font-weight:700;display:block}.st-required{color:#dc2626;margin-left:2px}.st-input,.st-select{width:100%;font-size:.84rem;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.st-input:focus,.st-select:focus{border-color:var(--primary,#0076a3);box-shadow:0 0 0 3px var(--primary-shadow);background:#fff}.st-toggle-row{align-items:center;gap:12px;margin-top:4px;display:flex}.st-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.st-toggle input{opacity:0;width:0;height:0;position:absolute}.st-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:background .2s;position:absolute;inset:0}.st-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.st-toggle input:checked+.st-toggle-slider{background:var(--primary,#0076a3)}.st-toggle input:checked+.st-toggle-slider:before{transform:translate(18px)}.st-toggle-label{color:#64748b;font-size:.82rem}.st-modal-footer{background:#fafcff;border-top:1px solid #f1f5f9;border-radius:0 0 20px 20px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.st-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:.84rem;font-weight:600;transition:all .15s}.st-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.st-btn-submit{background:var(--primary,#0076a3);color:#fff;cursor:pointer;box-shadow:0 2px 4px var(--primary-shadow);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 24px;font-size:.84rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.st-btn-submit:hover{background:var(--primary-dark,#005f8a);transform:translateY(-1px)}.st-btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.st-confirm-modal{max-width:420px}.st-confirm-body{text-align:center;padding:28px 24px}.st-confirm-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.st-confirm-body h4{color:#0f172a;margin:0 0 6px;font-size:1rem;font-weight:700}.st-confirm-body p{color:#475569;margin:0;font-size:.83rem}.st-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-size:.84rem;font-weight:600;transition:background .15s;display:inline-flex}.st-btn-danger:hover{background:#b91c1c}.st-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite stSpin;display:inline-block}@keyframes stSpin{to{transform:rotate(360deg)}}.st-toast{color:#fff;z-index:2000;background:#1e293b;border-radius:10px;align-items:center;gap:9px;padding:12px 20px;font-size:.83rem;font-weight:500;animation:.22s stToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0003}.st-toast.success{border-left:4px solid #10b981}.st-toast.error{border-left:4px solid #ef4444}@keyframes stToast{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}