:root{--bg:#f5f7fa;--card:#fff;--muted:#6b7280;--text:#111827;--border:#e5e7eb;--primary:#1a73e8}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--primary);text-decoration:none}.small{font-size:12px;color:#6b7280}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:16px;margin:12px 0}.card,.input{background:#fff}.input{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.btn,.btn-secondary{border:none;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}.btn{background:#1a73e8;color:#fff}.btn:hover{filter:brightness(.95)}.btn-secondary{background:#f3f4f6}.btn-secondary:hover{filter:brightness(.98)}.input input{font:inherit;color:inherit}.input input::placeholder{color:#9aa1ab}.sidebar.collapsed .nav a{justify-content:center;padding:10px 0}.nav a svg{width:18px;height:18px;min-width:18px}.sidebar.collapsed .nav .label{display:none}.iconbtn{background:#fff;border:1px solid #cfe1ff;color:#1a73e8;border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover{background:#f5faff}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--border);gap:12px;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700}.pill{background:#e9f1ff;color:#1a73e8;border-radius:16px;padding:4px 10px;font-size:12px}.wrapper{display:flex;min-height:calc(100vh - 56px)}.content{flex:1 1;padding:24px;max-width:1200px;margin:0 auto}.sidebar{width:240px;background:#fff;border-right:1px solid var(--border);padding:16px 12px;position:-webkit-sticky;position:sticky;top:56px;height:calc(100vh - 56px)}.sidebar.collapsed{width:72px}.sidebar .handle{cursor:pointer;justify-content:center;width:36px;height:28px;border:1px solid var(--border);margin-bottom:10px;background:#fff}.nav a,.sidebar .handle{display:flex;align-items:center;border-radius:8px}.nav a{gap:10px;padding:10px 12px;color:#111827;margin-bottom:6px}.nav a .label{transition:opacity .15s}.sidebar.collapsed .nav .label{opacity:0}.nav a.active,.nav a:hover{background:#eef5ff}.footer-banner{position:fixed;left:0;right:0;bottom:0;z-index:9;background:#fff;border-top:1px solid var(--border);padding:6px 12px;text-align:center;font-size:12px;color:#6b7280}.action-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-gap:14px;gap:14px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table{width:100%;border-collapse:separate;border-spacing:0}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table-wrap{max-height:62vh;overflow:auto}.hr{height:1px;background:#f1f5f9;margin:16px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#1a73e8;color:#fff;display:grid;place-items:center;cursor:pointer;font-weight:700}@media (max-width:1024px){.wrapper{display:grid;grid-template-columns:64px 1fr}.sidebar .label{display:none}}@media (max-width:768px){.grid.cols-3{grid-template-columns:1fr}.table{font-size:14px}.table-wrap{max-height:58vh}}