:root{--bg:#111214;--panel:#1b1c1f;--line:#2a2c30;--text:#e8e9eb;--muted:#8b8e94;--accent:#3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}.shell{display:flex;min-height:100vh}aside{width:220px;background:var(--panel);border-right:1px solid var(--line);padding:16px 8px;display:flex;flex-direction:column;gap:2px}.brand{font-weight:700;padding:4px 12px 16px}aside button{text-align:left;background:none;border:0;color:var(--muted);padding:8px 12px;border-radius:6px;font:inherit;cursor:pointer}aside button:hover{background:#24262a;color:var(--text)}aside button.active{background:var(--accent);color:#fff}main{flex:1;padding:32px}h1{margin:0 0 8px;font-size:22px}.muted{color:var(--muted)}.staff{background:#f04438;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}