:root{--navy:#17243a;--navy2:#22334f;--green:#16845b;--bg:#f4f6f9;--muted:#8490a3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#243047;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#fff;padding:22px 15px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.4px;font-size:15px;padding:3px 10px 30px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--green);display:grid;place-items:center;font-size:18px}.brand-sub{display:block;font-size:8px;letter-spacing:1.3px;color:#aebbd0;font-weight:600;margin-top:3px}
.nav-label{font-size:10px;color:#8190a8;letter-spacing:1.3px;font-weight:800;padding:0 12px 9px}.nav-link{display:flex;align-items:center;gap:12px;color:#c5cede;text-decoration:none;padding:11px 12px;border-radius:8px;margin:2px 0;font-weight:600}.nav-link i{width:17px;text-align:center}.nav-link.active{background:#29405d;color:#fff}.nav-link.disabled-link{opacity:.72;cursor:default}.nav-link small{margin-left:auto;font-size:9px;background:#34445d;padding:3px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;color:#9cabc0;font-size:11px;padding:15px 10px;border-top:1px solid #34445d}.status-dot{display:inline-block;width:7px;height:7px;background:#37c58a;border-radius:50%;margin-right:7px}
.main{margin-left:250px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar-title{font-weight:750;font-size:16px}.user-chip{display:flex;align-items:center;gap:10px;color:#536078}.avatar{width:34px;height:34px;border-radius:50%;background:#e4f4ed;color:var(--green);display:grid;place-items:center;font-weight:800}.content{padding:28px 30px}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.1px}.page-heading{font-size:25px;font-weight:800;margin:5px 0}.muted{color:var(--muted)}.stat-card,.panel{background:#fff;border:1px solid #e9edf2;border-radius:13px;padding:19px;box-shadow:0 3px 12px rgba(27,42,65,.025)}.stat-label{color:#778399;font-weight:650;font-size:12px}.stat-value{font-size:27px;font-weight:800;margin:9px 0 2px}.stat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#eaf6f0;color:var(--green);font-size:16px}.panel-title{font-weight:750;font-size:15px}.empty-state{padding:35px 10px;text-align:center;color:#8792a4}.empty-state i{font-size:27px;color:#b8c2d0;margin-bottom:10px}
@media(max-width:900px){.sidebar{width:72px;padding:18px 9px}.brand{padding:3px 8px 28px}.brand>span:last-child,.nav-label,.nav-link:not(.active),.nav-link.active{font-size:0}.nav-link{justify-content:center}.nav-link i{font-size:17px}.sidebar-bottom{font-size:0;padding:12px 7px}.main{margin-left:72px}.content{padding:22px 17px}.topbar{padding:0 17px}}
@media(max-width:560px){.content{padding:18px 12px}.page-heading{font-size:21px}.topbar{height:60px}}