:root{--bg: #f4f6fb;--panel: #ffffff;--text: #111827;--muted: #6b7280;--accent: #2563eb;--border: #e5e7eb}:root[data-theme=dark]{--bg: #111827;--panel: #1f2937;--text: #f9fafb;--muted: #9ca3af;--accent: #60a5fa;--border: #374151}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(460px,92vw);display:grid;gap:.8rem}.login-logo{width:82px;height:82px;border-radius:14px;object-fit:cover}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1rem}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.brand img{width:42px;height:42px;border-radius:10px;object-fit:cover}.muted{color:var(--muted)}.nav-item{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:.65rem .75rem;margin-bottom:.3rem;background:transparent;color:var(--text);cursor:pointer}.nav-item:hover{background:color-mix(in oklab,var(--accent) 14%,transparent)}.nav-item.active{background:color-mix(in oklab,var(--accent) 25%,transparent);font-weight:700}.content{padding:1.25rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.card h3{margin-top:0}.card p{margin-bottom:0}.bars{display:flex;gap:.65rem;align-items:flex-end;min-height:160px}.bar-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.bar{width:18px;border-radius:8px 8px 2px 2px;background:var(--accent)}.sequence{font-size:1.1rem;font-weight:700}.group-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.group-item{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:color-mix(in oklab,var(--panel) 92%,var(--accent) 8%)}.group-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.group-count{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem}.success-text{color:#15803d;font-weight:600;margin-top:.5rem}.error-text{color:#b91c1c;font-weight:600;margin-top:.5rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}button,.button-link{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.45rem .8rem;text-decoration:none;cursor:pointer}input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem}button:disabled{opacity:.5;cursor:default}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}html,body,#root{margin:0;min-height:100%}