:root{--bg:#f3f4f6;--card:#fff;--text:#1d2939;--muted:#667085;--line:#e4e7ec;--accent:#e30613;--r:12px;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:#1b1a2b;color:#e4e4ea;padding:20px 12px}.side h1{font-size:20px;letter-spacing:.08em;margin:4px 10px 24px}.side a{display:block;color:inherit;text-decoration:none;padding:8px 10px;border-radius:8px}.side a.router-link-active{background:#ffffff1a}.main{padding:24px 28px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.in{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}ul.list{list-style:none;padding:0;margin:0}ul.list li{padding:10px 0;border-bottom:1px solid var(--line)}