:root{--bg:#0c1116;--surface:#151d24;--surface2:#19242d;--line:rgba(185,205,220,.12);--text:#eef5fa;--muted:#91a3b2;--accent:#d47745;--blue:#4d9ec9;--green:#67c980}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(212,119,69,.16),transparent 32rem),linear-gradient(180deg,#0b1014,#111820);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 22px;background:rgba(7,11,14,.94);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.brand span:last-child{display:grid}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:10px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#e09a5d,#9d492e);font-weight:800}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#c7d4de}.sidebar nav a:hover{background:rgba(255,255,255,.06);color:#fff}.readonly{margin-top:auto;color:var(--muted);font-size:12px}.readonly span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(103,201,128,.12)}main{min-width:0;padding:28px 34px 60px}.topbar,.actions,.heading,.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.topbar{margin-bottom:24px}.topbar h1,.heading h2,.panel h2{margin:4px 0 0}.actions{align-items:center}.environment,.role,.button{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px}.environment{color:#ffe6b6;background:rgba(198,113,22,.2);border-color:rgba(244,166,72,.35);font-size:11px;font-weight:800;letter-spacing:.1em}.role{color:var(--muted);font-size:12px}.button{background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.button:hover{background:rgba(255,255,255,.09)}.button.primary{width:100%;justify-content:center;background:linear-gradient(135deg,#d47745,#9d492e);font-weight:700}.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.muted,.disclaimer{color:var(--muted)}.panel{margin-bottom:16px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(21,29,36,.9);box-shadow:0 20px 45px rgba(0,0,0,.22)}.heading{align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.kpi{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface2),#111920)}.kpi.revenue{border-color:rgba(103,201,128,.22);background:linear-gradient(145deg,#183027,#121c1b)}.kpi span,.kpi small{display:block;color:var(--muted);font-size:12px}.kpi strong{display:block;margin:8px 0 5px;font-size:29px}.disclaimer{margin:0 4px 18px;font-size:11px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.daily-chart{display:grid;grid-template-columns:repeat(14,minmax(42px,1fr));gap:8px;overflow-x:auto;margin-top:18px}.day{display:grid;grid-template-rows:18px 150px 18px 16px;gap:5px;text-align:center;font-size:10px;color:var(--muted)}.day>b{color:#d9e4eb}.day>div{display:flex;align-items:flex-end;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.035)}.day i{display:block;width:100%;min-height:3px;background:linear-gradient(#eea06d,#b95430)}.bars{display:grid;gap:14px;margin-top:18px}.bar p,.summary-list p{display:flex;justify-content:space-between;margin:0 0 6px;font-size:13px}.bar>div{height:7px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.055)}.bar i{display:block;min-width:2px;height:100%;background:linear-gradient(90deg,#b65a34,#eea06d)}.progression .bar i{background:linear-gradient(90deg,#2e6e92,#68b7df)}.summary-list{display:grid;gap:13px;margin-top:24px}.summary-list p{padding-bottom:12px;border-bottom:1px solid var(--line)}.summary-list span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}code{color:#c7deee}details{margin-top:18px;border:1px solid var(--line);border-radius:12px}summary{padding:14px;cursor:pointer}summary small{float:right;color:var(--muted)}details .table-wrap{padding:0 14px 14px}.health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.health div{display:flex;justify-content:space-between;padding:14px;border:1px solid rgba(103,201,128,.2);border-radius:12px;background:rgba(103,201,128,.05)}.health span{color:var(--muted);font-size:12px}.login-body{display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 25px 70px rgba(0,0,0,.4);text-align:center}.login-card .brand-mark{margin:0 auto 22px}.login-card form{margin-top:24px}.alert{margin:18px 0;padding:12px;border:1px solid rgba(235,90,70,.4);border-radius:10px;background:rgba(235,90,70,.1);color:#ffb8ac}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.health{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:18px}.sidebar nav{display:flex;overflow:auto;margin-top:0}.readonly{margin-top:14px}main{padding:20px 14px}.topbar,.actions,.heading{flex-wrap:wrap}.columns{grid-template-columns:1fr}.role{max-width:220px;overflow:hidden;text-overflow:ellipsis}.kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.health{grid-template-columns:1fr}.actions{align-items:flex-start}}