:root{font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22303d;background:#f8f7f3;--blue:#175bc1;--muted:#596875;--line:#d7dfdf;--green:#2c6c4e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.15;font-weight:650;letter-spacing:-1px}h2{font-size:22px;font-weight:650;letter-spacing:-.4px}h3{font-size:16px;font-weight:650}button,input,textarea,select{font:inherit}button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #bbc6ce;border-radius:5px;background:#fff;color:#22303d;cursor:pointer;text-decoration:none}button:hover{background:#edf2f7}button:disabled{opacity:.6;cursor:wait}.primary,button.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600}.primary:hover{background:#104b9f}.danger{color:#a32f27;border-color:#c07169;background:#fff}.danger.primary{background:#a32f27;border-color:#a32f27;color:white}.text-button{background:transparent;border:0;color:var(--blue)}a{color:var(--blue)}input,textarea,select{width:100%;min-height:46px;border:1px solid #aebcc6;border-radius:4px;background:#fff;padding:10px 12px;color:#22303d}input:disabled{background:#edf0ee}textarea{resize:vertical}label{display:block;font-weight:550;font-size:14px;margin-bottom:7px}small,.muted{color:var(--muted);font-size:13px}small{display:block;margin-top:6px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2872d7;outline-offset:3px}.brand{font-size:25px;font-weight:750;letter-spacing:-.6px}.brand span{display:block;font-size:12px;font-weight:450;color:var(--muted);letter-spacing:.5px;margin-top:6px}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;padding:30px 22px;background:#ecf0ed;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar nav{display:grid;gap:5px;margin-top:44px}.sidebar nav button{border:0;background:transparent;justify-content:flex-start;border-radius:0;border-left:3px solid transparent;padding:10px 12px}.sidebar nav button.selected{border-left-color:var(--blue);background:#dfe8f1;color:#164985;font-weight:650}.account{margin-top:auto;display:grid;gap:13px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.account button{justify-self:start;background:transparent}main{margin-left:225px;padding:34px 38px 60px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:24px;border-bottom:2px solid #263f50;margin-bottom:28px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.3px;margin-bottom:5px}.header-actions{display:flex;gap:10px}.service-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px}.service-select{width:100%;text-align:left;justify-content:flex-start;border-radius:0;border:0;border-bottom:1px solid var(--line);padding:18px 13px;background:transparent;display:block;overflow-wrap:anywhere}.service-select.selected{border-left:3px solid var(--blue);background:#e8eff7}.service-select strong,.service-select span{display:block}.service-select strong{font-size:15px}.service-select span{font-size:12px;color:var(--muted);margin-top:5px}.tag{display:inline-flex;font-size:12px;border-radius:3px;padding:3px 8px;background:#e7edf3;color:#385570}.tag.good{background:#e0efe5;color:#215b3d}.tag.warn{background:#fff0d6;color:#7f5000}.tag.bad{background:#fce9e5;color:#a42c22}.service-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.service-top h2{overflow-wrap:anywhere}.service-subtitle{margin-top:8px;color:var(--muted);font-size:13px}.service-summary{display:flex;gap:35px;flex-wrap:wrap;margin:24px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-summary strong{font-size:23px;display:block;letter-spacing:-.5px}.service-summary span{color:var(--muted);font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.section-head select{width:auto}.plot{margin:20px 0 0;min-width:0}.plot svg{display:block;width:100%;height:auto;min-height:150px}.plot svg text{font:12px system-ui;fill:#546574}.plot svg .grid{stroke:#dce4e6;stroke-width:1}.plot svg .line{stroke:var(--blue);stroke-width:2;fill:none}.plot svg .fill{fill:#e4eef9}.plot svg .limit{stroke:#ae5b35;stroke-dasharray:5 5;stroke-width:1.5}.analysis{padding:15px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.analysis strong{font-size:16px}.analysis .windows{font-size:13px;color:var(--muted)}.service-actions{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.service-actions button{font-size:13px}.details-section{padding:20px 0;border-top:1px solid var(--line)}.details-section>summary{font-weight:600;cursor:pointer;min-height:44px}.form-grid{display:grid;grid-template-columns:1fr 110px;gap:15px;margin-top:15px}.form-grid .full{grid-column:1/-1}.help-block{border-left:3px solid #90a8b8;padding:13px 16px;background:#edf1f2;margin:18px 0;font-size:13px}.help-block p{margin:8px 0}.help-block code{background:#dfe7eb;padding:2px 5px;overflow-wrap:anywhere}.instructions{font-size:13px;margin:15px 0}.instructions li{margin-bottom:8px}.empty-state{padding:60px 20px 80px;max-width:620px}.empty-state p{margin:15px 0 24px;color:var(--muted);max-width:450px}.empty-state button{margin-right:8px;margin-bottom:10px}.signal-mark{font-size:54px;line-height:1;color:var(--blue);margin-bottom:26px}.balance-header{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:10px 0 35px;border-bottom:1px solid var(--line);margin-bottom:26px}.balance-header strong{font-size:52px;letter-spacing:-2px}.balance-header p{max-width:460px;font-size:14px;color:var(--muted);margin-top:13px}.input-action{display:flex;gap:10px}.input-action input{min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;margin-top:16px}td,th{padding:13px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);font-weight:550;background:#edf1ee}.spaced{margin-top:25px}.invoice-row{display:flex;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.invoice-row span{flex:1}#notice{padding:14px 18px;border-left:3px solid var(--green);background:#e7f0e9;margin-bottom:20px;overflow-wrap:anywhere}#notice.error{border-left-color:#a32f27;background:#fff0ea}#notice a{display:inline-block;margin-left:12px}dialog{border:1px solid #91a2ad;border-radius:7px;padding:26px;width:min(560px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#22394d85}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.dialog-top button{border:0;background:none;min-width:44px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}dialog form>label{margin-top:17px}fieldset{padding:0;border:0;margin:24px 0}legend{font-size:14px;font-weight:550;margin-bottom:10px}.speed-presets{display:flex;gap:8px;margin-bottom:12px}.speed-presets button{flex:1;padding:8px}.speed-presets button.chosen{background:#e4edf9;border-color:var(--blue);color:var(--blue)}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.periods label{font-weight:450;border:1px solid #bcc8d1;padding:12px 10px;border-radius:4px;cursor:pointer;text-align:center;font-size:13px}.periods input{width:18px;height:18px;min-height:18px;display:block;margin:0 auto 8px}.periods label:has(input:checked){background:#e7effa;border-color:var(--blue)}.periods strong{display:block;font-size:17px}.total-line{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.total-line strong{font-size:29px}.wide{width:100%;margin-top:20px}.payment-methods{display:grid;gap:12px;margin:22px 0}.payment-methods button{justify-content:flex-start;text-align:left;display:block;padding:16px}.payment-methods strong,.payment-methods span{display:block}.payment-methods span{font-size:12px;color:var(--muted);margin-top:3px}#payment-status{background:#eaf0f6;padding:15px;margin:18px 0}.diagnostic{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.diagnostic .tag{align-self:flex-start}.support-message{padding:15px 18px;max-width:85%;background:#e9eeee;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px}.support-message.in{background:#e5eef9;margin-left:auto}.support-message small{font-size:11px;margin-bottom:6px}#messages{max-height:500px;overflow:auto;padding:8px 0 20px}#support-form{border-top:1px solid var(--line);padding-top:20px}#support-form button{margin-top:12px}.document-link{display:block;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px}.login{max-width:680px;margin:7vh auto;padding:30px}.login-line{height:4px;width:80px;background:var(--blue);margin:65px 0 28px}.login h1{font-size:54px;line-height:1.08;letter-spacing:-2px}.login p{max-width:430px;margin:22px 0;color:var(--muted)}.login .primary{padding:13px 24px;margin:5px 0}.empty-note{padding:20px 0;color:var(--muted)}@media(max-width:1150px){main{padding:28px}.sidebar{width:200px;padding:25px 16px}main{margin-left:200px}.service-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.balance-header{gap:28px}}@media(max-width:800px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.brand span{display:inline;margin-left:12px}.sidebar nav{display:flex;gap:2px;margin-top:15px;overflow:auto}.sidebar nav button{white-space:nowrap;font-size:13px;padding:8px;border-left:0;border-bottom:3px solid transparent}.sidebar nav button.selected{border-bottom-color:var(--blue)}.account{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:10px}.account span{margin-right:auto}.account a{min-height:44px;display:flex;align-items:center}main{margin:0;padding:25px 20px}.service-layout{grid-template-columns:1fr;gap:20px}#service-list{display:flex;overflow:auto}.service-select{min-width:200px;width:auto}.service-select.selected{border-left:0;border-bottom:3px solid var(--blue)}.empty-state{padding:25px 0 50px}.balance-header{grid-template-columns:1fr;gap:25px}.login{padding:24px;margin-top:4vh}.login h1{font-size:44px}.login-line{margin-top:40px}.header-actions{gap:7px}h1{font-size:28px}.service-summary{gap:25px}.support-message{max-width:95%}}@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:17px}.header-actions{width:100%;justify-content:flex-start}.header-actions button{flex:1;padding:9px 12px;font-size:13px}main{padding:22px 16px}.brand{font-size:24px}.sidebar{padding:16px}.account{font-size:12px;gap:10px}.account a{display:none}.service-top{flex-wrap:wrap}.service-summary{gap:20px}.service-summary strong{font-size:21px}.periods{gap:6px}.periods label{padding:10px 6px;font-size:12px}.periods strong{font-size:16px}dialog{padding:20px}.form-grid{grid-template-columns:1fr 90px}.input-action{flex-wrap:wrap}.input-action button{width:100%}.login h1{font-size:40px}.service-actions button{flex:1;min-width:135px}.section-head{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.help-block button{margin-right:8px;margin-top:8px}.details-section a.primary{margin:12px 8px 0 0}

.dialog-notice{padding:12px;border-left:3px solid #2c6c4e;background:#e7f0e9;margin-bottom:15px}.dialog-notice.error{border-left-color:#a32f27;background:#fff0ea}

/* SellerApe workbench: measured traffic and direct service controls. */
:root{--surface:#fff;--canvas:#f3f5f7;--ink:#172d3c;--panel:#e9eef2;--selected:#e1edf7;--blue:#175bc1;--muted:#536575;--line:#cbd6de;color:var(--ink);background:var(--canvas);color-scheme:light}
body{background:var(--canvas);color:var(--ink)}button,input,textarea,select,dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}button:hover{background:var(--panel)}.sidebar{background:var(--surface)}.brand{letter-spacing:-1px}.brand:before{content:'↗';color:var(--blue);margin-right:10px}.sidebar nav button.selected,.service-select.selected{background:var(--selected);color:var(--ink)}.service-select{color:var(--ink)}.service-layout{grid-template-columns:220px minmax(0,1fr)}#service-content{min-width:0}.service-summary{border-top:0;margin-top:12px;padding-top:12px}.service-summary strong{font-variant-numeric:tabular-nums}.plot{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px;margin:24px 0}.plot .section-head{margin-bottom:22px}.plot svg .upload{stroke:var(--green);stroke-width:2;fill:none}.plot svg text{fill:var(--muted)}.plot svg .grid{stroke:var(--line)}.plot svg .fill{fill:var(--selected)}.traffic-totals{display:flex;flex-wrap:wrap;gap:22px;margin:18px 0 22px}.traffic-totals>div{flex:1;min-width:140px}.traffic-totals strong{display:block;font-size:25px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.traffic-totals span{display:block;font-size:12px;color:var(--muted)}.traffic-detail{min-height:82px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.plot .analysis{border-bottom:0;padding-bottom:0}.service-actions{margin:18px 0}.service-actions button{background:var(--surface)}.service-actions button.primary{background:var(--blue)}.help-block,th,#payment-status{background:var(--panel)}.help-block code{background:var(--selected)}input:disabled{background:var(--panel)}.support-message{background:var(--panel)}.support-message.in,.speed-presets button.chosen,.periods label:has(input:checked){background:var(--selected)}header{border-bottom:1px solid var(--line)}#theme-toggle{font-size:13px;white-space:nowrap}.account a{display:flex!important;align-items:center;min-height:44px}.header-actions{flex-wrap:wrap}.service-select{background:transparent}
:root[data-theme=dark]{--surface:#17232c;--canvas:#10191f;--ink:#e4edf3;--panel:#20313d;--selected:#243e54;--blue:#80baff;--muted:#a7bac8;--line:#3b505f;--green:#78cba8;color-scheme:dark}
:root[data-theme=dark] .primary{background:#2666b1;color:#fff;border-color:#417dbf}:root[data-theme=dark] .tag.good{background:#203e32;color:#9fe1b9}:root[data-theme=dark] .tag.warn{background:#48391e;color:#f4d18c}:root[data-theme=dark] .tag.bad{background:#4b292b;color:#ffc1b5}:root[data-theme=dark] #notice,:root[data-theme=dark] .dialog-notice{background:#203e32}:root[data-theme=dark] #notice.error,:root[data-theme=dark] .dialog-notice.error{background:#4b292b}:root[data-theme=dark] .danger{color:#ffc1b5}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{--surface:#17232c;--canvas:#10191f;--ink:#e4edf3;--panel:#20313d;--selected:#243e54;--blue:#80baff;--muted:#a7bac8;--line:#3b505f;--green:#78cba8;color-scheme:dark}:root[data-theme=auto] .primary{background:#2666b1;color:#fff;border-color:#417dbf}:root[data-theme=auto] #notice,:root[data-theme=auto] .dialog-notice{background:#203e32}:root[data-theme=auto] #notice.error,:root[data-theme=auto] .dialog-notice.error{background:#4b292b}}
@media(max-width:1150px){.service-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}}@media(max-width:800px){.service-layout{grid-template-columns:1fr}.plot{padding:16px}.traffic-totals{gap:16px}.traffic-totals>div{min-width:120px}}@media(max-width:480px){.traffic-totals strong{font-size:23px}.traffic-totals{gap:14px}.header-actions #theme-toggle{flex:0 0 auto}.traffic-detail{min-height:110px}}
.usage-history{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.usage-history summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px}.usage-history .table-wrap{max-height:360px;overflow:auto}.usage-history td{font-size:12px;font-variant-numeric:tabular-nums}.usage-history th{position:sticky;top:0}.usage-history summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* Customer console shares the partner portal's graphite and lime identity. */
:root{font-size:17px;line-height:1.55;--blue:#365400;--green:#28714d;--canvas:#f3f4ee;--surface:#fff;--panel:#e8ebdf;--selected:#e5efca;--ink:#22271e;--muted:#59614f;--line:#cbd1be;--accent:#d2ff38}
:root[data-theme=dark]{--canvas:#090a0c;--surface:#111318;--panel:#171a20;--selected:#242c18;--ink:#f3f2ed;--muted:#a4a79e;--line:#363a33;--blue:#d2ff38;--green:#8bd6ad;color-scheme:dark}
@media(prefers-color-scheme:dark){:root[data-theme=auto]{--canvas:#090a0c;--surface:#111318;--panel:#171a20;--selected:#242c18;--ink:#f3f2ed;--muted:#a4a79e;--line:#363a33;--blue:#d2ff38;--green:#8bd6ad}}
body{min-width:320px}.sidebar{width:230px;padding:30px 20px;background:var(--canvas)}.brand{font-size:28px}.brand:before{content:'↗';color:var(--blue)}.brand span{font-size:13px;letter-spacing:.5px}.sidebar nav{margin-top:40px;gap:8px}.sidebar nav button{font-size:16px;min-height:52px}.sidebar nav button.selected{border-left-color:var(--blue);background:var(--panel);color:var(--ink)}main{margin-left:230px;padding:32px clamp(20px,3vw,52px) 60px;max-width:2000px}header{padding-bottom:28px;margin-bottom:30px;align-items:flex-start}.eyebrow{font-size:13px}h1{font-size:clamp(30px,3vw,40px);letter-spacing:-1.2px}h2{font-size:26px}h3{font-size:19px}.header-actions{justify-content:flex-end}.primary,button.primary,.service-actions button.primary,:root[data-theme=dark] .primary{background:var(--accent);border-color:var(--accent);color:#172000;font-weight:700}.primary:hover,button.primary:hover{background:#bce52c}.danger.primary{background:#a32f27!important;border-color:#a32f27!important;color:white!important}button,input,select,textarea{border-radius:4px;min-height:46px}label,small,.muted{font-size:15px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--blue)}.service-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.service-select{padding:18px 12px}.service-select strong{font-size:17px}.service-select span{font-size:14px}.service-select.selected{border-left-color:var(--blue);background:var(--selected)}.service-subtitle{font-size:15px}.service-summary{gap:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:24px}.service-summary strong{font-size:clamp(21px,2vw,29px);overflow-wrap:anywhere;letter-spacing:-.6px}.service-summary span{font-size:14px}.service-actions button{font-size:15px}.tag{font-size:13px}.plot{border-radius:4px;padding:22px;background:var(--surface)}.plot .section-head{flex-wrap:wrap;gap:12px}.plot .section-head select{margin-left:auto}.plot svg .line{stroke:var(--blue);stroke-width:2}.plot svg .limit{stroke:#ae806e;opacity:.7}.plot svg .current-limit{stroke:#ff765f;stroke-width:1.5;stroke-dasharray:6 4}.traffic-totals strong{font-size:28px}.traffic-totals span,.traffic-detail,.analysis .windows{font-size:14px}.chart-loading{font-size:14px;color:var(--blue);flex-basis:100%;display:flex;align-items:center;gap:8px}.chart-loading:before{content:'';width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:chart-spin .8s linear infinite}.plot[aria-busy=true] svg{opacity:.65}.analysis{min-height:72px}.help-block,.instructions,.diagnostic{font-size:15px}.help-block{border-left-color:var(--blue)}.usage-history summary{font-size:16px}.usage-history td,.usage-history th{font-size:14px}.table-wrap{max-width:100%}.account{font-size:14px}.support-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.support-compose,.support-history{min-width:0}.support-compose{padding:24px;border:1px solid var(--line);background:var(--surface)}#support-form{padding:0;border:0}#support-form h3{margin-bottom:20px}#support-form textarea{min-height:160px}#upload-form .input-action{flex-wrap:wrap}#support-file{max-width:100%;font-size:14px}#upload-form button{width:100%}.support-history{padding:24px;border-top:3px solid var(--blue);background:var(--surface)}#messages{height:clamp(240px,48vh,520px);max-height:520px;padding-bottom:8px}.support-message{font-size:16px;max-width:94%;border-radius:4px}.support-message small{font-size:13px}.impersonation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;margin-bottom:24px;border:1px solid #ad7b16;background:var(--panel);font-size:15px}.balance-header p,table{font-size:16px}.payment-methods span{font-size:14px}.form-grid{grid-template-columns:minmax(0,1fr) 110px}.form-grid>div{min-width:0}.details-section>summary{font-size:18px}.spaced{scroll-margin-top:20px}@keyframes chart-spin{to{transform:rotate(360deg)}}
@media(max-width:1280px){.service-layout{grid-template-columns:1fr}#service-list{display:flex;gap:8px;overflow:auto;max-width:100%;padding-bottom:8px}.service-select{flex:0 0 215px;border:1px solid var(--line);border-left:3px solid transparent}.service-select.selected{border-left-color:var(--blue)}.support-layout{gap:20px;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr)}.service-summary{gap:16px}}
@media(max-width:1000px){.sidebar{width:200px;padding:26px 16px}main{margin-left:200px;padding:26px 24px}.header-actions{gap:8px}.header-actions button{font-size:14px;padding:10px 12px}.support-layout{grid-template-columns:1fr}.support-history{grid-row:auto}.support-compose{padding:20px}.balance-header{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{position:static;width:auto;padding:20px;border-bottom:1px solid var(--line)}.brand span{display:inline;margin-left:12px}.sidebar nav{display:flex;margin-top:18px;overflow:auto;gap:8px}.sidebar nav button{font-size:15px;min-height:46px;white-space:nowrap}.sidebar nav button.selected{border-left:0;border-bottom:3px solid var(--blue)}.account{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.account span{margin-right:auto}main{margin:0;padding:26px 20px}header{gap:20px;flex-wrap:wrap}.header-actions{justify-content:flex-start}.service-layout{grid-template-columns:1fr}.support-layout{grid-template-columns:minmax(0,1fr)}.service-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.service-summary strong{font-size:22px}.plot{padding:18px}.traffic-totals strong{font-size:25px}.login h1{font-size:44px}}
@media(max-width:480px){:root{font-size:16px}main{padding:24px 16px}.sidebar{padding:18px 16px}.brand span{font-size:12px}.service-summary{grid-template-columns:1fr 1fr;gap:18px}.service-summary>div:last-child{grid-column:1/-1}.service-actions button{min-width:140px}.plot{padding:14px}.plot .section-head h3{font-size:18px}.traffic-totals>div{min-width:120px}.traffic-totals strong{font-size:24px}.header-actions{width:100%}.header-actions button{font-size:14px}.support-compose,.support-history{padding:18px}.form-grid{grid-template-columns:minmax(0,1fr) 90px}}
@media(prefers-reduced-motion:reduce){.chart-loading:before{animation:none}}

:root[data-theme=auto] .primary{background:var(--accent);border-color:var(--accent);color:#172000}

.connection-summary{padding:16px;margin:14px 0;background:var(--panel);border-left:3px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.connection-summary.ok{border-left-color:var(--green)}.connection-summary.error{border-left-color:#d35b4b}.connection-summary p{flex-basis:100%;font-size:15px}.website-check{padding:16px 0;border-bottom:1px solid var(--line)}.website-check summary{cursor:pointer;min-height:44px;font-size:15px;color:var(--muted);padding:8px 0}.website-check p{margin:8px 0;font-size:15px}.traffic-period{flex-basis:100%;font-size:15px;font-weight:600;color:var(--ink);border-top:1px solid var(--line);padding-top:14px}.traffic-period span{display:block;margin-top:4px;font-weight:400;color:var(--muted)}.usage-history>p{font-size:14px;margin:10px 0}.usage-history td:first-child{min-width:230px}.usage-history td{white-space:nowrap}.lifetime-traffic{padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

.root-monitoring{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 0;font-size:15px}.root-resources{padding:24px 0;border-top:1px solid var(--line);margin-top:24px}.root-resources dl{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:12px 20px;margin:20px 0}.root-resources dt{color:var(--muted);font-size:15px}.root-resources dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.root-resources p{font-size:15px}@media(max-width:480px){.root-resources dl{grid-template-columns:minmax(0,1fr);gap:5px}.root-resources dd{margin-bottom:12px}}

/* Mobile service tasks: choose a service, renew it, then inspect traffic. */
.account-menu{margin-top:auto;padding-top:24px;position:relative}.account-menu>summary{cursor:pointer;min-height:44px;padding:10px 0;overflow-wrap:anywhere;font-size:14px}.account-menu .account{margin-top:8px;gap:8px}.account-menu .account button{width:100%;justify-content:flex-start}.account-menu .account a{font-size:14px}#service-picker{display:none}.service-options,.traffic-analysis{border-top:1px solid var(--line);margin-top:18px;padding:4px 0;scroll-margin-top:20px}.service-options>summary,.traffic-analysis>summary,.root-resources>summary,.attachment>summary{min-height:48px;padding:12px 0;cursor:pointer;font-size:16px;font-weight:600}.service-options .service-actions{margin-top:8px}.traffic-analysis .analysis{min-height:0;padding-top:8px}.traffic-detail[hidden]{display:none}.traffic-detail{min-height:0;border:0}.traffic-current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;flex-basis:100%;border-bottom:1px solid var(--line);padding-bottom:16px}.traffic-current>div{display:flex;gap:12px;align-items:baseline;min-width:0}.traffic-current strong{font-size:30px}.traffic-current span{font-size:14px}.traffic-current small{grid-column:1/-1;font-size:13px}.traffic-totals>div:not(.traffic-current){min-width:0}.traffic-totals>div:not(.traffic-current) strong{font-size:23px}.plot .traffic-period{font-size:13px;font-weight:400;border:0;padding:0;flex-basis:100%;color:var(--muted);margin-top:-8px}.traffic-period span{font-size:13px}.traffic-period span:not(:last-child){margin-bottom:4px}.plot .traffic-totals{gap:16px;margin:12px 0}.plot .section-head{margin-bottom:12px}.plot svg{margin-top:10px}.plot>.muted{font-size:13px}.usage-history summary{font-size:16px}.usage-history>p{font-size:13px}.root-resources{padding:4px 0;margin-top:16px}.root-resources[open]{padding-bottom:20px}.attachment{margin-top:16px;border-top:1px solid var(--line)}.attachment summary{font-size:15px;font-weight:500}.attachment #upload-form{margin-top:8px}.header-actions #buy{font-weight:600}.support-compose textarea{min-height:120px}#support-form textarea{min-height:120px}.impersonation{font-size:14px}.impersonation button{font-size:14px}summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}#service-content>details{scroll-margin-top:20px}
@media(max-width:800px){
 :root{font-size:16px}.sidebar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;min-height:62px;z-index:20}.sidebar>.brand{font-size:22px;letter-spacing:-.6px}.sidebar>.brand span{display:none}.sidebar nav{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);overflow:visible}.sidebar nav button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 4px;font-size:14px;border:0;border-radius:4px;color:var(--muted);background:transparent;white-space:nowrap}.sidebar nav button.selected{border:0;background:var(--selected);color:var(--ink);box-shadow:inset 0 2px var(--blue)}
 .account-menu{margin:0;padding:0;position:static;max-width:48%}.account-menu>summary{font-size:13px;min-height:44px;max-width:145px;padding:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu[open] .account{position:absolute;z-index:45;top:54px;right:12px;width:min(240px,calc(100vw - 24px));margin:0;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);display:grid;gap:8px}.account-menu .account button,.account-menu .account a{min-height:44px;font-size:15px}main{margin:0;padding:18px 16px calc(90px + env(safe-area-inset-bottom));max-width:none}header{flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--line)}h1{font-size:26px;letter-spacing:-.7px}h2{font-size:21px;line-height:1.3}h3{font-size:18px}header .header-actions{width:auto;flex:0 0 auto;gap:0}#balance-shortcut{display:none}.header-actions #buy{flex:none;font-size:13px;min-height:42px;padding:9px 11px;background:transparent;border-color:var(--line)}
 #service-list{display:none}#service-picker:not([hidden]){display:block;width:100%;max-width:100%;font-size:15px;padding:10px 12px;margin:0 0 18px;min-height:46px;background:var(--surface)}.service-layout{display:block}.service-top{align-items:center;gap:10px;flex-wrap:wrap}.service-top h2{font-size:21px;overflow-wrap:anywhere;flex:1;min-width:0}.service-top>.tag{flex:0 0 auto;font-size:11px}.service-subtitle{font-size:12px;margin-top:5px}.service-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:0 0 16px;margin:18px 0 0}.service-summary>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:10px}.service-summary strong{font-size:21px;letter-spacing:-.4px;line-height:1.3}.service-summary span{font-size:12px;margin-top:4px;display:block}.service-summary>div:last-child strong{font-size:17px}.service-summary>div:last-child span{margin:0}.service-actions{gap:8px;margin:16px 0}.service-actions>button{flex:1;min-width:0;min-height:46px;font-size:15px;padding:10px 12px}.service-actions>button.primary{flex:1.3}.service-options .service-actions{display:grid;grid-template-columns:1fr 1fr}.service-options .service-actions button{font-size:14px;min-width:0}.service-options,.details-section{margin-top:12px;padding-top:3px}.details-section>summary,.service-options>summary{font-size:16px}.details-section>summary{padding:10px 0}.plot{padding:14px;margin:16px 0;border-radius:4px}.plot .section-head{gap:10px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.plot .section-head select{font-size:14px;min-height:42px;padding:8px 10px}.plot .section-head h3{font-size:18px}.chart-loading{font-size:12px}.plot .traffic-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin:0 0 12px}.traffic-totals .traffic-current{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding-bottom:12px}.traffic-current>div{display:block}.traffic-current strong{font-size:28px;line-height:1.2;letter-spacing:-.6px}.traffic-current span{font-size:12px;margin-top:3px}.traffic-current small{font-size:11px;line-height:1.4}.traffic-totals>div:not(.traffic-current){min-width:0;display:block}.traffic-totals>div:not(.traffic-current) strong{font-size:18px;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}.traffic-totals>div:not(.traffic-current) span{font-size:11px;line-height:1.4;margin-top:4px}.plot .traffic-period{grid-column:1/-1;font-size:11px;line-height:1.5;margin:0}.traffic-period span{font-size:11px}.plot>.muted{font-size:11px;line-height:1.5}.plot svg{min-height:140px;margin:8px 0}.traffic-detail{padding:8px 0;font-size:13px;min-height:0}.traffic-analysis{margin-top:8px}.traffic-analysis>summary,.usage-history>summary{font-size:14px;min-height:44px;padding:11px 0}.traffic-analysis .analysis{font-size:13px}.analysis strong{font-size:14px}.analysis small{font-size:12px}.usage-history{margin-top:0;padding-top:0}.usage-history td,.usage-history th{font-size:12px;padding:10px 8px}.usage-history>p{font-size:12px}.root-monitoring{padding:0;margin:8px 0;font-size:12px;gap:8px}.root-monitoring .tag{font-size:11px}.root-resources>summary{font-size:16px}.root-resources dl{font-size:14px}.root-resources dt,.root-resources p{font-size:13px}.help-block{font-size:14px;padding:10px 12px;margin:12px 0}.help-block p{margin:6px 0}.empty-state{padding:20px 0 40px}.empty-state h2{font-size:22px}.empty-state p{font-size:15px}.empty-state .signal-mark{font-size:36px;margin-bottom:18px}.balance-header{padding:0 0 24px;margin-bottom:22px;gap:22px}.balance-header strong{font-size:42px}.balance-header p{font-size:14px;margin-top:10px}.balance-header .eyebrow{font-size:13px}#balance h2{font-size:19px}#balance>.muted{font-size:13px}table{font-size:13px}.table-wrap{max-width:100%}.support-layout{gap:16px}.support-history{grid-row:1;padding:14px;border-top-width:2px}.support-history h3{font-size:16px}.support-compose{grid-row:2;padding:14px}.support-message{font-size:14px;padding:12px;max-width:95%}.support-message small{font-size:11px}#messages{height:auto;max-height:32vh;min-height:80px;padding-bottom:0}#support .section-head{margin-bottom:16px;gap:10px}#support .section-head p,#support .section-head a{font-size:13px}#support-form textarea{min-height:105px;font-size:16px}#support-form button{width:100%}.attachment{margin-top:12px}.attachment summary{font-size:14px}.attachment small{font-size:12px}.account a{display:flex!important}dialog{padding:18px;max-height:calc(100dvh - 32px);width:min(560px,calc(100% - 24px));overflow:auto}dialog h2{font-size:21px}.dialog-top{gap:10px;margin-bottom:16px}dialog label,dialog small,dialog p{font-size:14px}.dialog-actions{gap:8px;margin-top:20px}.dialog-actions button{flex:1}.payment-methods{gap:10px}.payment-methods span{font-size:13px}.periods label{padding:12px 5px;font-size:12px}.periods strong{font-size:16px}.form-grid{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.form-grid input,.form-grid select{font-size:16px}.impersonation{padding:12px;gap:8px;font-size:12px;line-height:1.4;margin-bottom:16px}.impersonation button{font-size:12px;min-height:38px;padding:8px 10px}.input-action{flex-wrap:wrap}.input-action button{width:100%}body:has(dialog[open]) .sidebar nav{z-index:0}body:has(textarea:focus) .sidebar nav{display:none}#notice{font-size:14px;padding:12px;margin-bottom:16px}
}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.sidebar{padding-left:12px;padding-right:12px}.sidebar>.brand{font-size:20px}.account-menu>summary{max-width:120px}h1{font-size:24px}.header-actions #buy{font-size:12px;padding:8px}.service-top h2{font-size:19px}.service-summary strong{font-size:19px}.plot{padding:12px}.traffic-totals>div:not(.traffic-current) strong{font-size:16px}.traffic-current strong{font-size:25px}}

@media(max-width:800px){#services:has(#service-picker:not([hidden])) .service-top{display:none}.service-top{display:block}.service-top .tag{margin-top:6px}.header-actions #buy,.plot .section-head select{min-height:44px}.service-actions:has(+.root-monitoring)>button:not(.primary){display:none}}

@media(max-width:800px){.usage-history table{table-layout:fixed;width:100%}.usage-history th:nth-child(2),.usage-history td:nth-child(2),.usage-history th:nth-child(3),.usage-history td:nth-child(3){display:none}.usage-history th:first-child,.usage-history td:first-child{width:48%;min-width:0;white-space:normal}.usage-history td,.usage-history th{font-size:11px;padding:10px 5px;white-space:normal}.usage-history .table-wrap{max-height:440px}.service-options .service-actions button{overflow-wrap:anywhere;white-space:normal}}
.traffic-totals>.traffic-current{flex:0 0 100%;min-width:0}

@media(max-width:800px){.impersonation button{min-height:44px}body:has(input:focus):not(:has(dialog[open])) .sidebar nav{display:none}}
.invoice-row a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:800px){#support .section-head a,.support-message a,#payment-status a,#notice a{display:inline-flex;align-items:center;min-height:44px}}

@media(max-width:800px){html{scroll-padding-bottom:90px}button,input,textarea,select,summary{scroll-margin-bottom:90px;scroll-margin-top:16px}}

.payment-methods button.payment-preferred{background:#2666b1;border-color:#417dbf;color:#fff}
.payment-methods button.payment-preferred span{color:inherit}
.payment-methods button.payment-preferred:hover{background:#20599d}

/* Browser login and role navigation share the existing cabinet palette. */
.login-home{display:inline-block;margin-top:28px;font-size:14px}.role-link{display:block;padding:12px 10px;margin-top:12px;font-size:14px;text-decoration:none;border-top:1px solid var(--line)}[data-login-fallback]{margin-top:16px}