:root{--bg:#f7f3ee;--sidebar:#ffffff;--card:#ffffff;--panel:#fffdfa;--text:#1c1815;--muted:rgba(28,24,21,0.6);--muted2:rgba(28,24,21,0.45);--amber:#b8791f;--amber-tint:#8a5a14;--amber-dark:#fdf3e3;--sage:#2f7d4f;--coral:#c2410c;--line:rgba(28,24,21,0.1);--line-strong:rgba(28,24,21,0.16);--hover:rgba(28,24,21,0.04);--surface-2:rgba(28,24,21,0.05);--field:#ffffff;--shadow:rgba(28,24,21,0.08)}[data-theme=dark]{--bg:#121010;--sidebar:#0f0c0a;--card:#1c1815;--panel:#1a1613;--text:#f4efe8;--muted:rgba(244,239,232,0.5);--muted2:rgba(244,239,232,0.4);--amber:#e3a554;--amber-tint:#f0c68a;--amber-dark:#241708;--sage:#9ecfac;--coral:#e5604b;--line:rgba(255,255,255,0.06);--line-strong:rgba(255,255,255,0.12);--hover:rgba(255,255,255,0.04);--surface-2:rgba(255,255,255,0.05);--field:rgba(255,255,255,0.05);--shadow:var(--shadow)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Albert Sans,-apple-system,system-ui,sans-serif;font-size:14px}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-tint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes rowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:224px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px}.brand{gap:10px;padding:0 10px 24px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--amber);justify-content:center;font-family:Georgia,Newsreader,serif;font-size:19px;color:var(--amber-dark)}.brand-name{font-size:15px;font-weight:700;letter-spacing:.2px}.brand-env{font-size:11px;color:var(--muted2)}.nav{flex-direction:column;gap:3px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:10px 12px;border-radius:11px;color:var(--muted);font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.nav a .ico{font-size:15px;width:22px;text-align:center}.nav a:hover{background:var(--hover);color:var(--text)}.nav a.active{background:rgba(227,165,84,.13);color:var(--amber-tint);font-weight:600}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--hover);margin-top:auto}.sidebar-user .avatar{width:30px;height:30px;border-radius:50%;background:rgba(227,165,84,.16);border:1px solid rgba(227,165,84,.4);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--amber-tint)}.main{flex:1 1;overflow:auto;position:relative}.page{padding:30px 34px;display:flex;flex-direction:column;gap:18px;animation:fadeIn .25s both}.page-head{display:flex;align-items:center;justify-content:space-between}.page-title{font-size:22px;font-weight:700}.page-sub{font-size:13px;color:var(--muted);margin-top:4px}.head-meta{font-size:12.5px;color:var(--muted2)}.card{border-radius:16px;padding:20px;background:var(--card);border:1px solid var(--line)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.kpi{border-radius:16px;padding:18px;background:var(--card);border:1px solid var(--line)}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:27px;font-weight:700;margin-top:6px;letter-spacing:-.5px}.kpi .delta{font-size:12px;margin-top:4px}.delta.up{color:var(--sage)}.delta.dim{color:var(--muted2)}.btn{cursor:pointer;border:0;padding:10px 18px;border-radius:999px;background:var(--amber);color:var(--amber-dark);font-size:13.5px;font-weight:600;font-family:inherit;transition:transform .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text)}.btn.danger{background:transparent;border:1px solid rgba(229,96,75,.4);color:var(--coral)}.btn.small{padding:7px 14px;font-size:12.5px}.input,input.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:12px;background:var(--field);border:1px solid var(--line-strong);color:var(--text);font-size:14px;font-family:inherit;outline:none}.input:focus{border-color:var(--amber)}.input.serif{font-family:Georgia,Newsreader,serif}.field-label{font-size:11.5px;font-weight:600;letter-spacing:1px;color:var(--muted2);margin-bottom:8px;display:block}.table{border-radius:16px;background:var(--card);border:1px solid var(--line);overflow:hidden}.trow{display:grid;grid-gap:10px;gap:10px;padding:13px 18px;font-size:13px;align-items:center;border-bottom:1px solid var(--line)}.trow:last-child{border-bottom:0}.trow.head{padding:12px 18px;font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--muted2);border-bottom:1px solid var(--line)}.trow.click{cursor:pointer}.trow.click:hover{background:var(--hover)}.cell-muted{color:var(--muted)}.cell-dim{color:var(--muted2)}.pill{padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:600;display:inline-block;width:-moz-fit-content;width:fit-content}.pill.pro{background:rgba(227,165,84,.15);color:var(--amber-tint)}.pill.free{background:var(--surface-2);color:var(--muted)}.pill.ok{background:rgba(158,207,172,.13);color:var(--sage)}.pill.warn{background:rgba(227,165,84,.15);color:var(--amber-tint)}.pill.bad{background:rgba(229,96,75,.14);color:var(--coral)}.chip{cursor:pointer;padding:8px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:500}.chip.active{background:rgba(227,165,84,.14);border-color:rgba(227,165,84,.5);color:var(--amber-tint);font-weight:600}.toggle{cursor:pointer;width:40px;height:24px;border-radius:999px;padding:3px;background:var(--line-strong);transition:background .15s}.toggle.on{background:var(--amber)}.toggle .knob{width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .15s}.toggle.on .knob{transform:translateX(16px);background:var(--amber-dark)}.side-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--panel);border-left:1px solid var(--line);box-shadow:-24px 0 60px var(--shadow);padding:26px;display:flex;flex-direction:column;gap:16px;animation:panelIn .25s both;z-index:20}.close-round{width:30px;height:30px;border-radius:50%;background:var(--surface-2);color:var(--muted);border:0}.close-round,.icon-x{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.icon-x{width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--muted2)}.icon-x:hover{background:rgba(229,96,75,.15);color:var(--coral)}.muted{color:var(--muted)}.error{color:var(--coral)}.amber{color:var(--amber-tint)}.sage{color:var(--sage)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(600px 300px at 50% 20%,rgba(227,165,84,.07),transparent),var(--bg)}.login-card{width:360px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:36px 32px 28px;box-shadow:0 24px 60px var(--shadow)}.login-card input{width:100%;padding:12px 14px;border-radius:12px;margin-bottom:14px;background:var(--field);border:1px solid var(--line-strong);color:var(--text);font-size:14px;font-family:inherit;outline:none}.login-card input:focus{border-color:var(--amber)}.login-card button{cursor:pointer;border:0;width:100%;height:46px;border-radius:999px;background:var(--amber);color:var(--amber-dark);font-size:14.5px;font-weight:600;font-family:inherit}.login-card button:disabled{opacity:.5}.login-brand{font-family:Georgia,Newsreader,serif;font-size:34px;color:var(--amber);text-align:center;letter-spacing:.01em}.login-subtitle{color:var(--muted);text-align:center;margin:4px 0 28px;font-size:13px;text-transform:uppercase;letter-spacing:.14em}.login-label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.login-error{margin:12px 0 0;text-align:center}.login-footer{color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:16px;gap:16px;flex:1 1;min-height:0}.scroll-list{border-radius:16px;background:var(--card);border:1px solid var(--line);overflow:auto;padding:8px}.list-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;cursor:pointer;animation:rowIn .25s both}.list-row:hover{background:var(--hover)}.list-row.selected{background:rgba(227,165,84,.1)}.bar-chart{display:flex;align-items:flex-end;gap:14px;height:150px}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:flex-end;height:100%}.bar{width:100%;border-radius:8px 8px 4px 4px;background:rgba(227,165,84,.45);min-height:4px}.bar.today{background:var(--amber)}.bar-label{font-size:11px;color:var(--muted2)}@media (max-width:1100px){.two-col{grid-template-columns:1fr}.two-col>.scroll-list{max-height:340px}.page{padding:24px 20px}}@media (max-width:900px){.table{overflow-x:auto}.trow{min-width:640px}.page-head{flex-wrap:wrap;gap:12px}.bar-chart{gap:8px}}@media (max-width:720px){.sidebar{width:68px;padding-left:8px;padding-right:8px}.sidebar .brand-text,.sidebar .nav-label,.sidebar .sidebar-user .who{display:none}.page{padding:20px 14px}}