@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#192235;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#192235;--muted:#7d8799;--line:#e8ebf1;--paper:#fff;--canvas:#f4f6fa;--brand:#3b5ccc;--brand-dark:#253d91;--navy:#17213a;--radius:15px;background:#f4f6fa;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}a{color:var(--brand)}#root,.app-shell{min-height:100vh}.app-sidebar{z-index:1040;overscroll-behavior:contain;color:#f6f8fd;background:var(--navy);flex-direction:column;width:258px;padding:26px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-lockup{align-items:center;gap:10px;padding:2px 8px 29px;display:flex}.brand-emblem{color:#fff;letter-spacing:.5px;background:linear-gradient(145deg,#6985ee,#3f5ec9);border-radius:13px;place-items:center;width:42px;height:42px;font:800 10px Manrope,sans-serif;display:grid;box-shadow:0 7px 18px #101a38}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{letter-spacing:-.25px;font:700 14px Manrope,sans-serif}.brand-lockup span{color:#a8b2c8;margin-top:3px;font-size:11px}.sidebar-section-label{color:#8290ac;letter-spacing:1.25px;margin:0 0 9px;padding:0 11px;font-size:9px;font-weight:700}.admin-label{margin-top:30px}.side-nav{gap:5px;display:grid}.side-link{color:#bec8d9;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:43px;padding:0 10px;font-size:10px;font-weight:500;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.side-link:hover{color:#fff;background:#ffffff0e}.side-link.active{color:#fff;background:#435fc1;box-shadow:0 6px 16px #0d153144}.side-link.active svg{color:#dbe4ff}.side-link svg{color:#96a4be;flex:none}.side-link-tag{color:#dce5ff;background:#ffffff1b;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:18px}.sidebar-note{color:#aab6cc;border:1px solid #ffffff15;border-radius:10px;align-items:center;gap:8px;margin:0 8px 13px;padding:10px;font-size:10px;display:flex}.live-dot{background:#57ce9b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #57ce9b20}.logout-link{cursor:pointer;text-align:left;width:100%}.logout-link:hover{color:#ffbaba;background:#e0525220}.app-main{flex-direction:column;min-height:100vh;margin-left:258px;display:flex}.topbar{z-index:900;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:space-between;align-items:center;gap:18px;min-height:83px;padding:13px clamp(22px,4vw,54px);display:flex;position:sticky;top:0}.topbar-heading .eyebrow{color:#9aa3b2;letter-spacing:1.1px;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.topbar h1{color:var(--ink);letter-spacing:-.45px;margin:0;font:700 18px Manrope,sans-serif}.topbar-user{align-items:center;gap:10px;display:flex}.user-avatar{width:36px;height:36px;color:var(--brand-dark);background:#edf1ff;border:1px solid #dfe5fa;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.user-meta strong,.user-meta span{display:block}.user-meta strong{color:#29344b;text-overflow:ellipsis;max-width:160px;font-size:11px;overflow:hidden}.user-meta span{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:10px}.page-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:37px clamp(22px,4vw,54px) 50px}.app-footer{border-top:1px solid var(--line);color:#9ba4b3;background:#fff;justify-content:space-between;gap:14px;padding:17px clamp(22px,4vw,54px);font-size:10px;display:flex}.mobile-menu-button{border:1px solid var(--line);color:#3b4962;background:#fff;border-radius:10px;place-items:center;width:37px;height:37px;display:none}.sidebar-backdrop{display:none}.page-content h2{color:#1d273b;letter-spacing:-.7px;margin:0 0 5px;font:750 24px/1.25 Manrope,sans-serif}.page-content h5,.page-content h4{color:#273249;font:700 14px Manrope,sans-serif}.page-content p{line-height:1.6}.page-content>div>.d-flex:first-child{margin-bottom:25px!important}.page-content .text-muted{color:var(--muted)!important}.page-content .card{background:var(--paper);overflow:hidden;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 5px 18px #24345408!important}.page-content .card-body,.page-content .card-body.card-body{padding:22px}.page-content .shadow-sm{box-shadow:0 5px 18px #24345408!important}.page-content .btn{border-radius:9px;min-height:37px;font-size:11px;font-weight:650;transition:transform .16s,box-shadow .16s,background .16s}.page-content .btn:hover{transform:translateY(-1px)}.page-content .btn-primary{border-color:var(--brand);background:var(--brand);box-shadow:0 4px 10px #3b5ccc20}.page-content .btn-primary:hover{border-color:var(--brand-dark);background:var(--brand-dark)}.page-content .btn-outline-primary{color:var(--brand);background:#fff;border-color:#cbd5f3}.page-content .form-label{color:#566176;margin-bottom:6px;font-size:10px;font-weight:700}.page-content .form-control,.page-content .form-select{color:#29344a;min-height:39px;box-shadow:none;background-color:#fff;border-color:#e1e5ed;border-radius:9px;font-size:11px}.page-content .form-control:focus,.page-content .form-select:focus{border-color:#879ce8;box-shadow:0 0 0 3px #5a75dd1c}.page-content .table{--bs-table-bg:transparent;color:#39445a;margin:0;font-size:11px}.page-content .table>:not(caption)>*>*{border-bottom-color:#edf0f4;padding:10px 14px}.page-content .table thead th{color:#7b8597;border-bottom:1px solid var(--line);letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:750;background:#f7f8fb!important}.page-content .table tbody tr:last-child td{border-bottom:0}.page-content .table td.actions-cell{white-space:nowrap;min-width:270px}.page-content .table td.actions-cell .btn{vertical-align:middle;justify-content:center;align-items:center;min-height:38px;display:inline-flex;margin-right:8px!important}.page-content .table td.actions-cell .btn:last-child{margin-right:0!important}.page-content .table-hover>tbody>tr:hover>*{--bs-table-bg-state:#f8f9fd}.page-content code{color:#4059b5;background:#f0f3ff;border-radius:6px;padding:4px 7px;font-size:13px}.page-content .badge{border-radius:99px;padding:6px 8px;font-size:11px;font-weight:700}.page-content .alert{border:1px solid #0000;border-radius:11px;font-size:11px}.page-content .alert-danger{color:#963e4c;background:#fff4f5;border-color:#f4d5d9}.page-content .alert-success{color:#287b5b;background:#f0fbf5;border-color:#ccebdc}.page-content .bg-light{background:#f7f8fb!important}.page-content .bg-dark{background:#1b2640!important}.page-content .form-check-input:checked{border-color:var(--brand);background-color:var(--brand)}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px;display:flex}.dashboard-welcome h2{margin-bottom:7px}.dashboard-date{color:var(--muted);font-size:11px}.dashboard-grid{margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;justify-content:space-between;min-height:142px;padding:20px 21px;display:flex;position:relative;box-shadow:0 5px 18px #24345408}.stat-card:after{background:var(--stat-wash);content:"";border-radius:50%;width:40px;height:40px;position:absolute;bottom:-10px;right:-5px}.stat-head{z-index:1;color:#737e91;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative}.stat-icon{width:34px;height:34px;color:var(--stat);background:var(--stat-wash);border-radius:10px;place-items:center;display:grid}.stat-value{z-index:1;color:#202b40;letter-spacing:-1.4px;font:800 31px Manrope,sans-serif;position:relative}.stat-foot{z-index:1;color:#99a1ae;font-size:9px;position:relative}.dashboard-panels{grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);gap:18px;display:grid}.panel-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;box-shadow:0 5px 18px #24345408}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.panel-heading h3{color:#253047;margin:0;font:700 13px Manrope,sans-serif}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.hierarchy-list{gap:11px;display:grid}.hierarchy-row{border:1px solid #edf0f5;border-radius:11px;align-items:center;gap:11px;padding:10px;display:flex}.hierarchy-mark{width:34px;height:34px;color:var(--row-color);background:var(--row-bg);border-radius:10px;flex:none;place-items:center;display:grid}.hierarchy-row strong{color:#344057;font-size:10px;display:block}.hierarchy-row span{color:#8b95a6;margin-top:3px;font-size:9px;display:block}.hierarchy-count{margin-left:auto;color:#263249!important;font:700 14px Manrope,sans-serif!important}.quick-actions{gap:8px;display:grid}.quick-action{color:#37435a;border:1px solid #edf0f5;border-radius:10px;align-items:center;gap:10px;padding:11px;font-size:10px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.quick-action:hover{color:var(--brand);background:#f8f9ff;border-color:#d4dcfa}.quick-action span:last-child{color:#a4adbb;margin-left:auto;font-size:17px}.auth-screen{background:#fff;grid-template-columns:minmax(360px,.95fr) minmax(430px,1.05fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(at 13% 98%,#3b57b8 0%,#0000 46%),linear-gradient(145deg,#192747,#253d78);flex-direction:column;justify-content:space-between;padding:clamp(30px,5vw,68px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";border:1px solid #ffffff19;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-180px;right:-120px;box-shadow:0 0 0 48px #ffffff08,0 0 0 98px #ffffff06}.auth-brand-top{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.auth-brand-top strong{font:700 14px Manrope,sans-serif}.auth-copy{z-index:1;max-width:480px;margin:auto 0;padding:65px 0;position:relative}.auth-copy .auth-kicker{color:#aebeff;letter-spacing:1.3px;font-size:10px;font-weight:700}.auth-copy h2{color:#fff;letter-spacing:-1.7px;margin:20px 0 15px;font:800 clamp(32px,4vw,49px)/1.13 Manrope,sans-serif}.auth-copy p{color:#c0cbe0;max-width:390px;font-size:14px;line-height:1.7}.auth-feature{color:#e4eaff;align-items:center;gap:10px;margin-top:38px;font-size:13px;display:flex}.auth-feature-mark{color:#aebeff;border:1px solid #ffffff29;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.auth-brand-foot{z-index:1;color:#aab8d1;font-size:12px;position:relative}.auth-form-side{background:#fbfcfe;place-items:center;padding:35px;display:grid}.auth-form{width:100%;max-width:390px}.auth-form h1{color:#1d2940;letter-spacing:-.8px;margin:0 0 8px;font:800 30px Manrope,sans-serif}.auth-form .auth-subtitle{color:#8490a3;margin:0 0 27px;font-size:14px}.session-expired-message{color:#725615;background:#fff9e9;border:1px solid #f2dfae;border-radius:10px;margin:-10px 0 20px;padding:12px 14px;font-size:13px;line-height:1.5}.auth-form .form-label{color:#4b576d;margin:0 0 7px;font-size:10px;font-weight:700;display:block}.auth-form .form-control{color:#263249;min-height:45px;box-shadow:none;background:#fff;border:1px solid #e2e6ee;border-radius:10px;margin-bottom:17px;font-size:10px}.auth-form .form-control:focus{border-color:#8195e0;box-shadow:0 0 0 4px #5c77df18}.auth-form .btn{color:#fff;background:#3b5ccc;border:0;border-radius:10px;width:100%;min-height:45px;margin-top:3px;font-size:10px;font-weight:700;box-shadow:0 7px 18px #3b5ccc30}.auth-form .btn:hover{background:#304da9}.password-screen{background:radial-gradient(circle at 10% 10%,#e4eaff,#0000 33%),#f4f6fa;place-items:center;min-height:100vh;padding:25px;display:grid}.password-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:460px;padding:34px;box-shadow:0 18px 55px #25304c12}.password-card h1{color:var(--ink);letter-spacing:-.8px;margin:0 0 8px;font:800 23px Manrope,sans-serif}.password-card>p{color:var(--muted);margin:0 0 24px;font-size:11px}.password-card .form-label{color:#566176;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.password-card .form-control{color:#29344a;min-height:42px;box-shadow:none;border-color:#e1e5ed;border-radius:9px;font-size:11px}.password-card .form-control:focus{border-color:#879ce8;box-shadow:0 0 0 3px #5a75dd1c}.password-card .btn{border-radius:9px;width:100%;min-height:42px;font-size:13px;font-weight:650}.auth-form .alert,.password-card .alert{border-radius:10px;font-size:11px}.password-field{position:relative}.password-field .form-control{padding-right:46px}.password-toggle{color:#7c8799;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--brand);background:#f0f3ff;outline:none}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.password-settings-card{max-width:650px;padding:28px}.password-settings-card h2{font-size:23px}.current-user-row{background:#f6f8ff}.current-user-tag{color:#4059b5;background:#e8edff;border-radius:99px;margin-left:9px;padding:3px 7px;font-size:10px;font-weight:700}.modal-backdrop-custom{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111a2b80;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #e9edf4;border-radius:18px;width:min(100%,470px);padding:30px;animation:.18s ease-out modal-in;position:relative;box-shadow:0 25px 85px #111a2b35}.modal-mark{color:#3b5ccc;background:#edf1ff;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:16px;font-size:20px;font-weight:750;display:grid}.modal-error .modal-mark{color:#b84e5a;background:#fff0f1}.modal-success .modal-mark{color:#19845c;background:#eaf8f1}.modal-card h2{color:#202b40;margin:0 0 8px;font:750 19px Manrope,sans-serif}.modal-card>p{color:#69758a;margin:0 0 20px;font-size:14px;line-height:1.55}.modal-card .form-label{color:#566176;margin:16px 0 7px;font-size:13px;font-weight:700;display:block}.modal-card .form-control{border-color:#e1e5ed;border-radius:9px;min-height:43px;font-size:14px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.modal-actions .btn{border-radius:9px;min-height:40px;padding:0 16px;font-size:13px}.modal-close{color:#758096;cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px;font-size:23px;position:absolute;top:10px;right:13px}.modal-close:hover{background:#f2f4f8}.audit-table-toolbar,.audit-pagination{color:#69758a;align-items:center;gap:12px;padding:15px 18px;font-size:14px;display:flex}.audit-table-toolbar{border-bottom:1px solid var(--line)}.audit-table-toolbar label{color:#46536a;margin:0;font-weight:650}.audit-table-toolbar .form-select{width:92px;min-height:40px;font-size:14px}.audit-table-toolbar>span{margin-left:auto}.audit-pagination{border-top:1px solid var(--line);justify-content:space-between}.audit-pagination>div{gap:8px;display:flex}.audit-pagination .btn{min-height:39px;font-size:13px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=700px){.app-sidebar{padding-top:16px;padding-bottom:12px}.brand-lockup{padding-bottom:16px}.admin-label{margin-top:16px}.side-link{min-height:39px}.sidebar-bottom{padding-top:10px}.sidebar-note{margin-bottom:8px;padding-block:7px}}.page-content{font-size:15px}.page-content p,.page-content .text-muted{font-size:15px!important}.page-content h2{font-size:28px}.page-content h5,.page-content h4{font-size:18px}.page-content .table{font-size:14px}.page-content .table>:not(caption)>*>*{padding:15px 16px}.page-content .table thead th{font-size:12px}.page-content .table small,.page-content .table .small{font-size:13px}.page-content .btn,.page-content .form-label{font-size:14px}.page-content .form-control,.page-content .form-select{min-height:43px;font-size:15px}.page-content .card-body{padding:27px}.side-link{font-size:14px}.topbar h1{font-size:20px}.user-meta strong{font-size:13px}.user-meta span,.app-footer,.sidebar-note{font-size:12px}.dashboard-date{font-size:14px}.stat-card{min-height:158px;padding:24px}.stat-head{font-size:15px}.stat-value{font-size:40px}.stat-foot{font-size:13px}.panel-card{padding:26px}.panel-heading h3{font-size:17px}.panel-heading p{font-size:14px!important}.hierarchy-row{gap:14px;padding:15px}.hierarchy-row strong{font-size:15px}.hierarchy-row span{font-size:13px}.hierarchy-row .hierarchy-count{font-size:22px!important}.quick-action{padding:14px;font-size:15px}.auth-form .form-label{font-size:14px}.auth-form .form-control,.auth-form .btn{font-size:15px}.password-card .form-label{font-size:14px}.password-card .form-control,.password-settings-card,.modal-card>p{font-size:15px}.modal-card .form-label{font-size:14px}@media (width<=900px){.app-sidebar{width:245px;transition:transform .2s;transform:translate(-100%);box-shadow:15px 0 35px #10182a25}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:1030;background:#0b132480;border:0;display:block;position:fixed;inset:0}.app-main{margin-left:0}.mobile-menu-button{flex:none;display:grid}.topbar{justify-content:flex-start}.topbar-user{margin-left:auto}}@media (width<=700px){.topbar{gap:11px;min-height:72px;padding:11px 16px}.topbar-heading .eyebrow{font-size:8px}.topbar h1{font-size:15px}.user-meta{display:none}.page-content{padding:26px 16px 35px}.audit-table-toolbar{flex-wrap:wrap;padding:13px}.audit-table-toolbar>span{width:100%;margin-left:0}.audit-pagination{padding:13px}.page-content h2{font-size:24px}.stat-card{min-height:140px;padding:19px}.stat-value{font-size:34px}.hierarchy-row strong{font-size:14px}.hierarchy-row span{font-size:12px}.quick-action{font-size:14px}.app-footer{padding:14px 16px;font-size:9px}.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-panels{grid-template-columns:1fr}.page-content>div>.d-flex:first-child{flex-direction:column;align-items:flex-start!important}.auth-screen{grid-template-columns:1fr}.auth-brand-panel{min-height:225px;padding:25px}.auth-copy{padding:28px 0 15px}.auth-copy h2{margin:10px 0 8px;font-size:27px}.auth-copy p,.auth-feature,.auth-brand-foot{display:none}.auth-form-side{padding:35px 24px 55px}.page-content .card-body{padding:17px}}
