:root,[data-theme=light]{--bg:#f7f7fb;--surface:#fff;--surface-raised:#f1effb;--sidebar:#fff;--border:#e9e7f0;--text:#25233a;--muted:#817d96;--primary:#6553c9;--primary-strong:#5140b7;--accent:#f26694;--success:#20a361;--focus:#6553c9;--shadow:0 8px 26px rgb(47 39 97/.07)}[data-theme=dark]{--bg:#19172b;--surface:#242139;--surface-raised:#2e2a47;--sidebar:#211e36;--border:#3a3652;--text:#f7f5ff;--muted:#b8b2ca;--primary:#8978ef;--primary-strong:#a092ff;--accent:#ff83ad;--success:#52d28c;--focus:#a092ff;--shadow:0 8px 26px rgb(0 0 0/.25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;display:flex}.sidebar{position:-webkit-sticky;position:sticky;top:0;width:252px;height:100vh;flex:none;background:var(--sidebar);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 26px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary);color:white;font-weight:800}.brand small,.sidebar small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.theme-toggle{margin-left:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--primary);width:34px;height:34px;cursor:pointer;font-size:1rem}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav a{padding:11px 10px;color:var(--muted);border-radius:7px;font-size:.92rem}.sidebar nav a span{display:inline-block;width:26px;color:var(--primary)}.sidebar nav a:hover{background:var(--surface-raised);color:var(--primary-strong);text-decoration:none}.sidebar-bottom{margin-top:auto;padding:12px 8px;color:var(--primary);font-size:.8rem}.app-content{min-width:0;flex:1 1}.preview-banner{background:#eeeafb;color:var(--primary-strong);text-align:center;padding:8px;font-weight:700;font-size:.82rem}.shell{max-width:1440px;margin:auto;padding:28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.muted{color:var(--muted)}.metric{font-size:2rem;color:var(--primary)}.btn,.metric{font-weight:700}.btn{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:10px 14px;cursor:pointer}.btn:hover{background:var(--primary-strong)}.btn.secondary{background:var(--surface-raised)}.btn.secondary,input,select,textarea{border:1px solid var(--border);color:var(--text)}input,select,textarea{width:100%;padding:10px;background:var(--surface);border-radius:7px}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);outline-offset:2px}label{grid-gap:6px;gap:6px;font-weight:600}form,label{display:grid}form{grid-gap:12px;gap:12px}table{width:100%;border-collapse:collapse}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--border)}tr:hover td{background:var(--surface-raised)}.status{padding:3px 8px;border-radius:999px;background:#e4f7ec;color:#16834b;border:1px solid #bde8cd;font-size:.85rem}.sheet-table{overflow-x:auto;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.sheet-table table{min-width:1050px}.sheet-table td:nth-child(3){font-weight:700}.sheet-table td:nth-child(4){font-weight:700;color:var(--primary)}[data-theme=dark] .status{background:#1f4b35;color:#8ce0b0;border-color:#326b4c}[data-theme=dark] .preview-banner{background:#373161;color:#d8d0ff}@media(max-width:760px){.app-frame{display:block}.sidebar{position:static;width:100%;height:auto;padding:12px}.brand{padding:0 8px 10px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.sidebar-bottom{display:none}.shell{padding:16px}}