@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Roboto+Mono:wght@400;500;600&display=swap";
:root{--bg:#0b0b0b;--panel:#11110f;--panel2:#151512;--text:#ede9df;--muted:#8d8b84;--gold:#e7a83e;--red:#d45b4f;--border:#2b2b29}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Roboto Mono,monospace}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0c0c0b;flex-direction:column;width:248px;padding:28px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.08em;font-family:Oswald,sans-serif;font-size:20px}.brand span{color:var(--gold)}.label,.cardLabel,.eyebrow{letter-spacing:.16em;color:#68675f;font-size:10px}.label{margin:52px 0 14px}.nav{color:#a7a59d;border-left:2px solid #0000;margin:2px 0;padding:12px 10px;font-size:12px;display:block}.nav.active,.nav:hover{color:var(--text);border-left-color:var(--gold);background:#151512}.sideBottom{color:#77766f;align-items:center;gap:8px;margin-top:auto;font-size:10px;display:flex}.statusDot{background:#8da66c;border-radius:50%;width:6px;height:6px}.content{width:calc(100% - 248px);max-width:1500px;margin-left:248px;padding:36px 48px 30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{margin-bottom:8px}.gold{color:var(--gold)}h1,h2,h3{text-transform:uppercase;margin:0;font-family:Oswald,sans-serif;font-weight:500}h1{letter-spacing:.02em;font-size:32px}h2{max-width:680px;font-size:32px;line-height:1.08}h3{margin-top:5px;font-size:18px}.account{align-items:center;gap:10px;display:flex}.account small{color:#77766f;margin-top:3px;font-size:9px;display:block}.avatar{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);place-items:center;font-size:11px;display:grid}.hero{border:1px solid var(--border);background:linear-gradient(120deg,#151512,#0f0f0e);justify-content:space-between;align-items:center;min-height:210px;margin-bottom:18px;padding:32px;display:flex}.hero p{color:#99978f;max-width:690px;margin:14px 0 0;font-size:12px;line-height:1.8}.heroMark{color:#2a2925;padding:10px 30px;font-family:Oswald;font-size:86px}.heroMark span{color:var(--gold)}.grid{gap:18px;display:grid}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.two{grid-template-columns:1fr 1fr;margin-bottom:18px}.card,.panel{border:1px solid var(--border);background:var(--panel);padding:22px}.big{margin:12px 0 3px;font-family:Oswald;font-size:34px}.status{color:#9eb47c;font-size:25px}.muted{color:#77766f;font-size:10px}.progress{background:#272622;height:4px;margin:14px 0 8px}.progress span{background:var(--gold);height:100%;display:block}.panelHead{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panelHead a{color:var(--gold);font-size:10px}.service,.channel{border-top:1px solid #252522;justify-content:space-between;align-items:center;padding:15px 0;font-size:11px;display:flex}.service b{color:#aaa79e;font-weight:400}.channel{justify-content:flex-start;gap:12px}.channel em{color:#9eb47c;margin-left:auto;font-size:9px;font-style:normal}.channel em.soon{color:#77766f}.channelIcon{width:25px;height:25px;color:var(--gold);border:1px solid #3a3934;place-items:center;font-size:10px;display:grid}.usage{padding-bottom:16px}.bars{align-items:end;gap:10px;height:150px;padding:20px 5px 0;display:flex}.barWrap{background:linear-gradient(#24231f .999999%,#0000 .999999%);flex:1;align-items:end;height:100%;display:flex}.bar{background:#615f55;width:100%;min-height:4px;display:block}.bar:last-child{background:var(--gold)}.months{color:#66655f;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.months span{width:25%}.months span:not(:first-child){text-align:center}footer{color:#4f4e49;letter-spacing:.14em;padding:22px 0;font-size:8px}footer span{color:var(--gold);padding:0 7px}@media (max-width:900px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.shell{display:block}.sidebar nav{display:flex;overflow:auto}.label,.sideBottom{display:none}.content{width:100%;margin-left:0;padding:24px}.stats,.two{grid-template-columns:1fr}.heroMark{display:none}.topbar{align-items:flex-start}.account{display:none}}@media (max-width:600px){.content{padding:18px}.hero{padding:22px}h2{font-size:25px}.card,.panel{padding:18px}}