.shell{min-height:100vh}.topbar{height:68px;position:fixed;left:0;right:0;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 250px}
.brand{display:flex;align-items:center;gap:10px;color:var(--maroon);font-weight:900;font-size:13px}.brand img{width:35px;height:35px;object-fit:contain}
.topbar-right{display:flex;align-items:center;gap:12px}.system-state{font-size:11px;color:var(--success);font-weight:800}.system-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29a66d;margin-right:5px}
.sidebar{position:fixed;top:0;bottom:0;left:0;width:230px;background:#fff;border-right:1px solid var(--line);padding:16px 12px;z-index:30}
.side-brand{height:52px;display:flex;align-items:center;gap:9px;color:var(--maroon);font-size:12px;font-weight:900;margin-bottom:15px;padding:0 8px}.side-brand img{width:34px;height:34px;object-fit:contain}
.nav-group{margin:13px 0 5px 9px;font-size:9px;font-weight:900;color:#9aa1a9;text-transform:uppercase;letter-spacing:.1em}
.nav-item{width:100%;border:0;background:none;text-align:left;padding:10px 10px;border-radius:8px;color:#59616c;font-size:12px;margin:1px 0}.nav-item:hover,.nav-item.active{background:var(--maroon-soft);color:var(--maroon);font-weight:900}
.content{margin-left:230px;padding:92px 28px 35px;max-width:1550px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{font-size:25px;margin:0 0 5px}.page-head p{font-size:12px;color:var(--muted);margin:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.footer-bar{margin-top:24px;color:#9299a2;font-size:10px;text-align:center}.mobile-menu{display:none}