:root{--bg:#f4f6fb;--card:#fff;--line:#e7ebf2;--text:#101827;--muted:#6b7280;--p:#7c3aed;--b:#2563eb;--pink:#ec4899;--g:#16a34a;--r:#ef4444;--shadow:0 10px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh}.logo{font:italic 32px Georgia,serif;color:#c89b2d;line-height:1.1;margin-bottom:28px}.logo span{font:700 11px Inter;letter-spacing:3px;color:#111}.sidebar nav{display:grid;gap:8px}.sidebar a{display:block;text-decoration:none;color:#334155;font-weight:700;padding:13px 14px;border-radius:12px}.sidebar a.on{background:linear-gradient(135deg,var(--p),#2563eb);color:#fff;box-shadow:0 12px 24px rgba(124,58,237,.25)}.logout{position:absolute;bottom:18px;left:18px;right:18px;border:1px solid var(--line)}.main{padding:22px;overflow:hidden}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.account-select{display:flex;gap:12px;align-items:center}.avatar{width:56px;height:56px;border-radius:50%;background:#111;color:#d6a633;display:grid;place-items:center;font:italic 20px Georgia,serif;border:3px solid #d6a633}.h1{font-size:24px;font-weight:900}.muted{color:var(--muted)}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 16px;font-weight:800;color:#334155;text-decoration:none;cursor:pointer}.btn.p{background:linear-gradient(135deg,var(--p),var(--b));color:#fff;border:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:17px}.kpis{display:grid;grid-template-columns:repeat(8,minmax(135px,1fr));gap:12px;margin-bottom:14px}.kpi h2{font-size:30px;margin:10px 0 4px}.up{color:var(--g);font-weight:900}.down{color:var(--r);font-weight:900}.span3{grid-column:span 3}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}.chart{height:160px;display:flex;align-items:end;gap:10px}.bar{flex:1;background:linear-gradient(180deg,#8b5cf6,#c084fc);border-radius:9px 9px 0 0;min-height:20px}.linechart{width:100%;height:175px}.bars .row{display:grid;grid-template-columns:80px 1fr 50px;gap:10px;margin:10px 0;align-items:center}.track{height:9px;background:#edf2f7;border-radius:20px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--p),#ec4899);border-radius:20px}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--pink) 0 63%,var(--p) 63% 99%,var(--b) 99% 100%);position:relative}.donut:after{content:"";position:absolute;inset:32px;border-radius:50%;background:white}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field input,.field textarea,.field select{padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.ai{background:linear-gradient(180deg,#111827,#1f2937);color:#fff}.ai li{margin:10px 0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fafc,#ede9fe)}.loginbox{width:min(430px,92vw);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.logout{position:static;margin-top:20px}.kpis{grid-template-columns:repeat(2,1fr)}.span3,.span4,.span6,.span8{grid-column:span 12}.top{display:grid}.main{padding:14px}}