:root{--panel: #111827;--panel-border: #1f2937;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #a855f7}.shell{max-width:1280px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;letter-spacing:.01em}.muted{color:var(--muted)}.small{font-size:12px}.top-actions{display:flex;gap:8px;align-items:center}.celebration-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#10b9812e,#38bdf833);border:1px solid rgba(16,185,129,.5);border-radius:12px;padding:10px 12px}.celebration-toast strong{color:#6ee7b7}.tabs{display:flex;gap:8px}.tab{background:var(--panel);border:1px solid var(--panel-border);color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}.tab.active{border-color:var(--accent);box-shadow:0 0 0 1px #0ea5e9 inset}.tab:disabled{opacity:.45;cursor:not-allowed}.panel{background:#111827cc;border:1px solid var(--panel-border);border-radius:14px;padding:16px;box-shadow:0 10px 30px #00000059}.panel-head{font-weight:600;margin-bottom:8px}.panel-body{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap}.row-space{display:flex;justify-content:space-between;gap:10px;align-items:center}.field{display:flex;flex-direction:column;gap:6px}input{background:#0b1224;color:#fff;border:1px solid var(--panel-border);border-radius:8px;padding:10px}button{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}button.ghost{background:transparent;border:1px solid var(--panel-border)}.list{display:flex;flex-direction:column;gap:10px}.grid{display:grid;gap:12px}.card{border:1px solid var(--panel-border);border-radius:12px;padding:10px;background:#11182799}.onboarding-step.done{border-color:#38bdf873}.card.clickable{cursor:pointer}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--panel-border)}.badge{display:inline-flex;align-items:center;background:#38bdf829;color:var(--accent);border:1px solid rgba(56,189,248,.4);padding:6px 10px;border-radius:10px}.stack{display:flex;flex-direction:column;gap:10px}details>summary{cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:#0f172a;border:1px solid var(--panel-border);border-radius:14px;padding:20px;max-width:520px;width:100%;box-shadow:0 20px 60px #00000080}.code-block{display:block;background:#0b1224;border:1px solid var(--panel-border);padding:12px;border-radius:10px;overflow-wrap:anywhere}.empty-state{min-height:180px;border:1px dashed var(--panel-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.metric-card{border:1px solid var(--panel-border);border-radius:12px;padding:12px;background:#11182799}.metric-value{font-size:28px;font-weight:700}.overview-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.dropzone{border:1px dashed var(--panel-border);border-radius:12px;padding:24px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.auth-layout{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 14% 8%,rgba(56,189,248,.26),transparent 34%),radial-gradient(circle at 88% 14%,rgba(90,123,255,.2),transparent 42%),radial-gradient(circle at 48% 86%,rgba(48,86,184,.24),transparent 44%),linear-gradient(180deg,#08224a,#051430 45%,#030a1a)}.auth-stage{width:min(1140px,100%)}.auth-showcase{position:relative;min-height:calc(100dvh - 36px);display:flex;align-items:center;justify-content:center;padding:24px 20px;background:transparent}.auth-card{position:relative;z-index:5;width:100%;max-width:460px;padding:26px 24px 20px;border-radius:24px;border:1px solid rgba(138,182,255,.34);background:linear-gradient(170deg,#11387475,#061430a3);box-shadow:0 30px 80px #050f2780,inset 0 1px #cde2ff33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-card h1{font-size:52px;line-height:1.05;margin:0 0 12px;letter-spacing:-.02em;color:#eaf1ff;max-width:420px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.auth-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:10px 20px;margin-bottom:12px;border-radius:999px;border:1px solid rgba(122,175,255,.52);background:#0f2d60a8;color:#9fc7ff;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.auth-divider{display:flex;align-items:center;gap:10px;color:#7d8797;font-size:12px;letter-spacing:.1em;justify-content:center}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;max-width:140px;background:linear-gradient(90deg,transparent,#253047,transparent)}.auth-terms{margin-top:12px;color:#cddcf7db}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;border-radius:10px;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.auth-provider-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #02081457}.auth-provider-btn:disabled{opacity:.72;cursor:not-allowed}.auth-provider-btn .provider-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.auth-provider-btn .provider-icon svg{width:18px;height:18px}.auth-magic-btn{background:linear-gradient(135deg,#187dd8,#7b5cff);border:1px solid rgba(111,164,255,.4)}.auth-magic-btn.sent{background:linear-gradient(135deg,#16a34a,#22c55e);border:1px solid rgba(74,222,128,.55);color:#ecfdf5}.auth-google-btn{background:#fff;color:#161a22;border:1px solid #d9e0ee}.auth-google-btn:hover{background:#f7f9fe}.auth-github-btn{background:#0d1117;color:#fff;border:1px solid #30363d}.auth-github-btn:hover{background:#111827}.auth-form input{min-height:38px;border-radius:10px;border:1px solid #243049;background:#0a101b;padding:8px 10px}.auth-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}@keyframes authCloudsFloat{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.05)}}@media(max-width:960px){.auth-layout{padding:10px}.auth-showcase{min-height:calc(100dvh - 20px);padding:14px 10px}.auth-card{padding:18px 14px 14px;max-width:100%}.auth-card h1{font-size:40px}.auth-chip{font-size:13px;padding:8px 14px}}
