.shell{grid-template-columns:260px 1fr;min-height:100%;display:grid}.side{background:var(--charcoal);color:#e5e7eb;flex-direction:column;gap:.75rem;height:100vh;padding:1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:.12em;color:#fff;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:flex}.brand img{border-radius:10px;width:38px;height:38px}.side select{color:#fff;background:#111827;border-color:#374151}.nav{flex-direction:column;gap:.2rem;margin-top:.5rem;display:flex}.nav button{text-align:left;color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.55rem .75rem}.nav button:hover{color:#fff;background:#374151}.nav button.active{background:var(--teal);color:#031a17;font-weight:700}.spacer{flex:1}.main{max-width:980px;padding:1.5rem clamp(1rem,3vw,2.5rem)}.grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem 1.2rem;display:grid}.field label{margin-bottom:.2rem;font-weight:600;display:block}.field small{color:var(--muted);margin-top:.15rem;display:block}.switch{cursor:pointer;align-items:center;gap:.6rem;display:flex}.switch input{width:1.1rem;height:1.1rem;accent-color:var(--teal)}.savebar{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 20px #00000014}.toast{border-radius:8px;padding:.5rem .8rem;font-weight:600}.toast.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.toast.err{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.hero img.logo{border-radius:28px;width:120px}.hero img.banner{border-radius:16px;width:min(720px,92vw)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .5rem;font-size:.92rem}.row{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.row>*{flex:140px}.chips{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;display:flex}.chip{background:var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .6rem;display:inline-flex}.chip button{cursor:pointer;color:var(--danger);background:0 0;border:0;font-weight:800}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;display:grid}.stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.stat b{color:var(--teal-dark);font-size:1.4rem;display:block}.menu-btn{display:none}@media (width<=800px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}.nav{flex-flow:wrap}}
