:root{color-scheme:dark;--bg:#080b12;--surface:#0f1422;--surface2:#151c2d;--text:#f5f7ff;--muted:#9ca8bf;--quiet:#6f7d98;--border:#273148;--accent:#8ea6ff;--success:#63d6a1;--danger:#ff8793;--warning:#efb96d;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 0,rgba(61,83,153,.18),transparent 34rem),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}header,main,footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:11px}.brand .mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#11182a;color:var(--accent);font-size:22px;font-weight:800}.brand div{display:grid}.brand b{font-size:15px}.brand small{color:var(--quiet);font-size:11px}.badges{display:flex;gap:8px}.badges span,.pill{padding:6px 9px;border:1px solid #40517d;border-radius:999px;color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.06em}.badges .private,.pill.neutral{border-color:var(--border);color:var(--quiet)}
main{padding:74px 0 92px}.heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:48px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:11px;font-weight:760;letter-spacing:.11em;text-transform:uppercase}h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:1.04;letter-spacing:-.057em}h2{margin:0;font-size:24px;letter-spacing:-.035em}h3{margin:0;font-size:15px}.sign-in{width:min(620px,100%);margin:80px auto;padding:34px;border:1px solid var(--border);border-radius:20px;background:rgba(15,20,34,.78);box-shadow:0 30px 90px rgba(0,0,0,.3)}.sign-in h1{font-size:clamp(38px,7vw,58px)}.sign-in p:not(.eyebrow){margin:18px 0 28px;color:var(--muted);font-size:13px;line-height:1.65}.sign-in #sign-in-status{margin:16px 0 0;color:var(--quiet);font-size:11px}
.service-state{min-width:220px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(15,20,34,.72)}.service-state>span{width:9px;height:9px;border-radius:50%;background:var(--quiet)}.service-state>span.ready{background:var(--success);box-shadow:0 0 0 5px rgba(99,214,161,.1)}.service-state>span.failed{background:var(--danger)}.service-state div{display:grid;gap:2px}.service-state b{font-size:13px}.service-state small{color:var(--quiet);font-size:10px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:rgba(15,20,34,.58)}.metrics article{min-width:0;padding:24px}.metrics article+article{border-left:1px solid var(--border)}.metrics p{margin:0;color:var(--muted);font-size:12px}.metrics strong{display:block;margin:20px 0 7px;font-size:34px;letter-spacing:-.04em}.metrics small{color:var(--quiet);font-size:10px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:25px;border:1px solid var(--border);border-radius:18px;background:rgba(15,20,34,.58)}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.panel-title p:not(.eyebrow){margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.pill{border-color:#2f6954;color:var(--success)}.pill.warning{border-color:#745a36;color:var(--warning)}dl{margin:28px 0 0}dl div{display:flex;justify-content:space-between;gap:30px;padding:14px 0;border-top:1px solid var(--border)}dt{color:var(--muted);font-size:12px}dd{margin:0;font:650 12px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span{padding:6px 8px;border-radius:7px;background:var(--surface2);color:var(--quiet);font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}
.support{margin-top:18px}.support-title{align-items:end}.search{display:flex;gap:8px;width:min(460px,100%)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#0a0e18;color:var(--text);outline:none}.search input{padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.search button,.button-row button,.ghost,.danger{border:1px solid #40517d;border-radius:10px;padding:11px 15px;background:#1d2a4b;color:#dce4ff;font-weight:700;white-space:nowrap}.search button:hover,.button-row button:hover{background:#263761}.status{min-height:18px;margin:18px 0 0;color:var(--quiet);font-size:11px}.results{display:grid;gap:8px}.result{display:grid;grid-template-columns:1fr auto;gap:20px;width:100%;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left}.result:hover{border-color:#40517d}.result b{display:block;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.result small{display:block;margin-top:6px;color:var(--quiet)}.result span{color:var(--muted);font:650 11px ui-monospace,SFMono-Regular,Menlo,monospace}
.account{margin-top:18px;scroll-margin-top:20px}.account h2{font:700 17px ui-monospace,SFMono-Regular,Menlo,monospace}.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.ghost:hover{border-color:#40517d;color:var(--text)}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0;border:1px solid var(--border);border-radius:14px;overflow:hidden}.account-metrics div{padding:18px}.account-metrics div+div{border-left:1px solid var(--border)}.account-metrics small{display:block;color:var(--quiet);font-size:10px}.account-metrics b{display:block;margin-top:9px;font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-columns>section,.audit,.controls{padding:20px;border:1px solid var(--border);border-radius:14px;background:rgba(8,11,18,.35)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title span{color:var(--quiet);font-size:10px}.item-list{display:grid;gap:8px}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.item b{display:block;font-size:12px}.item small{display:block;margin-top:4px;color:var(--quiet);font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.item .state{color:var(--success);font-size:10px}.item .state.off{color:var(--quiet)}.item button{padding:7px 9px;border:1px solid #603844;border-radius:8px;background:transparent;color:var(--danger);font-size:10px}.empty{padding:18px;color:var(--quiet);font-size:11px;text-align:center}.controls{margin-top:18px}.controls>div:first-child p:last-child,.danger-zone p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.danger{border-color:#603844;background:#311923;color:#ffb3bb}.danger:hover{background:#43202c}.audit{margin-top:18px}.audit .item{align-items:start}.audit .item small{font-family:inherit}.audit code{font-size:10px;color:var(--muted)}
dialog{width:min(520px,calc(100% - 28px));border:1px solid var(--border);border-radius:18px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 40px 120px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}dialog form{display:grid;gap:17px;padding:26px}dialog form>div:first-child p:last-child{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.6}dialog label{display:grid;gap:7px;color:var(--muted);font-size:11px}dialog input,dialog select,dialog textarea{padding:11px 12px;resize:vertical}.hint{margin:0;color:var(--quiet);font-size:10px}.hint code{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}#toast{position:fixed;right:22px;bottom:22px;z-index:10;max-width:360px;padding:12px 15px;border:1px solid #315c4b;border-radius:11px;background:#12261f;color:#a9ebd0;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{border-color:#603844;background:#311923;color:#ffb3bb}
footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0 42px;border-top:1px solid var(--border);color:var(--quiet);font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.heading{align-items:start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(3){border-left:0}.metrics article:nth-child(n+3){border-top:1px solid var(--border)}.columns,.account-columns{grid-template-columns:1fr}.support-title{align-items:start;flex-direction:column}.search{margin-top:16px}.account-metrics{grid-template-columns:1fr 1fr}.account-metrics div:nth-child(3){border-left:0}.account-metrics div:nth-child(n+3){border-top:1px solid var(--border)}}
@media(max-width:520px){header,main,footer{width:calc(100% - 28px)}.badges span:first-child{display:none}main{padding-top:52px}.metrics{grid-template-columns:1fr}.metrics article+article{border-left:0;border-top:1px solid var(--border)}.search{flex-direction:column}.account-metrics{grid-template-columns:1fr}.account-metrics div+div{border-left:0;border-top:1px solid var(--border)}.danger-zone{align-items:start;flex-direction:column}.panel{padding:19px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}
:is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.dialog-actions button:not(.ghost):not(.danger){border:1px solid #40517d;border-radius:10px;padding:11px 15px;background:#1d2a4b;color:#dce4ff;font-weight:700}
button:disabled{cursor:default;opacity:.6}
#mutation-status{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
#credit-amount-help{color:var(--muted);line-height:1.6}

.billing-diagnostics{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.billing-diagnostics dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.billing-diagnostics dl>div{min-width:0}.billing-diagnostics dt{color:var(--muted);font-size:11px}.billing-diagnostics dd{margin:7px 0 0;font-size:13px;overflow-wrap:anywhere}