:root{--stratfy-color-ink: #09111f;--stratfy-color-ink-soft: rgba(9, 17, 31, .76);--stratfy-color-paper: #fffaf1;--stratfy-color-paper-muted: #f2ebde;--stratfy-color-accent: #0d5853;--stratfy-color-accent-strong:#183b63;--stratfy-color-gold: #c4a052;--stratfy-font-display: "Plus Jakarta Sans", "Inter", sans-serif;--stratfy-font-body: "DM Sans", "Inter", sans-serif;--stratfy-font-mono: "JetBrains Mono", "Fira Code", monospace;--stratfy-text-2xs: 10px;--stratfy-text-xs: 12px;--stratfy-text-sm: 13px;--stratfy-text-base: 14px;--stratfy-text-md: 15px;--stratfy-text-lg: 16px;--stratfy-text-xl: 18px;--stratfy-text-2xl: 20px;--stratfy-text-3xl: 24px;--stratfy-text-4xl: 30px;--stratfy-text-5xl: 36px;--stratfy-weight-normal: 400;--stratfy-weight-medium: 500;--stratfy-weight-semibold: 600;--stratfy-weight-bold: 700;--stratfy-space-1: 4px;--stratfy-space-2: 8px;--stratfy-space-3: 12px;--stratfy-space-4: 16px;--stratfy-space-5: 20px;--stratfy-space-6: 24px;--stratfy-radius-sm: 6px;--stratfy-radius-md: 8px;--stratfy-radius-lg: 12px;--stratfy-radius-xl: 16px;--stratfy-radius-2xl: 20px;--stratfy-radius-3xl: 24px;--stratfy-radius-full: 9999px;--stratfy-shadow-card: 0 14px 40px -32px rgba(15, 23, 42, .35);--stratfy-shadow-panel: 0 24px 80px -44px rgba(15, 23, 42, .42);--stratfy-shadow-yellow: 0 10px 30px -22px rgba(255, 221, 0, .08);--stratfy-shadow-btn-amber: 0 1px 2px rgba(255, 217, 91, .28);--status-in-progress: #a68500;--status-in-progress-bg: #fffbe6;--status-completed: #059669;--status-completed-bg: #d1fae5;--status-suspended: #64748b;--status-suspended-bg: #f1f5f9;--status-delayed: #dc2626;--status-delayed-bg: #fee2e2}:root{--fg1: var(--stratfy-color-ink);--fg2: var(--stratfy-color-ink-soft);--fg3: rgba(9, 17, 31, .45);--bg-base: var(--stratfy-color-paper);--bg-muted: var(--stratfy-color-paper-muted);--accent: var(--stratfy-color-accent);--accent-strong: var(--stratfy-color-accent-strong);--gold: var(--stratfy-color-gold);--cta-text-on-amber: #5f4700}::selection{background:#c4a05238;color:var(--stratfy-color-ink)}:root{color:#e8eef8;background:#07101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,#173256 0,transparent 34%),#07101f}button,input,select{font:inherit}button{cursor:pointer}.login-shell,.centered-state{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:36px;border:1px solid #263a56;border-radius:24px;background:#0a182beb;box-shadow:0 30px 80px #00000059}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#7dd3fc;background:#102b48}.eyebrow{margin:18px 0 6px;color:#7dd3fc;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(28px,4vw,40px)}h2{margin-bottom:0}.muted{color:#9baec6}form{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;color:#cbd7e6;font-size:14px;font-weight:650}input,select{width:100%;padding:12px 14px;color:#f8fafc;border:1px solid #334968;border-radius:12px;outline:none;background:#08172a}input:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;color:#06111e;border:0;border-radius:11px;background:#7dd3fc;font-weight:750}button:disabled{cursor:wait;opacity:.6}button.secondary{color:#dce8f6;border:1px solid #314966;background:#10233b}.error{margin:0;padding:11px 13px;color:#fecaca;border:1px solid #7f1d1d;border-radius:10px;background:#7f1d1d47}.centered-state{align-content:center;text-align:center}.centered-state p{color:#9baec6}.admin-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:34px clamp(20px,4vw,56px) 64px}.admin-shell header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #223650}.header-actions{display:flex;gap:10px}.admin-nav{display:flex;gap:8px;padding:20px 0 4px}.admin-nav button{color:#9fb1c7;background:transparent}.admin-nav button:hover,.admin-nav button.active{color:#e9f6ff;background:#15314f}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin:28px 0}.metric-card{min-height:144px;display:grid;align-content:space-between;padding:20px;border:1px solid #223b59;border-radius:17px;background:#0c1d33d1}.metric-card svg{color:#7dd3fc}.metric-card span{color:#9baec6;font-size:13px}.metric-card strong{font-size:30px}.audit-panel{overflow:hidden;border:1px solid #223b59;border-radius:18px;background:#0c1d33d1}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #223b59}.section-heading .eyebrow{margin-top:0}.section-heading>span{color:#9baec6;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 24px;border-bottom:1px solid #1d3049;text-align:left;white-space:nowrap}th{color:#8ea4be;font-size:11px;letter-spacing:.1em;text-transform:uppercase}td{color:#d7e1ed;font-size:14px}code{color:#bae6fd;font-size:12px}.state-line,.panel-error{margin-top:28px}.directory-panel{margin-top:24px;overflow:hidden;border:1px solid #223b59;border-radius:18px;background:#0c1d33d1}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid #223b59}.directory-heading .eyebrow{margin-top:0}.search-form{width:min(520px,100%);display:flex;grid-template-columns:1fr auto;gap:9px;margin:0}.search-form input{min-width:0}.directory-state,.directory-error{margin:24px}.directory-panel td strong,.directory-panel td small{display:block}.directory-panel td small{max-width:280px;margin-top:4px;overflow:hidden;color:#8297b0;font-size:11px;text-overflow:ellipsis}.table-link{display:block;padding:0;color:#d7e1ed;border-radius:0;background:transparent;text-align:left}.table-link:hover,.table-link:focus-visible{color:#7dd3fc;text-decoration:underline}.status-badge{display:inline-flex;padding:4px 8px;border:1px solid #36516f;border-radius:999px;color:#c8d9ec;background:#10243c;font-size:11px;text-transform:capitalize}.status-active,.status-trialing{color:#bbf7d0;border-color:#166534;background:#14532d5c}.status-suspended,.status-inactive,.status-canceled,.status-expired{color:#fecaca;border-color:#991b1b;background:#7f1d1d4d}.status-past_due{color:#fde68a;border-color:#92400e;background:#78350f4d}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid #223b59;color:#8ea4be;font-size:13px}.pagination>div{display:flex;gap:8px}.detail-panel{margin-top:24px}.back-button{margin-bottom:18px}.detail-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.detail-heading>svg{color:#7dd3fc}.detail-heading .eyebrow{margin-top:0}.detail-sections{display:grid;gap:14px}.detail-card{padding:22px 24px;border:1px solid #223b59;border-radius:18px;background:#0c1d33d1}.detail-card h3{margin:0 0 18px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin:0}.detail-grid div{min-width:0}.detail-grid dt{margin-bottom:5px;color:#8297b0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.detail-grid dd{margin:0;overflow-wrap:anywhere;color:#d7e1ed}.detail-empty{margin:0;color:#9baec6}.billing-form{grid-template-columns:.7fr .8fr 1.8fr auto;align-items:end;margin-top:18px}.billing-form label,.trial-extension label{color:#9db0c7;font-size:12px;font-weight:700}.billing-form input,.billing-form select,.trial-extension input{margin-top:7px}.trial-extension{display:grid;grid-template-columns:160px auto;align-items:end;gap:12px;margin-top:16px}.billing-feedback{margin:14px 0 0}.success{color:#86efac}@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-shell header,.section-heading,.directory-heading{align-items:flex-start;flex-direction:column}.header-actions,.header-actions button{width:100%}.admin-nav{overflow-x:auto}.admin-nav button{white-space:nowrap}.search-form{display:grid;grid-template-columns:1fr}.pagination{align-items:stretch;flex-direction:column}.pagination>div,.pagination button{width:100%}.metric-grid,.detail-grid,.billing-form,.trial-extension{grid-template-columns:1fr}.login-card{padding:26px}}
