:root{color-scheme:dark;--bg:#0e1117;--sidebar:#11151d;--panel:#151a23;--raised:#1a202c;--line:#272f3c;--text:#eff2f8;--muted:#97a4b8;--accent:#b3a8ff;--accent-bg:#2a2444;--green:#82d9b0;--red:#f6a1ab;--amber:#e8c586;--radius:12px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid transparent;border-radius:7px;background:var(--accent);color:#19142d;padding:10px 15px;font-size:12px;font-weight:650;line-height:1.5;transition:background .15s,border-color .15s}button:hover{background:#c5bcff}button:disabled{opacity:.48;cursor:not-allowed}button.ghost{color:#d1d9e7;border-color:#364153;background:transparent}button.ghost:hover{background:var(--raised);border-color:#536179}button.danger{color:#ffb2bb;background:#362029;border-color:#673744}button.mini{font-size:11px;padding:5px 9px}button.text-button{padding:3px 0;background:none;color:var(--accent);border:0}button.text-button:hover{text-decoration:underline}button.icon-button{background:none;color:var(--muted);border-color:var(--line);padding:8px;display:inline-grid;place-items:center}button.icon-button:hover{color:var(--text);background:var(--raised)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 18px;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:0 10px;color:var(--text);font-size:18px;font-weight:750;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:block;margin-top:1px;font-weight:550}.mark{position:relative;display:grid;place-items:center;background:var(--accent);width:34px;height:37px;border-radius:9px;color:#19152c;font-size:24px;font-weight:650;letter-spacing:-2px;padding-right:2px}.mark span{position:absolute;width:6px;height:6px;background:var(--sidebar);right:7px;bottom:9px;border-radius:1px}.nav-caption{margin:44px 12px 13px;font-size:9px;letter-spacing:1.7px;color:#73839a;font-weight:650}nav{display:flex;flex-direction:column;gap:5px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;color:var(--muted);text-align:left;font-size:13px;font-weight:500}.nav-link:hover{background:#1b222d;color:var(--text)}.nav-link[aria-current=page]{background:var(--accent-bg);color:#d2caff}.nav-link svg{flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:30px}.workspace-label{display:flex;align-items:center;gap:10px;padding:17px 7px;border-top:1px solid var(--line)}.avatar{width:31px;height:31px;border:1px solid #394359;border-radius:9px;background:#202838;display:grid;place-items:center;color:#c4cde0;font-size:10px;font-weight:700;flex-shrink:0}.workspace-label strong{display:block;font-size:11px;max-width:124px;overflow:hidden;text-overflow:ellipsis}.workspace-label small{display:block;color:var(--muted);font-size:10px}.workspace-label>.status-dot{margin-left:auto}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.status-dot.unused{background:var(--accent)}.status-dot.stopped{background:var(--amber)}button.signout{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 11px;background:none;border:1px solid var(--line);color:var(--muted);font-weight:500;font-size:11px}button.signout:hover{color:var(--text);background:var(--raised)}
main{margin-left:232px;padding:0 34px 25px;max-width:1800px;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs,.topbar-actions{display:flex;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.breadcrumbs strong{color:#dce3f0;font-weight:500}.divider{color:#485368}.role-tag,.currency-tag,.subtle-tag{font-size:10px;letter-spacing:.4px;color:var(--muted)}.role-tag{border:1px solid var(--line);border-radius:5px;padding:4px 9px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 26px;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--accent);font-weight:650;margin-bottom:7px}h1{font-size:29px;line-height:1.25;letter-spacing:-.8px;font-weight:650;margin:0 0 9px}h2{font-size:15px;letter-spacing:-.2px;font-weight:650;margin:0 0 4px}p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.currency-tag{white-space:nowrap}.currency-tag span{color:#566278;margin:0 5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;margin-bottom:20px;min-width:0}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.section-heading p{font-size:11px}.subtle-tag{font-size:8px;letter-spacing:1px;white-space:nowrap}.count-label{font-size:11px;color:var(--muted);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{padding:20px 22px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);min-width:0}.stat>span{display:block;color:#a5b1c3;font-size:11px}.stat strong{display:block;font-size:28px;letter-spacing:-.8px;font-weight:600;margin:11px 0 6px;overflow-wrap:anywhere}.stat small{font-size:10px;color:#798aa1}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.quick-action{display:flex;justify-content:space-between;align-items:center;padding:13px 0;width:100%;border-radius:0;background:none;color:#cbd5e7;border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.quick-action:hover{background:none;color:var(--accent)}.quick-action:last-child{border-bottom:0}.quick-action svg{width:16px;color:var(--muted)}.status-bars{display:flex;flex-direction:column;gap:18px;padding:6px 0 3px}.status-bars>div{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px}.status-bars span{color:#b7c2d4;display:flex;gap:8px;align-items:center}.status-bars strong{font-size:12px;font-weight:550}progress{grid-column:1/-1;width:100%;height:5px;border:0;border-radius:8px;background:#252d39;overflow:hidden;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#252d39;border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}#progress-active{accent-color:var(--green)}#progress-active::-webkit-progress-value{background:var(--green)}#progress-stopped{accent-color:var(--amber)}#progress-stopped::-webkit-progress-value{background:var(--amber)}
.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:20px;align-items:start}.side-stack{min-width:0}.side-stack .card{padding:22px}.align-start{align-self:start}.purchase-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:20px;max-width:1100px}.compact-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-card h2{font-size:13px}.compact-card p{font-size:11px}.stack-form{display:flex;flex-direction:column;gap:8px;margin-top:20px}.stack-form label{margin:5px 0 0}.stack-form small{font-size:10px;color:var(--muted);line-height:1.65}.stack-form>button,.stack-form>.actions{margin-top:10px}.form-grid{display:grid;grid-template-columns:minmax(180px,2fr) minmax(70px,.65fr) minmax(90px,.8fr) minmax(65px,.5fr) auto;gap:12px;align-items:end}.form-grid input,.form-grid select{width:100%}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields input,.two-fields select{width:100%;margin-top:8px}.field{min-width:0}label{display:block;color:#b5c0d2;font-size:11px;font-weight:500;margin-bottom:7px}input,select,textarea{width:100%;min-width:0;max-width:100%;padding:10px 11px;border:1px solid #343e4e;border-radius:6px;background:#101620;color:var(--text);outline:none;font-size:12px;line-height:1.6}input::placeholder,textarea::placeholder{color:#6b7c94}input:focus,select:focus,textarea:focus{border-color:#a194ed;box-shadow:0 0 0 3px #aaa0f412}select{cursor:pointer}textarea{font:11px/1.8 Consolas,monospace;resize:vertical}input:disabled,select:disabled{opacity:.45}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.issued{border-color:#4b436b}.issued textarea{margin:15px 0}.table-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px}.table-toolbar input{max-width:320px}.table-toolbar select{max-width:165px}.table-wrap{overflow-x:auto;min-width:0}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:500;color:#8d9db4;font-size:10px;padding:10px 10px 12px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:16px 10px;border-bottom:1px solid #252d39;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td:first-child{min-width:120px}td .actions{max-width:218px;min-width:165px;gap:6px}.identifier{display:block;font:10px/1.7 Consolas,monospace;color:#8192ac;margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;font-size:10px;line-height:1.4;padding:4px 8px;border-radius:5px;color:#b5c5f6;background:#242d44;border:1px solid #34405c}.badge.active{color:#93deb9;background:#1d302c;border-color:#284a3f}.badge.suspended,.badge.expired{color:#ecb09e;background:#362a28;border-color:#50403a}.badge.unused{color:#c4b8f5;background:#2a253c;border-color:#433b5e}.empty{text-align:center;color:var(--muted);padding:46px 15px;font-size:12px;white-space:normal}.positive{color:var(--green)}.negative{color:#d2c7fc}.mono{font-variant-numeric:tabular-nums}.footnote{font-size:10px;color:#8495ad;margin-top:18px;max-width:960px}.account-summary{display:flex;gap:12px;align-items:center;padding:3px 0 18px}.account-summary strong{font-size:15px;display:block;overflow-wrap:anywhere}.account-summary span:not(.avatar):not(.badge){display:block;font-size:10px;color:var(--muted)}.account-summary>.badge{margin-left:auto}.avatar.large{width:42px;height:42px;font-size:12px}.plan-preview>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.plan-preview>div:last-child{border-bottom:0}.plan-preview strong{display:block;font-size:12px;font-weight:550}.plan-preview small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.plan-preview button{background:none;color:var(--accent);font-weight:550;padding:8px 0}.order-total{margin-top:12px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px}.order-total strong{font-size:26px;letter-spacing:-.5px}.order-total small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.purchase-notes{list-style:none;counter-reset:step;padding:0;margin:24px 0 0}.purchase-notes li{position:relative;padding:0 0 23px 36px;counter-increment:step}.purchase-notes li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;font-size:10px;width:23px;height:23px;background:var(--accent-bg);color:var(--accent);border-radius:50%}.purchase-notes strong{display:block;font-size:12px;font-weight:550;margin-bottom:5px}.purchase-notes span{display:block;font-size:11px;color:var(--muted);line-height:1.75}.help-text{font-size:11px}details summary{cursor:pointer;color:#bac6d8;font-size:12px;font-weight:550}details[open] summary{margin-bottom:14px}
#message:empty{display:none}#message{margin:16px 0;padding:12px 16px;background:#172c25;border:1px solid #315344;color:#a3e6c3;border-radius:8px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#message.error{background:#322029;border-color:#67404d;color:#f5b2be}footer{padding:10px 0 0;color:#7f8fa8;font-size:10px;letter-spacing:.4px}footer span{padding:0 7px}dialog{max-width:470px;width:calc(100% - 32px);background:var(--panel);border:1px solid #45516a;border-radius:12px;padding:28px;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#04070dc9;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:8px 0 16px}dialog p{margin:14px 0}dialog .actions{justify-content:flex-end;margin-top:22px}dialog .stack-form{margin:0}.signed-out main{margin:0;padding:36px 24px;max-width:none;min-height:100vh}.signed-out footer{text-align:center}.signed-out #message{max-width:420px;margin:20px auto}.login-screen{max-width:420px;margin:5vh auto 30px}.login-brand{font-size:18px;letter-spacing:3px;font-weight:750;text-align:center;margin-bottom:30px}.login-brand span{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:7px}.login{padding:34px}.login h1{font-size:27px;margin-top:9px}.login>p{font-size:12px}.login form{display:flex;flex-direction:column;gap:10px;margin-top:26px}.login form>button{margin-top:12px}.login-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px!important;font-size:10px!important;line-height:1.8}.password-actions{display:flex;justify-content:space-between}.password-actions button{font-size:10px}.nav-overlay{position:fixed;inset:0;z-index:25;border:0;border-radius:0;background:#040810b3!important}#menu-toggle{display:none}
@media(min-width:1700px){main{padding-left:46px;padding-right:46px}.card{padding:27px}.split-layout{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1200px){.sidebar{width:208px;padding-left:13px;padding-right:13px}main{margin-left:208px;padding:0 24px 25px}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:25px}.split-layout{grid-template-columns:minmax(0,1fr)}.split-layout>.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.split-layout>.side-stack>.card{margin:0}.split-layout>.side-stack>.card:last-child{grid-column:1/-1;margin-bottom:20px}.split-layout>.align-start{max-width:540px;width:100%}.form-grid{grid-template-columns:2fr 1fr 1fr 1fr}.form-grid>button{grid-column:1/-1;justify-self:end}.overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.sidebar{width:224px;transform:translateX(-100%);transition:transform .18s}.menu-open .sidebar{transform:translateX(0)}main{margin-left:0;padding:0 22px 24px}#menu-toggle{display:inline-grid}.topbar{height:66px}.page-header{padding-top:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-layout{grid-template-columns:1fr}.currency-tag{font-size:9px}.role-tag{display:none}}
@media(max-width:560px){main{padding:0 16px 20px}.page-header{padding:24px 0 21px;align-items:flex-start}.page-header h1{font-size:25px}.page-header p{font-size:11px;max-width:280px}.currency-tag{display:none}.card{padding:18px;margin-bottom:16px}.section-heading{margin-bottom:18px;align-items:flex-start}.section-heading .subtle-tag{display:none}.stats{gap:10px;margin-bottom:16px}.stat{padding:15px}.stat strong{font-size:24px}.stat small{font-size:9px}.overview-grid{grid-template-columns:1fr;gap:0}.overview-grid>.card{margin-bottom:16px}.form-grid{grid-template-columns:1fr 1fr}.form-grid>.wide{grid-column:1/-1}.form-grid>button{justify-self:stretch}.split-layout{gap:0}.split-layout>.side-stack{display:block}.split-layout>.side-stack>.card{margin-bottom:16px}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar input,.table-toolbar select{max-width:none}.section-heading>button{font-size:10px;padding:8px 10px}.compact-card{align-items:flex-start;flex-direction:column}.signed-out main{padding:24px 18px}.login-screen{margin-top:4vh}.login{padding:26px}.account-summary>.badge{font-size:9px}.topbar-actions{gap:8px}.breadcrumbs{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}