*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}button,input,select,textarea,.table{font:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%}
.topbar{position:fixed;inset:0 0 auto 0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border)}.brand img{display:block;width:150px;height:46px;object-fit:contain}.top-spacer{flex:1}
.sidebar{position:fixed;inset:var(--topbar-h) auto 0 0;z-index:30;width:var(--sidebar-w);padding:18px 12px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transition:width .22s ease,transform .22s ease}.side-title{padding:5px 8px 12px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.12em}.sidebar nav{display:grid;gap:3px}.sidebar a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--slate-600);font-weight:550;transition:.16s}.sidebar a:hover,.sidebar a:focus,.sidebar a.active{background:var(--blue-50);color:var(--primary);outline:0}.sidebar a.active{box-shadow:inset 3px 0 var(--primary)}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dot.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.main{min-height:100vh;margin-left:var(--sidebar-w);padding-top:var(--topbar-h);background:linear-gradient(180deg,var(--slate-50),var(--bg) 280px);transition:margin-left .22s ease}.content{width:100%;max-width:var(--content-max);margin:auto;padding:clamp(22px,2.2vw,36px) clamp(16px,2.3vw,36px) 56px}
body.sidebar-collapsed .sidebar{width:var(--sidebar-mini);padding-inline:10px}body.sidebar-collapsed .side-title,body.sidebar-collapsed .nav-label{display:none}body.sidebar-collapsed .sidebar a{justify-content:center;padding-inline:10px}body.sidebar-collapsed .main{margin-left:var(--sidebar-mini)}
[data-theme="dark"] .main{background:linear-gradient(180deg,#101c2d,var(--bg) 280px)}[data-theme="dark"] .sidebar a{color:#bdc9d9}
@media(max-width:760px){.sidebar{width:min(290px,86vw);transform:translateX(-105%);box-shadow:16px 0 40px rgba(15,23,42,.16)}body.menu-open .sidebar{transform:none}body.sidebar-collapsed .sidebar{width:min(290px,86vw)}body.sidebar-collapsed .side-title,body.sidebar-collapsed .nav-label{display:initial}body.sidebar-collapsed .sidebar a{justify-content:flex-start}.main,body.sidebar-collapsed .main{margin-left:0}.content{padding:20px 14px 40px}.topbar{padding:0 12px;gap:8px}.brand img{width:118px}.user-chip>div,.user-chip>span{display:none}}
@media(max-width:420px){.content{padding:17px 11px 34px}.brand img{width:100px}}