:root{--navy:#0b1f3a;--navy-light:#142b4a;--blue:#1677ff;--blue-hover:#0868e8;--blue-soft:#eaf3ff;--green:#16a34a;--green-soft:#eaf8ef;--orange:#f59e0b;--orange-soft:#fff7e6;--purple:#7c3aed;--purple-soft:#f3efff;--red:#dc2626;--text:#172033;--muted:#667085;--border:#e4e7ec;--background:#f5f7fb;--white:#fff;--shadow:0 8px 24px #0f172a0f;--radius:18px}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sidebar{background:var(--navy);color:#fff;z-index:20;width:250px;padding:24px 18px;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-icon{background:linear-gradient(135deg,#1677ff,#4da3ff);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:25px;display:flex}.brand-name{font-size:20px;font-weight:800}.brand-subtitle{color:#9fb0c6;margin-top:2px;font-size:11px}.nav-label{color:#71849e;text-transform:uppercase;letter-spacing:1.2px;margin:24px 12px 8px;font-size:10px;font-weight:700}.nav-item{color:#cbd5e1;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:5px;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#1677ff2e}.nav-icon{text-align:center;width:24px}.nav-count{background:#ffffff1a;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.main{min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{font-size:18px;font-weight:700}.profile{align-items:center;gap:11px;display:flex}.profile-name{text-align:right;font-size:13px;font-weight:700}.profile-role{color:var(--muted);text-align:right;margin-top:2px;font-size:11px}.avatar{background:var(--blue-soft);width:40px;height:40px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.mobile-nav{display:none}.content{max-width:1450px;margin:auto;padding:30px}@media (width<=760px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:0 18px}.mobile-nav{background:var(--navy);z-index:9;gap:6px;padding:10px 15px;display:flex;position:sticky;top:72px;overflow-x:auto}.mobile-nav button{color:#cbd5e1;background:#ffffff14;border:0;border-radius:999px;flex-shrink:0;padding:8px 13px;font-size:13px;font-weight:700}.mobile-nav button.active{background:var(--blue);color:#fff}.content{padding:20px 15px}}.empty-state{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}h1{letter-spacing:-.5px;margin:0;font-size:28px}.subtitle{color:var(--muted);margin-top:7px;font-size:14px}