:root{--bg:#0a0d13;--sidebar:#0d1119;--panel:#12161f;--panel2:#181d29;--panel3:#1e2433;--border:#232939;--border-soft:#1b2130;--text:#edeff5;--muted:#8b93a7;--faint:#565f76;--cyan:#2fbbf7;--cyan-soft:#123244;--green:#4ade94;--green-soft:#123626;--amber:#f5a93f;--amber-soft:#3a2c13;--red:#fb7185;--red-soft:#3b1720;--purple:#7c6cfb;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;line-height:inherit}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border-soft);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand-wrap{border-bottom:1px solid var(--border-soft);flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px;padding:4px 8px 22px;display:flex}.brand-logo{width:100%;max-width:196px;height:auto;display:block}.brand{font-size:17px;font-weight:800}.nav-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:16px 10px 8px;font-size:10.5px}.nav{gap:2px;display:grid}.nav a{color:var(--muted);border-radius:9px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex}.nav a:hover{background:var(--panel2);color:var(--text)}.nav a.active{background:var(--cyan-soft);color:var(--cyan)}.nav-icon{text-align:center;width:17px;font-size:16px}.side-note{color:var(--green);align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.sidebar-footer{border-top:1px solid var(--border-soft);margin-top:auto;padding-top:14px}.main{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:22px 30px 40px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.title{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:750}.subtitle{color:var(--faint);margin-top:4px;font-size:12.5px}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.live{color:var(--green);border-color:#1c4632}.dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.two{grid-template-columns:1.35fr 1fr}.two-equal{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.kpi{padding:16px;position:relative;overflow:hidden}.kpi-link{transition:border-color .15s,transform .15s,background .15s;display:block}.kpi-link:hover,.kpi-link:focus-visible{background:var(--panel2);border-color:var(--cyan);outline:none;transform:translateY(-2px)}.kpi-icon{background:var(--cyan-soft);width:32px;height:32px;color:var(--cyan);border-radius:9px;place-items:center;margin-bottom:12px;font-weight:800;display:grid}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.amber{background:var(--amber-soft);color:var(--amber)}.kpi-icon.purple{color:#9d93ff;background:#211d45}.kpi-label{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.kpi-value{margin-top:7px;font-size:25px;font-weight:800;line-height:1}.kpi-help{color:var(--faint);margin-top:8px;font-size:11.5px}.kpi-drilldown{color:var(--cyan);margin-top:12px;font-size:11px;font-weight:700}.positive{color:var(--green)}.warning{color:var(--amber)}.danger{color:var(--red)}.section-title{margin:0;font-size:14.5px;font-weight:750}.section-sub{color:var(--faint);margin:3px 0 14px;font-size:11.5px}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-tag{color:var(--faint);font-size:11px}.metric-row{grid-template-columns:minmax(120px,190px) 1fr 46px;align-items:center;gap:10px;padding:7px 0;display:grid}.metric-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bar{background:var(--panel3);border-radius:6px;height:8px;overflow:hidden}.bar>span{background:var(--cyan);border-radius:6px;height:100%;display:block}.bar.amber>span{background:var(--amber)}.bar.green>span{background:var(--green)}.metric-count{text-align:right;font-size:12px;font-weight:700}.list{gap:0;display:grid}.item{border-bottom:1px solid var(--border-soft);padding:11px 0}.item:last-child{border-bottom:0}.item-title{font-size:13px;font-weight:650}.item-meta{color:var(--faint);margin-top:4px;font-size:11.5px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:820px}.table th,.table td{text-align:left;border-top:1px solid var(--border-soft);padding:12px 14px;font-size:12.5px}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);background:var(--panel);font-size:10.5px;position:sticky;top:0}.table tbody tr:hover{background:var(--panel2)}.badge{border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.success{background:var(--green-soft);color:var(--green)}.failed{background:var(--red-soft);color:var(--red)}.partial{background:var(--amber-soft);color:var(--amber)}.info{background:var(--cyan-soft);color:var(--cyan)}.muted{color:var(--muted)}.faint{color:var(--faint)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px}.btn{border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:9px 12px;font-weight:700}.btn-ghost{color:var(--muted);background:0 0;width:100%}.btn-ghost:hover{background:var(--panel2);color:var(--text)}.login{max-width:420px;margin:90px auto}.form{gap:14px;display:grid}.error{background:var(--red-soft);color:var(--red);border:1px solid #5e2530;border-radius:10px;margin-bottom:14px;padding:10px 12px}.empty{text-align:center;color:var(--muted);padding:32px}.detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail div{border-bottom:1px solid var(--border-soft);padding:10px 0}.detail b{color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:10.5px;display:block}.cost-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cost-mini{background:var(--panel2);border:1px solid var(--border-soft);border-radius:10px;padding:12px}.cost-mini b{font-size:18px;display:block}.cost-mini span{color:var(--faint);font-size:10.5px}.spark-wrap{align-items:end;gap:5px;height:210px;padding:14px 0 2px;display:flex}.spark-col{background:linear-gradient(180deg,var(--cyan),#24658a);opacity:.9;border-radius:5px 5px 2px 2px;flex:1;min-width:5px}.donut{border-radius:50%;place-items:center;width:132px;height:132px;margin:auto;display:grid;position:relative}.donut:after{content:"";background:var(--panel);border-radius:50%;width:88px;height:88px;position:absolute}.donut-center{z-index:1;text-align:center;position:relative}.donut-center b{font-size:24px;display:block}.donut-center span{color:var(--faint);font-size:10.5px}@media (max-width:1180px){.kpis{grid-template-columns:repeat(3,1fr)}.two,.two-equal{grid-template-columns:1fr}.cost-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(4,1fr)}.main{padding:18px}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.nav{grid-template-columns:1fr 1fr}.kpis,.three,.detail,.cost-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:110px 1fr 38px}}.date-picker{position:relative}.date-picker-trigger{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:650;display:flex}.date-picker-trigger:hover{border-color:var(--cyan);background:var(--panel2)}.date-picker-trigger>span:first-child{color:var(--cyan);font-size:13px}.date-picker-chevron{color:var(--faint);margin-left:2px}.calendar-popover{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:300px;padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0009}.calendar-head{text-align:center;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:12px;display:grid}.calendar-head button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.calendar-head button:hover{color:var(--cyan)}.calendar-head strong{font-size:13px;font-weight:750}.calendar-weekdays,.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-weekdays{margin-bottom:5px}.calendar-weekdays span{color:var(--faint);font-size:10px;font-weight:700}.calendar-days button{height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:12px}.calendar-days button:hover{background:var(--panel3)}.calendar-days button.in-range{background:var(--cyan-soft);border-radius:0}.calendar-days button.selected{background:var(--cyan);color:#06121a;border-radius:7px;font-weight:800}.calendar-footer{border-top:1px solid var(--border-soft);color:var(--faint);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:10.5px;display:flex}.calendar-footer>div{gap:7px;display:flex}.calendar-footer button{cursor:pointer;border:0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700}.calendar-clear{color:var(--muted);background:0 0}.calendar-apply{background:var(--cyan);color:#06121a}.topic-drilldown{gap:2px;display:grid}.topic-drilldown span{color:var(--cyan);font-size:10.5px;font-weight:700}.topic-drilldown:hover strong{text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}