:root{--bg:#0b0e14;--panel:#111620;--panel-2:#151b27;--line:#242c3a;--text:#f2f5f8;--muted:#8d98aa;--cyan:#53d7d0;--violet:#9b8cff;--green:#8be28b;--orange:#f4b66b;--red:#ff7373;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.6}.eyebrow{margin:0 0 7px;color:#68758a;font-size:10px;font-weight:800;letter-spacing:1.6px}.accent{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #3a5360;border-radius:7px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.5px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#17202e 0,#0b0e14 45%)}.login-box{width:min(410px,100%);padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 70px #0006}.login-box .brand-mark{margin-bottom:31px}.login-box h1{margin:0;font-size:29px;letter-spacing:-.8px}.login-box form{margin-top:28px;display:grid;gap:9px}.login-box label{font-size:12px;color:#b3bdcc}.login-box input{height:45px;padding:0 13px;color:var(--text);background:#0d1119;border:1px solid var(--line);border-radius:6px;outline:none}.login-box input:focus{border-color:var(--cyan)}.primary{height:45px;margin-top:9px;border:0;border-radius:6px;background:var(--cyan);color:#071112;font-weight:800}.primary span{margin-left:8px}.error{min-height:20px;margin:5px 0 0;color:var(--red);font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:226px;padding:27px 17px 19px;border-right:1px solid var(--line);background:#0d1119;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 11px;color:#f4f7fa;font-size:16px;font-weight:800}.sidebar nav{margin-top:60px;display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;color:var(--muted);text-decoration:none;border-radius:6px}.nav-item:hover,.nav-item.active{color:var(--text);background:#1a222f}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.nav-icon{width:17px;color:var(--cyan);font-size:17px;text-align:center}.side-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px;color:#7e8a9c;font-size:11px;border-top:1px solid var(--line)}.side-footer button{margin-left:auto;padding:0;border:0;background:transparent;color:#738094;font-size:18px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #8be28b1c}.main{width:calc(100% - 226px);margin-left:226px}.topbar{height:117px;padding:30px 42px 23px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between}.topbar h1{margin:0;font-size:27px;letter-spacing:-.8px}.toolbar{display:flex;gap:10px;align-items:center}.range-tabs{display:flex;padding:3px;background:#151b26;border:1px solid var(--line);border-radius:6px}.range-tabs button{height:29px;padding:0 13px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:12px}.range-tabs button.selected,.range-tabs button:hover{color:var(--text);background:#2a3444}.icon-button{width:35px;height:35px;border:1px solid var(--line);border-radius:6px;background:#151b26;color:var(--cyan);font-size:20px}.content{max-width:1380px;padding:25px 42px 55px}.notice{display:flex;align-items:center;gap:10px;margin-bottom:21px;padding:10px 13px;color:#8793a5;background:#101721;border:1px solid #202b38;border-radius:6px;font-size:11px}.notice-time{margin-left:auto;color:#596579}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-height:137px;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#95a0b2;font-size:12px}.metric-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;font-size:14px}.metric-icon.cyan{color:var(--cyan);background:#53d7d015}.metric-icon.violet{color:var(--violet);background:#9b8cff15}.metric-icon.green{color:var(--green);background:#8be28b15}.metric-icon.orange{color:var(--orange);background:#f4b66b15}.metric strong{display:block;margin-top:17px;font-family:'DM Mono',monospace;font-size:26px;letter-spacing:-1px}.metric small{display:block;margin-top:7px;color:#6d798b;font-size:11px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:39px 0 13px}.section-head h2,.panel h2{margin:0;font-size:16px;letter-spacing:-.3px}.section-head select{height:31px;padding:0 10px;color:#c6d0dd;background:#151b26;border:1px solid var(--line);border-radius:5px;font-size:12px}.chart-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.chart-panel{position:relative;padding:22px 24px 15px}.chart-wrap{height:300px;position:relative}.chart-legend{display:flex;gap:20px;padding-top:10px;color:#7d899b;font-size:11px}.legend-line{display:inline-block;width:18px;height:2px;margin:0 6px 3px 0;background:var(--cyan)}.violet-line{background:var(--violet)}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:13px}.panel{padding:21px 22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.panel-meta{color:#657287;font-size:11px}.doughnut-wrap{height:202px;max-width:300px;margin:0 auto}.mini-list{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:14px}.mini-item{display:flex;align-items:center;gap:6px;color:#93a0b1;font-size:11px}.mini-dot{width:7px;height:7px;border-radius:50%}.key-list{display:grid;gap:12px}.key-row{display:grid;grid-template-columns:minmax(100px,1fr) 100px 48px;gap:12px;align-items:center}.key-name{overflow:hidden;color:#a8b3c2;font-family:'DM Mono',monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.key-spend{text-align:right;color:#e2e8ef;font-family:'DM Mono',monospace;font-size:11px}.progress{height:5px;grid-column:1 / -1;margin-top:-6px;background:#242d3b;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--cyan);border-radius:5px}.requests-panel{margin-top:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{padding:9px 8px;text-align:left;color:#68758a;font-size:10px;font-weight:700;letter-spacing:.6px}td{padding:12px 8px;border-top:1px solid #1d2532;color:#b6c0ce;font-size:11px}td:first-child{color:#7e8b9e;font-family:'DM Mono',monospace}.status{display:inline-flex;padding:3px 7px;border-radius:4px;color:var(--green);background:#8be28b12}.status.failed{color:var(--red);background:#ff737312}.empty{position:absolute;inset:0;display:grid;place-items:center;color:#647187;font-size:12px}@media(max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:190px}.main{width:calc(100% - 190px);margin-left:190px}.content,.topbar{padding-left:26px;padding-right:26px}}@media(max-width:680px){.sidebar{position:static;width:100%;height:58px;padding:12px 15px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.sidebar nav{display:none}.side-footer{margin:0 0 0 auto;padding:0;border:0}.side-footer span:not(.status-dot){display:none}.main{width:100%;margin-left:0}.app-shell{display:block}.topbar{height:auto;padding:25px 17px 17px;align-items:flex-start;gap:15px;flex-direction:column}.topbar h1{font-size:23px}.toolbar{width:100%}.range-tabs{flex:1}.range-tabs button{flex:1;padding:0 8px}.content{padding:17px 15px 35px}.notice{align-items:flex-start;line-height:1.5}.notice-time{display:none}.metrics-grid{gap:8px}.metric{min-height:123px;padding:14px}.metric strong{font-size:21px;margin-top:15px}.section-head{margin-top:29px}.chart-panel{padding:14px}.chart-wrap{height:230px}.panel{padding:17px}.key-row{grid-template-columns:minmax(80px,1fr) 85px 40px}}