:root{--dc-navy:#102c40;--dc-teal:#087f85;--dc-mint:#55d7ba;--dc-app:#f3f7fa;--dc-stroke:#e7edf2;--dc-muted:#738397;--dc-text:#253648;--dc-sidebar:272px;--dc-sidebar-small:78px;--dc-radius:18px}
*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#263748;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}a{text-decoration:none}.btn-brand{background:#0c7c82;color:#fff;border:1px solid #0c7c82;border-radius:11px;padding:10px 16px;font-weight:650}.btn-brand:hover{color:#fff;background:#06656b}.form-control,.form-select{border-radius:10px;border-color:#dce5ee;padding:10px 13px}.form-control:focus,.form-select:focus{border-color:#37b8a2;box-shadow:0 0 0 .18rem rgba(55,184,162,.1)}.form-label{font-size:12px;color:#526374;font-weight:700;margin-bottom:6px}.muted-note{color:#7d8ca0;font-size:12px}.tag-status{font-size:11px;border-radius:99px;padding:4px 9px;background:#eff8f6;color:#0e817c;font-weight:700}.app-shell{--primary:#0f3348;--accent:#52d6b9;--sidebar-bg:#102c40;--bg:#f3f7fa;--strong:#167f86;min-height:100vh;display:flex}.theme-graphite{--primary:#252d39;--accent:#c6d2e2;--sidebar-bg:#202632;--strong:#444f67;--bg:#eef1f4}.theme-aurora{--primary:#432677;--accent:#ddc5ff;--sidebar-bg:#382064;--strong:#7049ac;--bg:#f6f0fc}.theme-health{--primary:#087f85;--accent:#a5efe1;--sidebar-bg:#075e63;--strong:#168a7e;--bg:#eef9f6}.theme-eclipse{--primary:#121f42;--accent:#8cb6ff;--sidebar-bg:#101c3b;--strong:#385caf;--bg:#eef2fd}.app-shell{background:var(--bg)}.sidebar{width:var(--dc-sidebar);flex:0 0 var(--dc-sidebar);position:sticky;top:0;height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:20px 13px;color:#fff;transition:width .22s,flex-basis .22s;z-index:30;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#36556b transparent}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:9px 13px;margin-bottom:31px;white-space:nowrap}.brand:hover{color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--accent);color:#082936;font-size:22px}.brand-word{font-size:22px;letter-spacing:-.7px;font-weight:850}.brand-word>span{color:var(--accent)}.brand-image{max-height:38px;max-width:162px;object-fit:contain}.nav-caption{color:#819eb0;letter-spacing:2px;padding:0 17px;font-size:10px;font-weight:750;margin-bottom:14px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-link{min-height:45px;display:flex;gap:13px;align-items:center;padding:10px 14px;color:#bfd2dd;border-radius:12px;font-weight:550;white-space:nowrap}.side-link i{width:22px;text-align:center;font-size:18px;flex:0 0 22px}.side-link:hover{color:#fff;background:#ffffff14}.side-link.active{background:#ffffff1c;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.side-link.active i{color:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:20px}.version-card{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:12px;color:#d2e7ef;background:#ffffff12;font-size:12px}.version-card i{font-size:18px;color:var(--accent)}.version-card small{display:block;color:#91b8c4;margin-top:2px}.brand-credit{padding:17px 14px 1px;font-size:11px;color:#8bb0c3}.app-main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;background:#fff;box-shadow:0 1px 0 #e7edf2;display:flex;align-items:center;justify-content:space-between;padding:0 33px;gap:24px;position:sticky;top:0;z-index:20}.topbar-left,.top-actions{display:flex;align-items:center;gap:13px}.top-icon{height:41px;width:41px;display:grid;place-items:center;background:#f2f6f9;color:#42546a;border:0;border-radius:12px;font-size:19px;position:relative;flex:0 0 41px}.top-icon:hover{background:#e5f0f0;color:#12837c}.breadcrumb-compact{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:12px;color:#8997a4}.breadcrumb-compact strong{font-size:13px;color:#334255}.global-search{display:flex;align-items:center;gap:10px;padding:0 14px;background:#f4f7fa;border:1px solid #edf0f4;min-width:220px;max-width:430px;flex:1;border-radius:12px;height:43px;color:#93a0ae}.global-search input{background:none;border:none;outline:none;width:100%;font-size:12px;min-width:0;color:#35485a}.global-search kbd{white-space:nowrap;background:#fff;border:1px solid #e1e9ef;color:#8a96a3;border-radius:6px;padding:3px 6px;font-size:10px}.notify-dot{position:absolute;top:0;right:0;background:#e95761;color:#fff;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:50px}.profile-trigger{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;color:#32465b}.avatar-initial,.avatar-img{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#ddf4ee;color:#087f85;font-weight:800;font-size:17px;object-fit:cover}.profile-copy{display:flex;flex-direction:column;line-height:1.4}.profile-copy b{font-size:12px}.profile-copy small{font-size:11px;color:#92a0af}.content-area{flex:1;padding:31px 33px 44px;max-width:1680px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.page-heading h1{font-size:27px;font-weight:800;letter-spacing:-.7px;color:#233747;margin:4px 0 0}.page-eyebrow{font-size:10px;letter-spacing:1.9px;color:#8b9bab;font-weight:700}.date-label{font-size:12px;color:#6f8192;background:#fff;padding:10px 14px;border-radius:11px;border:1px solid #e7edf2}.metric-card{border:1px solid #eaf0f4;background:#fff;border-radius:var(--dc-radius);padding:23px;box-shadow:0 6px 30px #26394f09;min-height:170px}.metric-icon{height:42px;width:42px;display:grid;place-items:center;background:#e8f7f2;border-radius:12px;color:#0f847e;font-size:21px;margin-bottom:14px}.metric-label{color:#75879b;font-size:12px;font-weight:650}.metric-value{font-size:28px;font-weight:800;letter-spacing:-.6px;margin:5px 0}.metric-hint{font-size:11px;color:#9aa7b4}.surface-card{background:#fff;border:1px solid #e9eef3;border-radius:var(--dc-radius);padding:23px;box-shadow:0 6px 30px #26394f08;margin-bottom:21px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:10px}.card-head h2{font-size:16px;font-weight:800;letter-spacing:-.2px;margin:0}.card-head p{margin:6px 0 0;color:#8796a6;font-size:12px}.table-modern{width:100%;font-size:12px}.table-modern th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8c9aad;font-weight:760;background:#f7f9fb;padding:15px 13px}.table-modern td{border-bottom:1px solid #eef2f5;padding:15px 13px;vertical-align:middle;color:#4a5b6c}.table-modern tr:last-child td{border-bottom:0}.app-footer{padding:19px 33px;display:flex;justify-content:space-between;gap:15px;color:#93a0b0;font-size:11px}.panel-offcanvas{width:min(420px,100vw)!important;border:0!important}.panel-offcanvas .offcanvas-header{border-bottom:1px solid #eef1f4;padding:24px}.panel-offcanvas .offcanvas-title{font-weight:800}.panel-offcanvas .offcanvas-body{padding:23px}.account-header{display:flex;align-items:center;flex-direction:column;padding:22px;background:#f4f8fa;border-radius:17px;gap:4px}.avatar-large{width:67px;height:67px;background:linear-gradient(135deg,#102c40,#11979a);color:#fff;border-radius:22px;font-size:30px;font-weight:800;display:grid;place-items:center;margin-bottom:7px}.account-header small{color:#8090a1}.offcanvas-section-title{font-size:10px;letter-spacing:1.3px;color:#8f9da9;margin:28px 0 12px;font-weight:800}.offcanvas-menu-link{display:flex;align-items:center;gap:15px;color:#34485c;border-bottom:1px solid #eef2f5;padding:16px 4px}.offcanvas-menu-link i:first-child{color:#11837f;font-size:18px}.offcanvas-menu-link span{flex:1;font-weight:600;font-size:13px}.offcanvas-menu-link i:last-child{color:#a7b4c1;font-size:12px}.notif-row{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid #eef2f5}.notif-row.unread{background:#effbf841;margin:0 -6px;padding:16px 6px;border-radius:10px}.notif-icon{width:35px;height:35px;flex:0 0 35px;background:#e9f6f4;color:#087f85;border-radius:10px;display:grid;place-items:center}.notif-row strong{display:block;font-size:13px}.notif-row p{color:#6c7f90;font-size:12px;line-height:1.5;margin:6px 0}.notif-row small{color:#a5b1ba;font-size:10px}.empty-state{text-align:center;padding:45px 10px;color:#92a2af}.empty-state i{font-size:35px}.sidebar-collapsed .sidebar{width:var(--dc-sidebar-small);flex-basis:var(--dc-sidebar-small)}.sidebar-collapsed .brand{justify-content:center;padding:9px 0}.sidebar-collapsed .brand-word,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-caption,.sidebar-collapsed .brand-credit{display:none}.sidebar-collapsed .side-link{justify-content:center;padding:11px}.sidebar-collapsed .version-card{justify-content:center;padding:12px}.mobile-scrim{display:none}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:30px;font-size:11px;font-weight:750;background:#eef8f5;color:#0f8b73}.pill.pending,.pill.draft,.pill.not_requested{background:#fff5e8;color:#a6772c}.pill.suspended,.pill.overdue,.pill.past_due{background:#ffeded;color:#b94e52}.pill.active,.pill.paid,.pill.verified{background:#e6f8f2;color:#0f956e}.skin-choice{cursor:pointer;padding:8px;border:2px solid transparent;border-radius:13px}.skin-choice:has(input:checked){border-color:#42a9a3;background:#effaf7}.skin-swatch{height:44px;border-radius:9px}.form-help{font-size:11px;color:#8998a8}.code-lite{padding:11px;background:#eef4f8;border-radius:9px;color:#435a70;font:12px ui-monospace,monospace;word-break:break-word}.installer-wrapper,.auth-layout{min-height:100vh;background:radial-gradient(circle at 90% 5%,#d6f7ec 0%,transparent 28%),#f2f6fa}.installer-brand{font-size:29px;font-weight:860;color:#102c40;letter-spacing:-1px}.installer-brand i{color:#0b898b}.installer-brand span{color:#0d9292}.check-item{border:1px solid #e6edf2;border-radius:10px;padding:10px 12px;background:#f9fcfd;font-size:12px}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;padding:24px;gap:0}.auth-showcase{min-height:calc(100vh - 48px);position:relative;border-radius:22px;background:linear-gradient(130deg,#0f2b40 10%,#095565 66%,#0a8481 100%);padding:50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff}.auth-showcase:after{content:'';width:600px;height:600px;position:absolute;bottom:-240px;right:-260px;border:100px solid #ffffff0a;border-radius:50%;pointer-events:none}.auth-tag{display:inline-flex;padding:8px 14px;border:1px solid #ffffff4b;background:#ffffff10;border-radius:30px;font-size:11px;letter-spacing:1px;max-width:max-content}.auth-headline{position:relative;z-index:1;max-width:520px}.auth-headline h1{font-size:clamp(35px,3.5vw,62px);font-weight:850;letter-spacing:-2px;line-height:1.1}.auth-headline p{font-size:15px;color:#c0dce3;line-height:1.7;max-width:360px;margin-top:19px}.auth-clock{font-size:27px;font-weight:750;letter-spacing:1.6px}.auth-form-side{display:grid;place-items:center;padding:42px}.auth-form-card{max-width:430px;width:100%}.auth-form-card h2{font-weight:830;font-size:32px;letter-spacing:-1px}.auth-form-card .form-control{height:49px}.soft-box{background:#f4f9f9;border:1px solid #e5f0ee;border-radius:14px;padding:18px}.hero-dashboard{background:linear-gradient(110deg,var(--primary),var(--strong));border-radius:19px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-dashboard h2{font-size:24px;font-weight:800;margin-bottom:8px}.hero-dashboard p{max-width:540px;color:#c5dfe6;margin:0;font-size:13px;line-height:1.7}.hero-dashboard .hero-icon{font-size:70px;color:var(--accent);opacity:.8}.module-item{display:flex;align-items:center;gap:15px;border:1px solid #e6edf2;padding:15px;border-radius:12px;margin-bottom:12px}.module-icon{width:43px;height:43px;border-radius:12px;background:#eaf7f4;display:grid;place-items:center;color:#0d867e;font-size:21px}.module-item .meta{flex:1;min-width:0}.module-item .meta strong{font-size:13px}.module-item .meta small{display:block;color:#8193a2;font-size:11px;margin-top:2px}html[data-bs-theme=dark] .surface-card{background:#202a35;color:#edf1f5;border-color:#303f4d}html[data-bs-theme=dark] .topbar{background:#1d2833;color:#fff;border-color:#303f4d}html[data-bs-theme=dark] .content-area{color:#eaf0f5}html[data-bs-theme=dark] .page-heading h1{color:#eaf0f5}
@media(max-width:1200px){.breadcrumb-compact{display:none}.content-area{padding:23px}.topbar{padding:0 22px}.profile-copy{display:none}}@media(max-width:991px){.sidebar,.sidebar-collapsed .sidebar{position:fixed;width:275px;flex-basis:275px;left:-290px;transition:left .25s;box-shadow:15px 0 30px #0000}.mobile-sidebar-open .sidebar{left:0}.mobile-sidebar-open .mobile-scrim{display:block;position:fixed;inset:0;background:#001b2a70;z-index:25}.sidebar-collapsed .brand-word,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-caption,.sidebar-collapsed .brand-credit{display:initial}.sidebar-collapsed .side-link{justify-content:flex-start;padding:10px 14px}.topbar{height:68px}.content-area{padding:22px 16px}.app-footer{padding:19px 16px}.auth-layout{grid-template-columns:1fr;padding:0}.auth-showcase{display:none}.auth-form-side{min-height:100vh;padding:25px}}@media(max-width:600px){.global-search{min-width:0;max-width:55px;width:42px;flex:0 0 42px;padding:0 12px}.global-search:focus-within{position:absolute;left:69px;right:112px;max-width:unset;width:auto;z-index:22;background:#fff}.global-search input{width:0}.global-search:focus-within input{width:100%}.global-search kbd{display:none}.topbar{padding:0 13px;gap:6px}.topbar-left,.top-actions{gap:6px}.top-icon{width:36px;height:36px;flex-basis:36px}.date-label{display:none}.metric-card{min-height:150px;padding:17px}.page-heading h1{font-size:23px}.hero-dashboard .hero-icon{display:none}.app-footer{flex-direction:column}.profile-trigger>i{display:none}.surface-card{padding:15px}.table-modern th,.table-modern td{padding:12px 9px}.auth-form-card h2{font-size:27px}}

.avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:22px}