:root{color-scheme:dark;--color-bg: #0f1216;--color-surface: #171c23;--color-surface-raised: #1f2630;--color-border: #2a323e;--color-text: #e6e9ee;--color-text-muted: #9aa4b2;--color-accent: #4f8ef7;--color-ok: #3fb96b;--color-warn: #e0a63a;--color-bad: #e05a4e;--color-leased: #b07fe0;--color-unknown: #6b7480;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 8px;--font-stack: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-stack);font-size:15px;line-height:1.45}a{color:var(--color-accent);text-decoration:none}.app-shell{max-width:1100px;margin:0 auto;padding:var(--space-6)}.app-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.app-header h1{font-size:1.4rem;margin:0}.app-nav{display:flex;gap:var(--space-4)}.app-nav a{color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.app-nav a.active{color:var(--color-text);background:var(--color-surface-raised)}.app-user{display:flex;align-items:center;gap:var(--space-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.provider-section{margin-bottom:var(--space-8)}.provider-section h2{margin:0 0 var(--space-3);font-size:1.1rem;text-transform:capitalize}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.account-card{display:flex;flex-direction:column;gap:var(--space-2)}.account-card__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.account-card__label{font-weight:600}.account-card__meta{color:var(--color-text-muted);font-size:.85rem}.window-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--space-2);font-size:.85rem}.progress{height:8px;background:var(--color-surface-raised);border-radius:4px;overflow:hidden}.progress__fill{height:100%;border-radius:4px;transition:width .3s ease}.progress__fill--ok{background:var(--color-ok)}.progress__fill--warn{background:var(--color-warn)}.progress__fill--bad{background:var(--color-bad)}.badge{display:inline-block;padding:0 var(--space-2);border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6;white-space:nowrap;border:1px solid transparent}.badge--ok{color:var(--color-ok);border-color:var(--color-ok)}.badge--warn{color:var(--color-warn);border-color:var(--color-warn)}.badge--bad{color:var(--color-bad);border-color:var(--color-bad)}.badge--leased{color:var(--color-leased);border-color:var(--color-leased)}.badge--unknown{color:var(--color-unknown);border-color:var(--color-unknown)}.badge--live{color:var(--color-ok);border-color:var(--color-ok)}.live-dot{display:inline-block;width:.5em;height:.5em;margin-right:var(--space-1, .25rem);border-radius:50%;background:currentColor;animation:live-dot-pulse 1.5s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.25}}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.table th{background:var(--color-surface-raised);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.table tr:last-child td{border-bottom:none}.btn{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-size:.85rem;cursor:pointer}.btn:hover{border-color:var(--color-accent)}.btn--danger:hover{border-color:var(--color-bad);color:var(--color-bad)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.gate,.error-banner{max-width:380px;margin:15vh auto 0;display:flex;flex-direction:column;gap:var(--space-3)}.gate{background:color-mix(in srgb,var(--color-bad) 15%,transparent);border:1px solid var(--color-bad);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);align-items:end}.filter-bar label{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--color-text-muted)}.filter-bar select,.filter-bar input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:var(--space-2) var(--space-3);font-size:.95rem}.spend-strip{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.spend-strip h2{margin:0 0 var(--space-2);font-size:1rem}.spend-strip__row{display:grid;grid-template-columns:6rem 1fr 7rem;gap:var(--space-3);align-items:center}.spend-strip__label{text-transform:capitalize}.spend-strip__bar{background:var(--color-surface-raised);border-radius:var(--radius);height:.75rem;overflow:hidden}.spend-strip__fill{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius)}.spend-strip__value{text-align:right;font-variant-numeric:tabular-nums}.reauth-panel{margin-bottom:var(--space-4)}.reauth-panel h2{margin:0 0 var(--space-3);font-size:1.1rem}.reauth-panel h3{margin:0 0 var(--space-2);font-size:.95rem}.reauth-panel__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:800px){.reauth-panel__body{grid-template-columns:1fr}}.otp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.otp-list__item{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.otp-list__meta{display:flex;justify-content:space-between;gap:var(--space-2)}.otp-code{font-size:1.1rem;letter-spacing:.1em;background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1) var(--space-2);align-self:start}.enroll-steps{margin:0;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.enroll-steps code{background:var(--color-surface-raised);border-radius:var(--radius);padding:0 var(--space-1)}.konten-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.wizard{max-width:560px}.wizard__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.wizard__head h2{margin:0;font-size:1.1rem}.wizard__form{display:flex;flex-direction:column;gap:var(--space-3)}.wizard__field{display:flex;flex-direction:column;gap:var(--space-1)}.wizard__label{font-size:.85rem;color:var(--color-text-muted)}.wizard__field input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:var(--space-2) var(--space-3);font-size:.95rem}.wizard__providers{display:flex;gap:var(--space-3);flex-wrap:wrap}.wizard__provider{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer}.wizard__error{color:var(--color-bad);font-size:.85rem}.wizard__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2)}.wizard__linkbox{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.wizard__url{word-break:break-all;font-size:.9rem}.wizard__usercode code{font-size:1.2rem;letter-spacing:.1em;background:var(--color-surface-raised);border-radius:var(--radius);padding:var(--space-1) var(--space-2)}.wizard__success{color:var(--color-ok);font-weight:600}.hint{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.view-actions{margin-bottom:var(--space-4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);width:min(480px,90vw)}.modal h2{margin-top:0}.modal .error-banner{margin:0 0 var(--space-4);max-width:none}.form-grid{display:flex;flex-direction:column;gap:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem}.form-field input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:var(--space-2) var(--space-3);font-size:.9rem}.form-field input:focus{outline:none;border-color:var(--color-accent)}.form-field--checkbox{flex-direction:row;align-items:center;gap:var(--space-2)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.row-actions{display:flex;gap:var(--space-2)}.test-result{margin-top:var(--space-2);font-size:.85rem}.test-result--ok{color:var(--color-ok)}.test-result--error{color:var(--color-bad)}