:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:light-dark(#f6f6f8,#141417);--surface:light-dark(#fff,#202025);--text:light-dark(#24242a,#f1f1f5);--muted:light-dark(#81818c,#a0a0ab);--line:light-dark(#e7e7ec,#35353e);--accent:light-dark(#7855d7,#c1a7ff);--track:light-dark(#ede8f8,#3c3158);--green:light-dark(#25cd58,#32e66b);--danger:light-dark(#c65b5b,#ef8b8b);--warning:light-dark(#af8740,#e2bc75);background:var(--bg);color:var(--text);font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,select{border:1px solid var(--line);background:var(--surface);border-radius:8px}button{padding:9px 14px;cursor:pointer}button:disabled{opacity:.55}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{max-width:1120px;margin:auto;padding:36px 28px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}h1{font-size:26px;font-weight:650;letter-spacing:-.035em;margin:0}h2{font-size:17px;font-weight:550;margin:0}.muted{font-size:12px;color:var(--muted)}.load-error{font-size:12px;color:var(--danger)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.metric{padding:22px;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.account-metric{background:light-dark(#fcfaff,#25212d)}.account-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ring-item{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.ring-item h2{font-size:16px;color:var(--muted);margin-bottom:10px;white-space:nowrap}.ring{position:relative;width:142px;max-width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ring svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ring circle{fill:none;stroke-width:11}.ring-track{stroke:var(--track)}.ring-fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:80px 80px;transition:stroke-dashoffset .35s}.ring strong{position:relative;font-size:29px;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.ring-caption{font-size:17px;font-weight:500;margin-top:10px;font-variant-numeric:tabular-nums;min-height:18px}.balance-link:hover .ring-fill{filter:brightness(.96)}.local-usage{font-size:12px;color:var(--muted);margin-top:6px;min-height:15px;font-variant-numeric:tabular-nums}.metric-value{font-size:39px;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:21px;line-height:1.15;overflow-wrap:anywhere}.cloud-metric{display:flex;flex-direction:column;justify-content:center;gap:21px}.cloud-metric h2{font-size:17px}.cloud-account,.cloud-outbound{display:flex;flex-direction:column;gap:8px}.cloud-metric span{font-size:11px;color:var(--muted)}.cloud-metric strong{font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.panel{margin-bottom:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);column-gap:28px}.service-row{display:flex;align-items:center;gap:11px;padding:16px 1px;min-height:64px;border-bottom:1px solid var(--line);min-width:0}.service-row[href]:hover .service-name{color:var(--accent)}.service-indicator{height:7px;width:7px;border-radius:50%;flex:none;background:var(--muted)}.service-indicator.online{background:var(--green)}.service-indicator.offline{background:var(--danger)}.service-indicator.degraded{background:var(--warning)}.service-copy{flex:1;min-width:0}.service-name{font-size:16px;font-weight:500;line-height:1.5}.service-arrow{color:var(--muted);font-size:15px;margin-left:4px;flex:none}.empty-state{padding:24px 0;text-align:center;color:var(--muted);font-size:12px}.services .empty-state{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6;text-align:right;font-variant-numeric:tabular-nums}th{font-weight:400;color:var(--muted);font-size:11px;white-space:nowrap}th,td{padding:11px 8px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left;padding-left:0}th:last-child,td:last-child{padding-right:0}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:22px}.metric-top h2{font-size:12px;color:var(--muted)}.metric-foot{font-size:12px;color:var(--muted);margin-top:12px}.cloud-page .summary{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-page .metric-value{font-size:29px;margin-top:14px}
@media(max-width:900px){.summary{grid-template-columns:1fr}.account-metric{grid-column:auto}.account-pair{justify-content:center;grid-template-columns:repeat(2,minmax(0,180px));gap:42px}.cloud-metric{min-height:164px}.metric-value{font-size:36px}}
@media(max-width:480px){main{padding:24px 16px 18px}.page-header{margin-bottom:22px}h1{font-size:24px}.summary{gap:10px}.metric{padding:18px 15px;border-radius:15px}.account-pair{grid-template-columns:1fr 1fr;gap:14px}.ring{width:126px}.ring strong{font-size:26px}.ring-item h2{font-size:15px}.ring-caption{font-size:15px}.metric-value{font-size:32px}.cloud-metric{gap:14px}.cloud-metric h2{font-size:16px}.cloud-metric span{font-size:10px}.cloud-metric strong{font-size:18px}.services{grid-template-columns:1fr}.service-row{min-height:59px;padding:13px 1px}.cloud-page .summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-page .summary>.metric:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.services{display:block}.service-item{border-bottom:1px solid var(--line)}.service-row{list-style:none;border:0;cursor:pointer;padding:19px 1px;min-height:66px}.service-row::-webkit-details-marker{display:none}.service-row::marker{content:''}.service-row .service-name{flex:1}.service-row:hover .service-name{color:var(--accent)}.service-row .service-arrow{font-size:23px;transition:transform .15s}.service-item[open]>.service-row .service-arrow{transform:rotate(90deg)}.service-content{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0 0 18px}.service-frame{display:block;width:100%;border:0;overflow:hidden;color-scheme:light dark}.billing-config{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.billing-config>summary{cursor:pointer;font-size:16px;font-weight:550}.billing-config>.service-frame{margin-top:18px}.endpoint-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.endpoint-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.endpoint-list dt{color:var(--muted);font-size:15px}.endpoint-list dd{margin:0;font-variant-numeric:tabular-nums}.native-content table{font-size:16px}.native-content th{font-size:14px}.service-content .service-indicator{display:inline-block}.service-item>summary:focus-visible,.billing-config>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:600px){.service-content{padding:16px 12px}.endpoint-list{grid-template-columns:1fr;gap:18px}.endpoint-list dd{font-size:15px}}

.service-row{gap:20px;padding-left:2px;padding-right:8px}.service-row>.service-indicator{width:10px;height:10px;margin-right:5px;box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 10%,transparent)}.service-row>.service-indicator.online{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.service-row>.service-indicator.offline{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.service-row>.service-indicator.degraded{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 14%,transparent)}.service-row .service-arrow{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 2px 5px 4px}.service-item[open]>.service-row .service-arrow{transform:rotate(225deg);margin-bottom:-3px}

.ring{--ring-color:var(--muted)}.ring[data-level="green"]{--ring-color:var(--green)}.ring[data-level="yellow"]{--ring-color:light-dark(#efb600,#ffd03d)}.ring[data-level="red"]{--ring-color:light-dark(#f04452,#ff6673)}.ring .ring-fill{stroke:var(--ring-color);transition:stroke-dashoffset .35s,stroke .2s}.ring .ring-track{stroke:color-mix(in srgb,var(--ring-color) 15%,var(--surface))}

.public-toggle{display:flex;align-items:center;gap:14px;font-size:16px;cursor:pointer;white-space:nowrap}.public-toggle[hidden]{display:none}.public-toggle input{appearance:none;width:46px;height:28px;border:0;border-radius:20px;background:var(--line);position:relative;cursor:pointer;margin:0;transition:background .15s}.public-toggle input:before{content:'';position:absolute;width:22px;height:22px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.public-toggle input:checked{background:var(--green)}.public-toggle input:checked:before{transform:translateX(18px)}.public-toggle input:disabled{opacity:.45;cursor:wait}.no-action{cursor:default}.endpoint-list{grid-template-columns:1fr;gap:15px}.public-status-only{color:var(--muted);font-size:15px}@media(max-width:480px){.public-toggle{font-size:14px;gap:8px}.public-toggle input{flex:none}}

.phone-setup-link{display:inline-block;margin-top:16px;color:var(--accent);font-size:15px}
.maintenance-list{display:flex;flex-direction:column}.maintenance-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-size:16px;border-bottom:1px solid var(--line)}.maintenance-item:first-child{padding-top:0}.maintenance-item:last-child{padding-bottom:0;border-bottom:0}.maintenance-item .service-indicator{width:10px;height:10px;flex:none}

.traffic-ring strong{font-size:21px}@media(max-width:480px){.traffic-ring strong{font-size:18px}}

.ring-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ring-center .local-usage{margin-top:0;min-height:0}.service-static{cursor:default}.service-static:hover .service-name{color:inherit}



body[data-readonly="true"] .service-row{display:grid;grid-template-columns:minmax(0,1fr) 10px 15px;column-gap:20px}body[data-readonly="true"] .service-row>.service-indicator{margin-right:0}body[data-readonly="true"] .service-row>.service-arrow{justify-self:center;margin-left:0;margin-right:0}

.service-link-arrow{width:15px;flex:none;text-align:center;color:var(--muted);font-size:16px}