:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(28,177,255,.2),transparent 30%),radial-gradient(circle at bottom right,rgba(10,132,255,.18),transparent 25%),#07111f;color:#e7eef8;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:.85rem 1rem;cursor:pointer}input,select,textarea{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172ab8;color:#f8fbff;padding:.9rem 1rem}input:focus,select:focus,textarea:focus{outline:2px solid rgba(56,189,248,.65);border-color:#38bdf88c}code{font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace}.shell{width:min(1400px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.auth-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:1.25rem;align-items:start;min-height:100vh;padding-top:5rem}.dashboard-shell{display:grid;gap:1rem}.hero-card,.side-card,.panel,.stat-card,.client-card,.secret-card{border:1px solid rgba(148,163,184,.16);background:#080f1dc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #02081759}.hero-card,.side-card,.panel{border-radius:28px;padding:1.35rem}.hero-card h1,.topbar h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.02;margin:0 0 .7rem}.lede,.muted,.footnote,.client-head .muted{color:#e2e8f0bf}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:#7dd3fc}.stack{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field span{font-size:.92rem;color:#e2e8f0d1}.inline-field{display:grid;gap:.35rem;min-width:220px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.topbar-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}.grid{display:grid;gap:1rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{border-radius:22px;padding:1rem;display:grid;gap:.35rem}.stat-card span{color:#e2e8f0b8;font-size:.9rem}.stat-card strong{font-size:1.6rem}.panel-heading,.client-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.grow{flex:1 1 220px}.fieldset{border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:1rem;display:flex;gap:1rem;flex-wrap:wrap}.fieldset legend{padding:0 .35rem;color:#e2e8f0d1}.feature-group{display:grid;gap:.9rem;padding:1rem;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:#0f172a59}.pricing-list{margin-top:1rem}.checkbox{display:inline-flex;align-items:center;gap:.55rem;color:#e2e8f0e6}.checkbox input{width:1rem;height:1rem;accent-color:#38bdf8}.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#03111d;font-weight:700}.secondary{background:#94a3b81f;color:#e7eef8}.danger{background:#ef444429;color:#fecaca}.alert{border-radius:18px;padding:.95rem 1rem;margin-bottom:1rem}.alert.error{background:#7f1d1d66;color:#fecaca}.alert.success{background:#14532d66;color:#bbf7d0}.bullets{margin:0;padding-left:1.2rem;color:#e2e8f0d6}.client-list{display:grid;gap:1rem}.client-card{border-radius:24px;padding:1rem}.client-card.active{border-color:#22c55e40}.client-card.inactive{opacity:.84}.status-pill{border-radius:999px;padding:.45rem .8rem;background:#94a3b824;white-space:nowrap}.scope-row,.action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.secret-card{border-radius:22px;padding:1rem;display:grid;gap:.75rem}.secret-label{margin:0;color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.secret-client{margin:0;color:#e2e8f0d6}.secret-value{display:block;overflow-wrap:anywhere;padding:.9rem;border-radius:16px;background:#0f172ad1;border:1px solid rgba(148,163,184,.12)}@media (max-width: 980px){.auth-shell,.two-col,.three-col,.four-col,.stats-grid{grid-template-columns:1fr}.topbar{align-items:stretch}.topbar-actions{width:100%}.inline-field{min-width:100%}}
