@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--brand:#2563eb;--brand-2:#f59e0b;--brand-700:color-mix(in srgb, var(--brand) 78%, #000);--brand-50:color-mix(in srgb, var(--brand) 12%, transparent);--brand-2-700:color-mix(in srgb, var(--brand-2) 80%, #000);--ok:#16a34a;--warn:#d97706;--danger:#e11d48;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Inter", system-ui, -apple-system, sans-serif;--radius:14px;--radius-sm:10px;--bg:#f5f7fa;--surface:#fff;--surface-2:#eef1f6;--line:#e3e8ef;--text:#0f172a;--text-dim:#64748b;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 4px 14px #0f172a14, 0 2px 6px #0f172a0f;--on-brand:#fff;--glow:0 0 0 transparent}[data-theme=dark]{--bg:#0b1220;--surface:#121a2a;--surface-2:#1a2333;--line:#243049;--text:#e6edf6;--text-dim:#94a3b8;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073, 0 2px 8px #00000059;--on-brand:#0b1220;--glow:0 0 12px var(--brand-50)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 520px at 88% -12%, color-mix(in srgb, var(--brand) 16%, transparent) 0%, transparent 60%), radial-gradient(900px 480px at 0% 0%, color-mix(in srgb, var(--brand-2) 12%, transparent) 0%, transparent 55%), var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .2s,color .2s}a{color:var(--brand);font-weight:500;text-decoration:none}a:hover{color:var(--brand-700)}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;display:flex}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--text-dim);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500;transition:all .15s}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a.active{color:var(--brand);background:var(--brand-50)}.logo{align-items:center;gap:9px;display:inline-flex}.logo-img{border-radius:7px;width:auto;height:30px;display:block}.logo-word{letter-spacing:.3px;color:var(--text);font-size:17px;font-weight:700}.logo-word .tag{color:var(--brand-2)}.logo-theme-dark,[data-theme=dark] .logo-theme-light{display:none}[data-theme=dark] .logo-theme-dark{display:block}.logo-img-raster{border-radius:6px;width:auto}.theme-toggle{cursor:pointer;background:var(--surface-2);border:1px solid var(--line);width:36px;height:36px;color:var(--text);border-radius:9px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}.container{max-width:1200px;margin:0 auto;padding:28px 24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:22px}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.tile:before{content:"";background:linear-gradient(var(--brand), var(--brand-2));width:3px;position:absolute;top:0;bottom:0;left:0}.tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;font-size:11.5px;font-weight:600}.tile .value{font-family:var(--mono);color:var(--text);margin-top:8px;font-size:30px;font-weight:700}.tile .unit{color:var(--text-dim);font-size:13px;font-family:var(--sans);margin-left:6px}.row{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.off{background:var(--danger)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 12px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}.btn{font-family:var(--sans);background:linear-gradient(180deg, var(--brand), var(--brand-700));color:var(--on-brand);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.accent{background:linear-gradient(180deg, var(--brand-2), var(--brand-2-700));color:#1a1200}.btn.ghost{color:var(--text);border:1px solid var(--line);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--brand);color:var(--brand);filter:none}.btn.warn{background:var(--warn);color:#1a1200}.btn.danger{background:var(--danger);color:#fff}input,select{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);font-family:var(--sans);width:100%;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50);outline:none}.badge{font-family:var(--mono);border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.badge.ACTIVE{color:var(--ok);border-color:var(--ok)}.badge.TRIAL{color:var(--brand);border-color:var(--brand)}.badge.PAST_DUE{color:var(--warn);border-color:var(--warn)}.badge.SUSPENDED,.badge.CANCELED,.badge.NONE{color:var(--danger);border-color:var(--danger)}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:380px;max-width:100%}.login-card .panel{border-top:3px solid var(--brand)}.field{margin-bottom:15px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.error{color:var(--danger);margin-top:8px;font-size:13px}.h1{letter-spacing:-.2px;margin:0 0 4px;font-size:22px;font-weight:700}.muted-banner{background:var(--brand-50);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);color:var(--text);border-radius:var(--radius-sm);margin-bottom:18px;padding:12px 16px}.docs{line-height:1.7}.docs h2{border-bottom:1px solid var(--line);margin-top:32px;padding-bottom:8px}.docs code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:13px}.docs pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--mono);padding:16px;font-size:13px;overflow:auto}