:root{--nav:#111827;--nav2:#1f2937;--accent:#7c3aed;--bg:#f5f7fb;--text:#172033;--muted:#718096}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--nav),#17152d);color:#dbe4f0;padding:22px 14px;transition:width .2s;z-index:3}.brand{font-size:20px;font-weight:800;padding:8px 12px 28px;color:white}.brand span{color:#a78bfa}.nav-title{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#8290a6;padding:12px}.nav a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:12px;border-radius:10px;margin:4px 0}.nav a:hover,.nav a.active{background:rgba(124,58,237,.28);color:white}.main{margin-left:260px;flex:1;padding:32px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--muted);font-size:13px}.title{font-size:30px;margin:4px 0;font-weight:800}.user{background:white;border:1px solid #e8eaf0;border-radius:12px;padding:10px 14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.card,.panel{background:white;border:1px solid #e9edf3;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(27,39,65,.04)}.card small{color:var(--muted)}.metric{font-size:28px;font-weight:800;margin-top:9px}.panel{margin-top:20px}.toggle{position:fixed;left:14px;bottom:20px;background:var(--accent);border:0;color:white;border-radius:10px;padding:10px;cursor:pointer}.form-card{max-width:440px;margin:12vh auto;background:white;padding:34px;border-radius:20px;box-shadow:0 15px 45px rgba(31,41,55,.12)}label{display:block;font-size:14px;font-weight:650;margin:15px 0 7px}input{display:block;width:100%;padding:12px;border:1px solid #d7dce5;border-radius:9px;font:inherit}button{background:var(--accent);border:0;color:white;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer}.error{color:#b42318}.success{color:#087443}@media(max-width:800px){.sidebar{width:76px}.brand{font-size:0}.brand:after{content:'B';font-size:22px}.nav a span,.nav-title{display:none}.main{margin-left:76px;padding:24px 18px}.cards{grid-template-columns:repeat(2,1fr)}}
.sidebar.collapsed{width:76px}.sidebar.collapsed .brand{font-size:0}.sidebar.collapsed .brand:after{content:'B';font-size:22px}.sidebar.collapsed .nav a span,.sidebar.collapsed .nav-title{display:none}.sidebar.collapsed~.main{margin-left:76px}