:root{--bg:#0f1419;--bg-elevated:#1a222c;--fg:#e8eef4;--fg-muted:#9aa8b5;--accent:#3d8bfd;--accent-hover:#5c9fff;--danger:#e35d6a;--ok:#3ecf8e;--border:#2a3542;--radius:8px;--font:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% -10%, #1a2a3d 0%, var(--bg) 55%);min-height:100%;color:var(--fg);font-family:var(--font);margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,textarea,select{font:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.shell-brand{letter-spacing:.02em;font-weight:650}.shell-body{flex:1;grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid}.shell-aside{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 55%, transparent);padding:1rem .85rem}.shell-main{flex:1;width:100%;min-width:0;max-width:1280px;padding:1.5rem}.shell-main-wide-inner{max-width:none}.shell-main-narrow{width:100%;max-width:960px;margin:0 auto}@media (max-width:840px){.shell-body{grid-template-columns:1fr}.shell-aside{border-right:none;border-bottom:1px solid var(--border)}}.side-nav{flex-direction:column;gap:.35rem;display:flex}.side-nav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:.65rem .55rem .35rem;font-size:.72rem}.side-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.side-nav a,.side-nav .soon{color:var(--fg);border:1px solid #0000;border-radius:6px;flex-direction:column;gap:.1rem;padding:.55rem .65rem;display:flex}.side-nav a:hover{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}.side-nav a.active{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.side-nav-title{font-size:.92rem;font-weight:600}.side-nav-desc{color:var(--fg-muted);font-size:.75rem}.side-nav .soon{opacity:.45;cursor:not-allowed}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.4rem}.stack{flex-direction:column;gap:.85rem;display:flex}.row{align-items:center;display:flex}.muted{color:var(--fg-muted)}.mono{font-family:var(--mono)}.btn{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.55rem .95rem;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border-color:var(--border);color:var(--fg);background:0 0}.btn-ghost:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.field{flex-direction:column;gap:.35rem;display:flex}.field input,.field textarea,.field select,textarea.mono{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:6px;width:100%;padding:.55rem .7rem}.field textarea,textarea.mono{resize:vertical;min-height:6rem;font-family:var(--mono);font-size:.85rem;line-height:1.45}.field input:focus,.field textarea:focus,.field select:focus,textarea.mono:focus{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);border-color:var(--accent)}.field-row{align-items:center;gap:.5rem;display:flex}.field-row input{flex:1}.inline-add{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.error{color:var(--danger);font-size:.9rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status-banner{border:1px solid var(--border);border-radius:6px;margin:0;padding:.65rem .85rem;font-size:.9rem}.status-muted{color:var(--fg-muted);background:color-mix(in srgb, var(--fg) 4%, transparent)}.status-error{color:#ffc2c8;border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 14%, transparent)}.status-ok{color:#b8f5d4;border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, transparent)}.nav-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.nav-list a,.nav-list .soon{border:1px solid var(--border);color:var(--fg);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:6px;padding:.65rem .8rem;display:block}.nav-list a:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.nav-list .soon{opacity:.55;pointer-events:none}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.65rem .55rem}.data-table th{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:18rem;display:-webkit-box;overflow:hidden}.nowrap{white-space:nowrap}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pager-actions{gap:.5rem;display:flex}.split{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:.85rem;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.select-list{gap:.35rem;max-height:28rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.select-list button{text-align:left;appearance:none;background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--border);width:100%;color:var(--fg);cursor:pointer;border-radius:6px;flex-direction:column;gap:.15rem;padding:.55rem .65rem;display:flex}.select-list button:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.select-list button.active{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.prose-preview{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 60%, transparent);border-radius:6px;max-height:28rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.5;overflow:auto}.prose-preview :where(p,ul,ol,h1,h2,h3){margin:0 0 .65rem}.badge{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.badge-draft{color:var(--fg-muted)}.badge-published{color:#b8f5d4;border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.badge-archived{color:#ffc2c8;border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}.modal-backdrop{z-index:40;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(640px,100%);max-height:min(90vh,880px);overflow:auto}.btn-sm{padding:.35rem .65rem;font-size:.82rem}.btn-danger{background:color-mix(in srgb, var(--danger) 82%, #000);color:#fff;border-color:#0000}.btn-danger:hover{background:color-mix(in srgb, var(--danger) 92%, #000)}.btn-danger-ghost{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:#ffc2c8;background:0 0}.btn-danger-ghost:hover{background:color-mix(in srgb, var(--danger) 14%, transparent)}.kpi-strip{flex-wrap:wrap;gap:.45rem;display:flex}.kpi-chip{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, transparent);color:var(--fg);cursor:default;text-align:left;border-radius:6px;align-items:baseline;gap:.45rem;padding:.45rem .7rem;display:inline-flex}button.kpi-chip{cursor:pointer}button.kpi-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.kpi-chip:disabled{opacity:.55;cursor:not-allowed}.kpi-chip.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent)}.kpi-label{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted);font-size:.68rem}.kpi-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:650}.kpi-chip.tone-primary .kpi-value{color:var(--accent-hover)}.kpi-chip.tone-danger .kpi-value{color:#ffc2c8}.filters-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:end;gap:.75rem;display:grid}.filters-span-2{grid-column:span 2}@media (max-width:640px){.filters-span-2{grid-column:span 1}}.filters-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row-actions{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.badge-status-active,.badge-status-trialing{color:#b8f5d4;border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.badge-status-past_due,.badge-status-suspended,.badge-status-expired,.badge-status-canceled{color:#ffc2c8;border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.plan-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interval-toggle{gap:.35rem;display:flex}.active-toggle{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent)}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.plan-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.plan-card.featured{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated))}.plan-card-head{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.plan-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.plan-card-price strong{font-size:1.45rem}.plan-card-limits,.plan-card-features{color:var(--fg-muted);gap:.35rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.plan-card-features .on{color:var(--fg)}.plan-card-features .off{opacity:.55}.plan-card-actions{margin-top:auto}.feature-checks{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.45rem;display:grid}.health-summary{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}@media (max-width:720px){.health-summary{grid-template-columns:1fr}}.health-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:650;display:inline-flex}.health-ok{color:#b8f5d4;border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, transparent)}.health-warn{color:#ffe3a8;border-color:color-mix(in srgb, #d4a017 45%, var(--border));background:#d4a01724}.health-error{color:#ffc2c8;border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 14%, transparent)}.db-subnav{flex-wrap:wrap;gap:.4rem;display:flex}.db-subnav a{border:1px solid var(--border);color:var(--fg-muted);border-radius:6px;padding:.4rem .75rem;font-size:.88rem;font-weight:600}.db-subnav a:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.db-subnav a.active{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent)}.db-deflist{gap:.55rem;margin:0;display:grid}.db-deflist-row{grid-template-columns:minmax(8rem,11rem) minmax(0,1fr);gap:.65rem;font-size:.9rem;display:grid}.db-deflist-row dt{color:var(--fg-muted)}.db-deflist-row dd{word-break:break-word;margin:0}.db-editor-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start;gap:.85rem;display:grid}@media (max-width:900px){.db-editor-layout{grid-template-columns:1fr}}.db-table-list{max-height:min(70vh,760px);overflow:auto}.db-table-links{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.db-table-links button{text-align:left;appearance:none;width:100%;color:var(--fg);cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;padding:.4rem .55rem;font-size:.82rem}.db-table-links button:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.db-table-links button.active{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.db-schema-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.db-schema-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:6px;overflow:hidden}.db-schema-card header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--fg) 4%, transparent);justify-content:space-between;align-items:baseline;gap:.5rem;padding:.55rem .7rem;display:flex}.db-schema-card ul{gap:.3rem;max-height:14rem;margin:0;padding:.45rem .7rem .65rem;list-style:none;display:grid;overflow:auto}.db-schema-card li{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}
