@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-card:#fff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-placeholder:#94a3b8;--text-inverse:#fff;--brand-primary:#2563eb;--brand-hover:#1d4ed8;--brand-active:#1e40af;--brand-subtle:#eff6ff;--brand-border:#bfdbfe;--brand-text:#1d4ed8;--status-success:#059669;--status-success-bg:#ecfdf5;--status-success-border:#a7f3d0;--status-success-text:#065f46;--status-warning:#d97706;--status-warning-bg:#fffbeb;--status-warning-border:#fde68a;--status-warning-text:#92400e;--status-danger:#dc2626;--status-danger-bg:#fef2f2;--status-danger-border:#fecaca;--status-danger-text:#991b1b;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-canvas);min-height:100vh;line-height:1.6}#root{min-height:100vh;overflow-x:hidden}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-hover)}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono)}::selection{background-color:var(--brand-subtle);color:var(--brand-active)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.7}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background-color:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--brand-hover);border-color:var(--brand-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:1rem}.btn-sm{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger-text);border:1px solid var(--status-danger-border)}.badge-brand{background:var(--brand-subtle);color:var(--brand-text);border:1px solid var(--brand-border)}.code-block{font-family:var(--font-mono);color:#e2e8f0;padding:var(--space-5);border-radius:var(--radius-lg);background:#0f172a;border:1px solid #1e293b;font-size:.8125rem;line-height:1.6;overflow-x:auto}.code-block .code-key{color:#93c5fd}.code-block .code-string{color:#6ee7b7}.code-block .code-number{color:#fde68a}.code-block .code-comment{color:#64748b;font-style:italic}.code-inline{font-family:var(--font-mono);background:var(--bg-subtle);color:var(--status-danger);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px 6px;font-size:.8125rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--border-subtle) 50%, var(--bg-subtle) 75%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.2s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-heading{width:60%;height:24px;margin-bottom:var(--space-3)}.skeleton-card{border-radius:var(--radius-lg);height:120px}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-radial{border:2.5px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin-ring;display:inline-block}.spinner-radial-sm{border-width:2px;width:14px;height:14px}@keyframes sonar-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.status-dot-operational{background:var(--status-success)}.status-dot-operational:after{content:"";background:var(--status-success);border-radius:50%;animation:2s ease-out infinite sonar-pulse;position:absolute;inset:0}.status-dot-degraded{background:var(--status-warning)}.status-dot-degraded:after{content:"";background:var(--status-warning);border-radius:50%;animation:1.5s ease-out infinite sonar-pulse;position:absolute;inset:0}.status-dot-error{background:var(--status-danger)}.btn .spinner-radial-sm{margin-right:var(--space-1)}@keyframes progress-sweep{0%{width:0%}50%{width:70%}90%{width:95%}to{width:100%}}.top-progress-bar{background:var(--brand-primary);z-index:9999;height:3px;animation:1.5s ease-out forwards progress-sweep;position:fixed;top:0;left:0}.modal-overlay,.modal-backdrop,.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#0f172a8c;justify-content:center;align-items:center;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);padding:var(--space-6);gap:var(--space-5);background:#fff;flex-direction:column;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalScale;display:flex;overflow-y:auto}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.empty-state-card{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-3);background:#fff;flex-direction:column;width:100%;display:flex}.empty-state-icon{background:var(--bg-subtle);width:52px;height:52px;color:var(--text-muted);margin-bottom:var(--space-1);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.empty-state-desc{color:var(--text-secondary);max-width:440px;font-size:.875rem;line-height:1.5}.live-indicator{align-items:center;gap:var(--space-2);color:var(--status-success-text);font-size:.8125rem;font-weight:500;display:inline-flex}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-wide{max-width:1440px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (width<=1024px){h1{font-size:2.25rem}h2{font-size:1.75rem}.container{padding:0 var(--space-4)}}@media (width<=640px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--space-4)}body{overflow-x:hidden}.btn-lg{padding:var(--space-4) var(--space-6);font-size:.9375rem}}@keyframes ambientBeam{0%{opacity:.5;transform:translate(-50%,-10%)scale(.95)}50%{opacity:.8;transform:translate(-48%,-5%)scale(1.05)}to{opacity:.6;transform:translate(-52%,-12%)scale(.98)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulseSignal{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;color:var(--brand-primary);transform:scale(1.2)}}@keyframes latencyPing{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}to{opacity:.9;transform:scale(1)}}@keyframes buttonShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes responseFlash{0%{border-color:#10b981;box-shadow:0 0 #10b98166}50%{border-color:#10b981;box-shadow:0 0 0 4px #10b98133}to{box-shadow:0 0 #10b98100}}@keyframes floatBadge{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-2px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);height:64px;transition:all var(--transition-fast);background:#ffffffe0;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-brand{align-items:center;gap:var(--space-2);transition:transform var(--transition-fast);text-decoration:none;display:flex}.nav-brand:hover{transform:translateY(-1px)}.nav-logo{border-radius:var(--radius-md);background:var(--brand-primary);width:34px;height:34px;color:var(--text-inverse);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #2563eb40}.nav-brand:hover .nav-logo{transform:rotate(5deg)scale(1.05)}.nav-name{color:var(--text-primary);letter-spacing:-.03em;font-size:1.125rem;font-weight:800}.nav-name-accent{color:var(--brand-primary);font-weight:700}.nav-links{align-items:center;gap:var(--space-8);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:600;text-decoration:none;position:relative}.nav-link:hover{color:var(--brand-primary)}.nav-link:after{content:"";background:var(--brand-primary);height:2px;transition:transform var(--transition-fast);border-radius:1px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-mobile-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.nav-mobile-toggle:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.mobile-drawer{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);gap:var(--space-1);box-shadow:var(--shadow-lg);z-index:99;background:#fffffff7;flex-direction:column;animation:.2s ease-out both fadeInUp;display:flex;position:absolute;top:100%;left:0;right:0}.mobile-nav-link{padding:var(--space-3) var(--space-2);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle);font-size:1rem;font-weight:600;text-decoration:none;display:block}.mobile-nav-link:last-of-type{border-bottom:none}.mobile-nav-link:hover{color:var(--brand-primary);background:var(--brand-subtle);padding-left:var(--space-4)}.mobile-drawer-actions{gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.hero{padding:136px 0 var(--space-16);background:var(--bg-canvas);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 45% at 50% 10%,#2563eb14 0%,#2563eb05 60%,#0000 80%);width:900px;height:480px;animation:10s ease-in-out infinite alternate ambientBeam;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#cbd5e14d 1px,#0000 1px),linear-gradient(#cbd5e14d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%)}.hero-inner{gap:var(--space-12);z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;display:grid;position:relative}.hero-content{gap:var(--space-6);flex-direction:column;animation:.7s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.hero-badges{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-live-latency-badge{padding:4px var(--space-3);border-radius:var(--radius-full);color:var(--brand-text);background:var(--brand-subtle);border:1px solid var(--brand-border);transition:all var(--transition-fast);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-live-latency-badge.pinging{border-color:var(--brand-primary);animation:.6s ease-out latencyPing}.hero-title{letter-spacing:-.035em;color:var(--text-primary);font-size:3.375rem;font-weight:800;line-height:1.12}.hero-title-gradient{background:linear-gradient(125deg,#1e3a8a 0%,#2563eb 45%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-secondary);max-width:500px;font-size:1.0625rem;line-height:1.75}.hero-social-proof{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-top:var(--space-1);font-size:.875rem;display:flex}.hero-social-proof strong{color:var(--text-primary);font-weight:700}.proof-live-dot{background:var(--status-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.5s ease-out infinite sonar-pulse;box-shadow:0 0 0 3px #05966926}.hero-cta{align-items:center;gap:var(--space-4);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.btn{transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);position:relative;overflow:hidden}.btn:active{transform:scale(.97)!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.btn-primary:hover svg{transform:translate(4px)}.btn-primary svg{transition:transform var(--transition-fast)}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:after{animation:.75s ease-out buttonShimmer}.hero-preview{animation:.9s cubic-bezier(.16,1,.3,1) both fadeInUp;position:relative}.preview-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);background:var(--bg-surface);transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.preview-card:hover{box-shadow:0 25px 35px -8px #0f172a1f, 0 0 0 1px var(--border-strong)}.preview-header{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.preview-tabs{gap:4px;display:flex}.preview-tab{padding:6px var(--space-3);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:4px;display:inline-flex}.preview-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.preview-tab.active{color:var(--brand-primary);background:var(--bg-surface);border-color:var(--border-subtle);box-shadow:var(--shadow-xs);font-weight:700}.preview-header-actions{align-items:center;gap:var(--space-2);display:flex}.preview-run-btn{color:#fff;background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.preview-run-btn:hover{background:var(--brand-hover);transform:translateY(-1px)}.preview-run-btn:active{transform:scale(.96)}.preview-copy-btn{font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.preview-copy-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.preview-body{grid-template-columns:1fr 1fr;min-height:310px;display:grid;overflow:hidden}.preview-request,.preview-response{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:relative}.preview-request{border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.preview-response{color:#e2e8f0;background:#0b1120;transition:box-shadow .3s}.preview-response.flashing{animation:.8s ease-out responseFlash}.preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.preview-response .preview-label{color:#94a3b8}.method-badge{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);background:var(--brand-subtle);color:var(--brand-primary);border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:2px 8px}.status-badge-200{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);color:#34d399;border-radius:var(--radius-sm);background:#10b98126;border:1px solid #10b9814d;padding:2px 8px}.latency-tag{color:#6ee7b7;font-weight:600;font-family:var(--font-mono);align-items:center;gap:3px;display:inline-flex}.preview-card .code-block{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);white-space:pre;background:0 0;border:none;flex:1;margin:0;font-size:.75rem;line-height:1.65;overflow-x:auto}.preview-request .code-block{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.preview-response .code-block{color:#e2e8f0;padding:0}.ticker-strip{background:#0f172a;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;padding:14px 0;position:relative;overflow:hidden}.ticker-wrapper{align-items:center;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ticker-track{align-items:center;gap:var(--space-8);width:max-content;animation:28s linear infinite marquee;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-label-badge{align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.08em;color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#1e293b;flex-shrink:0;padding:5px 12px;font-size:.6875rem;font-weight:800;display:inline-flex}.ticker-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:#1e293bb3;border:1px solid #334155;padding:4px 12px;display:inline-flex}.ticker-item:hover{background:#1e293b;border-color:#60a5fa;transform:translateY(-1px)}.ticker-name{color:#94a3b8;letter-spacing:.02em;font-size:.75rem;font-weight:700}.ticker-result{font-size:.8125rem;font-weight:800;font-family:var(--font-mono);color:#34d399;letter-spacing:.04em}.ticker-pending{color:#64748b}.trust-bar{padding:var(--space-10) 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.trust-inner{justify-content:center;align-items:center;gap:var(--space-12);display:flex}.trust-item{transition:transform var(--transition-fast);flex-direction:column;align-items:center;gap:2px;display:flex}.trust-item:hover{transform:translateY(-2px)}.trust-number{color:var(--text-primary);letter-spacing:-.03em;font-size:1.875rem;font-weight:800;line-height:1}.trust-label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.trust-divider{background:var(--border-subtle);width:1px;height:36px}.section-header{text-align:center;margin-bottom:var(--space-12);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.section-header h2{color:var(--text-primary);letter-spacing:-.025em;font-size:2.25rem;font-weight:800}.section-header p{max-width:580px;color:var(--text-secondary);font-size:1.0625rem;line-height:1.6}.features{padding:var(--space-20) 0}.features-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{padding:var(--space-8);gap:var(--space-4);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-top:2px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--brand-primary) 0%, #60a5fa 100%);opacity:0;height:2px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-card-num{top:var(--space-4);right:var(--space-4);color:var(--border-subtle);letter-spacing:-.05em;font-size:3.5rem;font-weight:800;line-height:1;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);position:absolute}.feature-card:hover .feature-card-num{color:var(--brand-border)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -6px #2563eb1a}.feature-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--brand-primary);transition:transform var(--transition-base), background var(--transition-fast);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #2563eb1f}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);transform:scale(1.08)rotate(4deg)}.feature-card h4{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.how-it-works{padding:var(--space-20) 0;background:var(--bg-subtle)}.steps-grid{justify-content:center;align-items:stretch;gap:var(--space-4);display:flex}.step-card{max-width:320px;padding:var(--space-8);gap:var(--space-3);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;flex:1;display:flex}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.step-number{color:var(--brand-primary);opacity:.25;letter-spacing:-.04em;transition:opacity var(--transition-fast);font-size:2.5rem;font-weight:800;line-height:1}.step-card:hover .step-number{opacity:.7}.step-card h4{color:var(--text-primary);font-size:1.125rem;font-weight:700}.step-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.step-connector{color:var(--border-strong);flex-shrink:0;align-items:center;animation:2.5s ease-in-out infinite pulseSignal;display:flex}.pricing{padding:var(--space-20) 0}.pricing-billing-toggle{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.billing-discount-badge{color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.pricing-switch-box{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:4px;display:inline-flex}.pricing-switch-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 16px;font-size:.875rem;font-weight:600}.pricing-switch-btn.active{color:var(--text-primary);box-shadow:var(--shadow-xs);background:#fff;font-weight:700}.pricing-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}.pricing-card{padding:var(--space-8);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-popular{border-color:var(--brand-primary);box-shadow:var(--shadow-lg), 0 0 0 1px var(--brand-primary)}.pricing-popular:hover{box-shadow:var(--shadow-xl), 0 0 0 2px var(--brand-primary);transform:translateY(-6px)}.pricing-badge{letter-spacing:.06em;background:var(--brand-primary);color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:4px 14px;font-size:.6875rem;font-weight:800;animation:3s ease-in-out infinite floatBadge;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header h4{color:var(--text-primary);font-size:1.125rem;font-weight:700}.pricing-description{color:var(--text-muted);min-height:38px;margin-top:4px;font-size:.8125rem}.pricing-price{margin:var(--space-4) 0;align-items:baseline;gap:4px;display:flex}.pricing-amount{color:var(--text-primary);letter-spacing:-.03em;transition:all var(--transition-fast);font-size:2.25rem;font-weight:800}.pricing-period{color:var(--text-muted);font-size:.875rem;font-weight:500}.pricing-features{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:var(--space-2);color:var(--text-secondary);font-size:.8125rem;line-height:1.4;display:flex}.pricing-check{color:var(--status-success);flex-shrink:0;margin-top:1px}.pricing-cta{width:100%}.cta-section{padding:var(--space-24) 0;background:#060d1a;position:relative;overflow:hidden}.cta-glow-top{pointer-events:none;background:radial-gradient(at 50% 0,#2563eb2e 0%,#0000 65%);width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.cta-glow-bottom{pointer-events:none;background:radial-gradient(at 100% 100%,#60a5fa14 0%,#0000 60%);width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.cta-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#60a5fa;margin:0;font-size:.75rem;font-weight:700}.cta-headline{color:#f1f5f9;letter-spacing:-.035em;margin:0;font-size:3rem;font-weight:800;line-height:1.1}.cta-headline-dim{color:#475569}.cta-desc{color:#64748b;max-width:440px;margin:0;font-size:1.0625rem;line-height:1.7}.cta-content{align-items:center;gap:var(--space-5);z-index:1;text-align:center;flex-direction:column;display:flex;position:relative}.cta-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.cta-btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 20px #2563eb59}.cta-btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #2563eb73}.cta-btn-ghost{color:#94a3b8;background:0 0;border-color:#1e293b}.cta-btn-ghost:hover{color:#e2e8f0;background:#0f172a;border-color:#334155;transform:translateY(-1px)}.footer{color:#e2e8f0;background:linear-gradient(#060d1a 0%,#040910 100%);border-top:none;padding:0 0 40px;position:relative}.footer-top-strip{padding:var(--space-8) 0;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);position:relative;overflow:hidden}.footer-top-strip:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 65%);width:250px;height:250px;position:absolute;top:-60px;right:-60px}.footer-strip-inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.footer-strip-left{flex-direction:column;gap:3px;display:flex}.footer-strip-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin:0;font-size:.6875rem;font-weight:800}.footer-strip-headline{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.footer-strip-btn{align-items:center;gap:var(--space-2);color:#1e40af;border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);background:#fff;border:2px solid #0000;flex-shrink:0;padding:10px 22px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-strip-btn:hover{color:#1e40af;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 14px #0003}.footer-content{justify-content:space-between;align-items:flex-start;gap:var(--space-12);border-bottom:1px solid #ffffff0f;padding:48px 0 36px;display:flex}.footer-brand-section{flex-direction:column;gap:12px;max-width:300px;display:flex}.footer-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer-brand-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #2563eb66}.footer-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.footer-brand-accent{color:#60a5fa}.footer-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.65}.footer-built-tag{color:#3b82f6;letter-spacing:.01em;margin:0;font-size:.8125rem;font-weight:600}.footer-social-links{align-items:center;gap:8px;margin-top:4px;display:flex}.footer-social-btn{border-radius:var(--radius-md);color:#64748b;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.footer-social-btn:hover{color:#60a5fa;background:#2563eb33;border-color:#2563eb;transform:translateY(-2px)}.footer-columns{gap:56px;display:flex}.footer-col{flex-direction:column;gap:10px;min-width:130px;display:flex}.footer-heading{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:.6875rem;font-weight:800}.footer-link{color:#475569;transition:all var(--transition-fast);align-items:center;gap:0;font-size:.875rem;text-decoration:none;display:inline-flex;position:relative}.footer-link:after{content:"→";opacity:0;transition:all var(--transition-fast);margin-left:0;font-size:.8125rem;transform:translate(-6px)}.footer-link:hover{color:#e2e8f0;gap:4px}.footer-link:hover:after{opacity:1;transform:translate(0)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-bottom-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-copyright{color:#334155;font-size:.8125rem;font-weight:500}.footer-copyright-dim{color:#1e293b;font-size:.8125rem}.footer-bottom-sep{color:#1e293b;font-size:.875rem}.footer-status-pill{color:#475569;border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.footer-status-dot{background:#059669;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #05966980}@media (width<=1200px){.hero-inner{gap:var(--space-10);grid-template-columns:1fr}.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}.hero{padding:100px 0 var(--space-12)}.hero-inner{gap:var(--space-8);text-align:center;grid-template-columns:1fr}.hero-badges{justify-content:center}.hero-subtitle{max-width:100%}.hero-cta{justify-content:center}.pricing-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:36px}.footer-columns{gap:32px}}@media (width<=768px){.hero{padding:90px 0 var(--space-10)}.hero-title{font-size:2.25rem;line-height:1.18}.hero-subtitle{font-size:.9375rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center;width:100%}.preview-body{grid-template-columns:1fr}.preview-request{border-right:none;border-bottom:1px solid var(--border-subtle)}.preview-header{gap:var(--space-2);flex-wrap:wrap}.preview-tabs{flex-wrap:wrap}.trust-inner{gap:var(--space-6);grid-template-columns:repeat(2,1fr);justify-items:center;display:grid}.trust-divider{display:none}.section-header h2{font-size:1.75rem}.section-header p{font-size:.9375rem}.features-grid{grid-template-columns:1fr}.steps-grid{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg)}.step-card{width:100%;max-width:100%}.pricing-grid{grid-template-columns:1fr}.pricing-billing-toggle{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column}.cta-section{padding:var(--space-16) var(--space-4)}.cta-headline{font-size:2rem}.cta-actions{width:100%;max-width:380px;margin:var(--space-2) auto 0;flex-direction:column;align-items:stretch}.cta-actions .btn{justify-content:center;width:100%}.footer-strip-inner{align-items:flex-start;gap:var(--space-4);flex-direction:column}.footer-strip-btn{justify-content:center;width:100%}.footer-content{flex-direction:column;gap:36px}.footer-columns{flex-wrap:wrap;gap:32px;width:100%}.footer-col{min-width:calc(50% - 16px)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-brand-section{max-width:100%}}@media (width<=480px){.nav{height:56px}.nav-name{font-size:1rem}.mobile-drawer{padding:var(--space-4)}.hero{padding:76px 0 var(--space-8)}.hero-title{font-size:1.875rem}.hero-badges{gap:var(--space-2)}.preview-tabs{gap:2px}.preview-tab{padding:5px var(--space-2);font-size:.75rem}.preview-header-actions{gap:var(--space-1)}.preview-run-btn,.preview-copy-btn{padding:4px 8px;font-size:.6875rem}.trust-inner{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.trust-number{font-size:1.5rem}.pricing-switch-box{width:100%}.pricing-switch-btn{text-align:center;flex:1}.footer-strip-headline{font-size:1.125rem}.footer-col{min-width:100%}.footer-columns{gap:var(--space-6)}.cta-section{padding:var(--space-12) var(--space-4)}.cta-headline{font-size:1.625rem}.cta-desc{font-size:.9375rem}.preview-card .code-block{white-space:pre-wrap;word-break:break-all;font-size:.6875rem}}.auth-page{background-color:var(--bg-canvas);width:100%;min-height:100vh;display:flex}.auth-left{padding:var(--space-8) var(--space-6);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-y:auto}.auth-left-content{gap:var(--space-6);flex-direction:column;width:100%;max-width:440px;margin:auto 0;display:flex}.auth-brand{align-items:center;gap:var(--space-2);width:fit-content;transition:opacity var(--transition-fast);text-decoration:none;display:inline-flex}.auth-brand:hover{opacity:.85}.auth-logo{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 4px #2563eb33}.auth-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.auth-brand-accent{color:var(--brand-primary);font-weight:700}.auth-card{padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-md)}.auth-header{margin-bottom:var(--space-6)}.auth-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-1);font-size:1.625rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.9375rem}.auth-role-tabs{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:var(--space-5);background:#f1f5f9;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-role-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.8125rem;font-weight:600;display:flex}.auth-role-tab:hover:not(.active){color:var(--text-primary);background:#fff9}.auth-role-tab.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #0f172a14}.auth-role-tab.active.admin-tab{color:#fff;background:#0f172a;box-shadow:0 2px 6px #0f172a33}.auth-role-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2);align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:800;display:inline-flex}.auth-role-badge.dev{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.auth-role-badge.admin{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.auth-admin-security-banner{border-radius:var(--radius-md);color:#9f1239;margin-bottom:var(--space-4);background:#fff1f2;border:1px solid #fecdd3;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8125rem;line-height:1.45;display:flex}.auth-admin-security-banner svg{flex-shrink:0;margin-top:2px}.auth-submit.admin-submit{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.auth-submit.admin-submit:hover:not(:disabled){background:linear-gradient(135deg,#0f172a,#020617);box-shadow:0 4px 14px #0f172a59}.auth-sso-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.auth-sso-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600;display:flex}.auth-sso-btn:hover{background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.auth-sso-icon{flex-shrink:0;width:18px;height:18px}.auth-divider{margin:var(--space-4) 0 var(--space-5);color:var(--text-muted);align-items:center;font-size:.8125rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-divider span{padding:0 var(--space-3)}.auth-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--status-danger-bg);border:1px solid var(--status-danger-border);border-radius:var(--radius-md);color:var(--status-danger-text);margin-bottom:var(--space-4);font-size:.875rem;font-weight:500;animation:.35s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.auth-success{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-md);color:var(--status-success-text);margin-bottom:var(--space-4);font-size:.875rem;font-weight:500;display:flex}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-link{color:var(--brand-primary);transition:color var(--transition-fast);font-size:.8125rem;font-weight:600;text-decoration:none}.form-link:hover{color:var(--brand-hover);text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:14px}.form-input{width:100%;height:44px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:0 42px;font-size:.9375rem}.input-no-right-icon .form-input{padding-right:14px}.form-input::placeholder{color:var(--text-placeholder)}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb1f}.input-wrapper:focus-within .input-icon{color:var(--brand-primary)}.input-toggle{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.input-toggle:hover{color:var(--text-primary)}.form-row{justify-content:space-between;align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;display:inline-flex}.checkbox-input{opacity:0;pointer-events:none;position:absolute}.checkbox-custom{border:1.5px solid var(--border-strong);background:var(--bg-surface);color:#fff;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-input:checked+.checkbox-custom{background:var(--brand-primary);border-color:var(--brand-primary)}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px #2563eb26}.auth-submit{width:100%;height:46px;margin-top:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:600;display:flex}.auth-submit:disabled{opacity:.75;cursor:not-allowed}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.875rem}.form-link-bold{color:var(--brand-primary);transition:color var(--transition-fast);font-weight:700;text-decoration:none}.form-link-bold:hover{color:var(--brand-hover);text-decoration:underline}.auth-legal{color:var(--text-muted);text-align:center;font-size:.75rem;line-height:1.5}.auth-legal a{color:var(--text-secondary);text-decoration:underline}.auth-legal a:hover{color:var(--brand-primary)}.password-strength{flex-direction:column;gap:6px;margin-top:4px;display:flex}.password-meter-bars{grid-template-columns:repeat(4,1fr);gap:4px;height:4px;display:grid}.password-bar{background:var(--border-subtle);border-radius:var(--radius-full);height:100%;transition:background-color var(--transition-base)}.password-bar.active-weak{background:var(--status-danger)}.password-bar.active-fair{background:var(--status-warning)}.password-bar.active-good{background:#3b82f6}.password-bar.active-strong{background:var(--status-success)}.password-strength-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.password-strength-score{font-weight:600}.score-weak{color:var(--status-danger)}.score-fair{color:var(--status-warning)}.score-good{color:#2563eb}.score-strong{color:var(--status-success)}.password-requirements{grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:4px;display:grid}.requirement-item{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.75rem;display:flex}.requirement-item.met{color:var(--status-success-text);font-weight:500}.requirement-dot{background:var(--border-strong);width:6px;height:6px;transition:background var(--transition-fast);border-radius:50%;flex-shrink:0}.requirement-item.met .requirement-dot{background:var(--status-success)}.auth-plan-preview{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-top:2px;display:flex}.auth-plan-info{align-items:center;gap:var(--space-2);display:flex}.auth-plan-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.auth-plan-details{color:var(--text-muted);font-size:.75rem}.auth-plan-price{color:var(--status-success);font-size:.875rem;font-weight:700}.auth-right{border-left:1px solid var(--border-subtle);padding:var(--space-12) var(--space-8);background:linear-gradient(150deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#cbd5e140 1px,#0000 1px),linear-gradient(#cbd5e140 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-right-content{z-index:1;gap:var(--space-6);flex-direction:column;max-width:500px;display:flex;position:relative}.auth-right-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--brand-primary);box-shadow:var(--shadow-xs);background:#fff;width:fit-content;font-size:.8125rem;font-weight:600;display:inline-flex}.auth-right h3{color:var(--text-primary);letter-spacing:-.025em;font-size:2rem;font-weight:800;line-height:1.25}.auth-right-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.auth-right-stats{gap:var(--space-3);padding:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.auth-stat{padding:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fffc;border:1px solid #e2e8f0cc;flex-direction:column;gap:2px;display:flex}.auth-stat-number{color:var(--brand-primary);letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.auth-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.auth-right-testimonial{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);gap:var(--space-4);background:#fff;flex-direction:column;display:flex}.testimonial-quote{color:var(--text-secondary);font-size:.9375rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.testimonial-avatar{background:var(--brand-subtle);width:38px;height:38px;color:var(--brand-primary);border:1.5px solid var(--brand-border);border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.testimonial-name{color:var(--text-primary);font-size:.875rem;font-weight:700;display:block}.testimonial-role{color:var(--text-muted);font-size:.75rem;display:block}.auth-live-status{align-items:center;gap:var(--space-2);color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border);padding:4px var(--space-3);border-radius:var(--radius-full);width:fit-content;font-size:.8125rem;font-weight:600;display:inline-flex}@media (width<=1024px){.auth-right{display:none}.auth-left{padding:var(--space-6) var(--space-4)}.auth-left-content{max-width:420px}.auth-card{padding:var(--space-6)}}@media (width<=480px){.auth-left{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.auth-header h2{font-size:1.375rem}.auth-sso-grid,.password-requirements{grid-template-columns:1fr}}.dash-container{background-color:var(--bg-canvas);width:100%;min-height:100vh;display:flex}.dash-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:50;width:260px;transition:transform var(--transition-base), visibility var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.dash-container.sidebar-closed .dash-sidebar{visibility:hidden;pointer-events:none;transform:translate(-100%)}.dash-container.sidebar-open .dash-sidebar{visibility:visible;pointer-events:auto;transform:translate(0)}.dash-sidebar-header{height:64px;padding:0 var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.dash-brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.dash-logo{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #2563eb33}.dash-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.dash-brand-accent{color:var(--brand-primary);font-weight:700}.dash-sidebar-close-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;display:flex}.dash-sidebar-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-subtle)}.dash-sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.dash-nav-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3) 4px;margin-top:var(--space-2);font-size:.6875rem;font-weight:700}.dash-nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.dash-nav-item:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.dash-nav-item.active{background-color:var(--brand-subtle);color:var(--brand-primary);font-weight:700}.dash-nav-badge{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);margin-left:auto;padding:2px 6px;font-size:.6875rem;font-weight:700}.dash-nav-item.active .dash-nav-badge{background:var(--brand-border);color:var(--brand-primary)}.dash-quota-card{margin:var(--space-3);padding:var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.dash-quota-header{justify-content:space-between;align-items:center;display:flex}.dash-quota-plan{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.dash-quota-badge{color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-full);padding:1px 6px;font-size:.6875rem;font-weight:700}.dash-quota-bar-track{background:var(--border-subtle);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.dash-quota-bar-fill{background:var(--brand-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.dash-quota-meta{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.dash-quota-upgrade-link{color:var(--brand-primary);align-items:center;gap:4px;margin-top:2px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.dash-quota-upgrade-link:hover{text-decoration:underline}.dash-user-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.dash-user-info{align-items:center;gap:var(--space-2);display:flex;overflow:hidden}.dash-avatar{background:var(--brand-subtle);width:32px;height:32px;color:var(--brand-primary);border:1.5px solid var(--brand-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.dash-user-text{flex-direction:column;display:flex;overflow:hidden}.dash-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.dash-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.dash-logout-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.dash-logout-btn:hover{background:var(--status-danger-bg);color:var(--status-danger)}.dash-main{min-width:0;min-height:100vh;transition:margin-left var(--transition-base), width var(--transition-base), max-width var(--transition-base);flex-direction:column;flex:1;display:flex}.dash-container.sidebar-open .dash-main{width:calc(100% - 260px);max-width:calc(100% - 260px);margin-left:260px}.dash-container.sidebar-closed .dash-main{width:100%;max-width:100%;margin-left:0}.dash-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:64px;padding:0 var(--space-8);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dash-header-left{align-items:center;gap:var(--space-3);display:flex}.dash-sidebar-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-sidebar-toggle-btn:hover{background:var(--brand-subtle);color:var(--brand-primary);border-color:var(--brand-border)}.dash-header-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.dash-header-right{align-items:center;gap:var(--space-3);display:flex}.dash-status-pill{padding:4px var(--space-3);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-full);color:var(--status-success-text);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.dash-header-action-btn{align-items:center;gap:6px;display:inline-flex}.dash-content{padding:var(--space-8);flex:1;width:100%;max-width:1320px;margin:0 auto}.dash-backdrop{display:none}.dash-toast{color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-2);z-index:9999;background:#0f172a;font-size:.875rem;font-weight:600;animation:.25s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.dash-main,.dash-container.sidebar-open .dash-main,.dash-container.sidebar-closed .dash-main{width:100%!important;max-width:100%!important;margin-left:0!important}.dash-sidebar{visibility:hidden;transform:translate(-100%)}.dash-sidebar.open,.dash-container.sidebar-open .dash-sidebar{box-shadow:var(--shadow-xl);visibility:visible!important;transform:translate(0)!important}.dash-header{padding:0 var(--space-4)}.dash-content{padding:var(--space-5) var(--space-4)}.dash-backdrop.open{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background:#0f172a73;display:block;position:fixed;inset:0}}.error-page-wrapper{width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);padding:var(--space-6) var(--space-4);box-sizing:border-box;background:radial-gradient(at 50% 0,#2563eb0d,#0000 60%),#f8fafc;flex-direction:column;justify-content:space-between;display:flex}.error-page-header{width:100%;max-width:960px;padding-bottom:var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.error-brand-link{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.0625rem;font-weight:800;text-decoration:none;display:inline-flex}.error-brand-icon{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #2563eb40}.error-brand-accent{color:var(--brand-primary)}.error-system-status{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);background:#fff;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.error-main-container{gap:var(--space-6);flex-direction:column;width:100%;max-width:760px;margin:20px auto;display:flex}.error-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);text-align:center;background:#fff;flex-direction:column;align-items:center;padding:48px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #0f172a12}.error-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.error-card.card-404:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.error-card.card-403:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.error-card.card-500:before{background:linear-gradient(90deg,#dc2626,#f87171)}.error-code-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-3);align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-404{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-403{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-500{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.error-visual-number{letter-spacing:-.05em;font-size:4.5rem;font-weight:900;line-height:1;font-family:var(--font-mono);margin:0 0 12px}.error-visual-number.text-404{background:linear-gradient(#0f172a 40%,#64748b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.error-visual-number.text-403{background:linear-gradient(#92400e 30%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.error-visual-number.text-500{background:linear-gradient(#991b1b 30%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.error-heading{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:800}.error-explanation{color:var(--text-secondary);max-width:520px;margin:0 0 var(--space-5);font-size:.9375rem;line-height:1.55}.error-meta-strip{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;max-width:580px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-6);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.75rem;display:flex}.error-meta-path{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-weight:600;overflow:hidden}.error-meta-id{color:var(--text-muted);font-size:.6875rem;font-weight:700}.error-actions-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.error-btn-primary{border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.error-btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.error-btn-secondary{border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.error-btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#cbd5e1}.error-shortcuts-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.error-shortcut-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-fast);background:#fff;flex-direction:column;gap:6px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0f172a08}.error-shortcut-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px -4px #0f172a0f}.shortcut-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:2px;display:flex}.icon-blue{color:#2563eb;background:#eff6ff}.icon-emerald{color:#059669;background:#ecfdf5}.icon-amber{color:#d97706;background:#fffbeb}.shortcut-title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:700}.shortcut-desc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.45}.error-stack-details{width:100%;max-width:680px;margin-top:var(--space-4);text-align:left}.stack-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:.75rem;font-weight:600;display:inline-flex}.stack-toggle-btn:hover{color:var(--text-primary)}.stack-code-block{color:#f8fafc;font-family:var(--font-mono);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;background:#0f172a;max-height:220px;margin-top:8px;padding:14px;font-size:.75rem;line-height:1.5;overflow-x:auto}.error-page-footer{width:100%;max-width:960px;padding-top:var(--space-4);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0 auto;font-size:.75rem;display:flex}.error-footer-links{align-items:center;gap:var(--space-4);display:flex}.error-footer-links a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.error-footer-links a:hover{color:var(--text-primary)}@media (width<=768px){.error-card{padding:32px 20px}.error-visual-number{font-size:3.5rem}.error-shortcuts-grid{grid-template-columns:1fr}.error-page-header,.error-page-footer{flex-direction:column;align-items:center;gap:12px}}.dash-overview{gap:var(--space-6);flex-direction:column;max-width:1320px;margin:0 auto;display:flex}.dash-welcome-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.dash-welcome-left{flex-direction:column;gap:4px;display:flex}.dash-welcome-eyebrow{align-items:center;gap:var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;display:flex}.dash-welcome-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.625rem;font-weight:800;line-height:1.2}.dash-welcome-actions{align-items:center;gap:var(--space-3);display:flex}.dash-env-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.dash-stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.stat-box:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong);transform:translateY(-1px)}.stat-box-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.stat-box-val-row{align-items:baseline;gap:6px;display:flex}.stat-box-val{color:var(--text-primary);letter-spacing:-.03em;font-size:1.875rem;font-weight:800;line-height:1}.stat-box-val-max{color:var(--text-muted);font-size:.875rem;font-weight:600}.stat-box-trend{color:var(--status-success-text);background:var(--status-success-bg);border-radius:var(--radius-sm);border:1px solid var(--status-success-border);align-items:center;gap:3px;padding:1px 6px;font-size:.75rem;font-weight:700;display:inline-flex}.stat-box-bar{background:var(--border-subtle);border-radius:var(--radius-full);width:100%;height:4px;margin-top:4px;overflow:hidden}.stat-box-bar-fill{background:var(--brand-primary);border-radius:var(--radius-full);height:100%}.stat-box-hint{color:var(--text-muted);margin-top:2px;font-size:.75rem}.dash-workspace-split{gap:var(--space-6);flex-direction:column;display:flex}.dash-main-col{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.dash-side-col{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.panel-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.panel-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);background:#fff;justify-content:space-between;align-items:center;display:flex}.panel-card-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:700;display:flex}.panel-card-action{color:var(--brand-primary);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.panel-card-action:hover{color:var(--brand-hover);text-decoration:underline}.market-filter-tabs{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:3px;display:flex}.market-filter-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:.75rem;font-weight:600}.market-filter-tab.active{color:var(--text-primary);box-shadow:var(--shadow-xs);background:#fff;font-weight:700}.market-cards-grid{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.market-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.market-card:before{content:"";height:3px;transition:background var(--transition-fast);background:0 0;position:absolute;top:0;left:0;right:0}.market-card.status-full:before{background:linear-gradient(90deg,#10b981,#34d399)}.market-card.status-open:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.market-card.status-pending:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.market-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14,0 4px 6px -2px #0f172a08}.market-card-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.market-card-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.market-card-name{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:800;overflow:hidden}.market-result-display{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px var(--space-4);transition:all var(--transition-fast);background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.market-card:hover .market-result-display{background:#f1f5f9;border-color:#cbd5e1}.market-result-display.full{background:#10b9810f;border-color:#10b98140}.market-result-display.open{background:#f59e0b0f;border-color:#f59e0b40}.result-segment{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.result-segment-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.5625rem;font-weight:800}.result-segment-val{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:1.0625rem;font-weight:700}.result-segment.jodi-segment{flex:1.2}.jodi-val{color:var(--brand-primary);letter-spacing:.04em;font-size:1.25rem;font-weight:900}.market-card.status-full .jodi-val{color:#059669}.market-card.status-open .jodi-val{color:#d97706}.result-segment-divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:26px}.market-card-bottom{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:6px;display:flex}.market-timing-wrap{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;font-weight:500;display:flex}.market-copy-btn{color:var(--text-secondary);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.market-copy-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:#fff;transform:translateY(-1px)}.log-table-wrap{overflow-x:auto}.clean-log-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.clean-log-table th{padding:var(--space-3) var(--space-5);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);font-size:.6875rem;font-weight:700}.clean-log-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.clean-log-table tr:last-child td{border-bottom:none}.clean-log-table tr:hover td{background-color:var(--bg-subtle)}.method-tag{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--brand-subtle);color:var(--brand-primary);padding:2px 6px;font-size:.6875rem;font-weight:700}.endpoint-text{font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.latency-text{font-family:var(--font-mono);color:var(--status-success-text);font-weight:600}.side-widget-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.side-widget-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:700;display:flex}.side-key-box{padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.side-key-secret{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-weight:600;overflow:hidden}.side-key-actions{align-items:center;gap:4px;display:flex}.side-cli-block{color:#e2e8f0;border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);background:#0f172a;border:1px solid #1e293b;font-size:.6875rem;line-height:1.5;position:relative}.side-cli-block pre{margin:0;overflow-x:auto}.side-cli-copy-btn{color:#94a3b8;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#1e293b;border:1px solid #334155;align-items:center;gap:4px;padding:3px 6px;font-size:.6875rem;display:flex;position:absolute;top:8px;right:8px}.side-cli-copy-btn:hover{color:#fff;background:#334155}.quota-side-box{gap:var(--space-3);flex-direction:column;display:flex}.quota-plan-badge-row{justify-content:space-between;align-items:center;display:flex}.quota-plan-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.quota-details-row{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.cluster-list{flex-direction:column;gap:8px;display:flex}.cluster-item{border-bottom:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 0;font-size:.8125rem;display:flex}.cluster-item:last-child{border-bottom:none;padding-bottom:0}.cluster-item-name{color:var(--text-secondary);align-items:center;gap:6px;font-weight:500;display:flex}.cluster-item-ping{font-family:var(--font-mono);color:var(--status-success-text);font-size:.75rem;font-weight:600}@media (width<=1200px){.dash-workspace-split{grid-template-columns:1fr}.dash-side-col{grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-side-col{grid-template-columns:1fr}}@media (width<=640px){.dash-stats-grid{grid-template-columns:1fr}.market-cards-grid{padding:var(--space-3);grid-template-columns:1fr}}.keys-page{gap:var(--space-6);flex-direction:column;display:flex}.keys-header-bar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.keys-header-text h2{color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.5rem;font-weight:800}.keys-header-text p{color:var(--text-secondary);font-size:.875rem}.keys-security-card{padding:var(--space-4) var(--space-5);background:var(--brand-subtle);border:1px solid var(--brand-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.keys-security-left{align-items:center;gap:var(--space-3);color:var(--brand-text);min-width:0;font-size:.875rem;font-weight:500;display:flex}.keys-table-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);background:#fff;overflow:hidden}.keys-table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.keys-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:960px;font-size:.875rem}.keys-table th{padding:12px var(--space-4);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#f8fafc;font-size:.6875rem;font-weight:700}.keys-table td{padding:14px var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;background:#fff}.keys-table tr:last-child td{border-bottom:none}.keys-table tr:hover td{background-color:#f8fafc}.key-name-cell{flex-direction:column;gap:3px;min-width:180px;display:flex}.key-name-title{color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:700}.key-name-id{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:fit-content;padding:1px 6px;font-size:.6875rem}.key-token-box{align-items:center;gap:var(--space-2);padding:5px var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;background:#f8fafc;font-size:.8125rem;display:inline-flex}.key-rate-pill{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);white-space:nowrap;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.key-ip-pill{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.key-date-cell{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.key-created-text{color:var(--text-primary);font-size:.8125rem;font-weight:500}.key-used-text{color:var(--text-muted);font-size:.75rem}.key-env-badge{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.key-icon-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.key-icon-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.key-revoke-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.key-revoke-btn:hover{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.switch-label{width:36px;height:20px;display:inline-block;position:relative}.switch-input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--border-strong);border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch-input:checked+.switch-slider{background-color:var(--status-success)}.switch-input:checked+.switch-slider:before{transform:translate(16px)}.key-actions-cell{align-items:center;gap:var(--space-2);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#0f172a80;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);padding:var(--space-6);gap:var(--space-5);background:#fff;flex-direction:column;animation:.2s ease-out modalScale;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.env-radio-group{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.env-radio-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.env-radio-card.selected{border-color:var(--brand-primary);background:var(--brand-subtle)}.env-radio-dot{border:2px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.env-radio-card.selected .env-radio-dot{border-color:var(--brand-primary)}.env-radio-card.selected .env-radio-dot:after{content:"";background:var(--brand-primary);border-radius:50%;width:8px;height:8px}.revealed-key-box{color:#e2e8f0;padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);word-break:break-all;background:#0f172a;border:1px solid #1e293b;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.revealed-key-text{color:#6ee7b7;-webkit-user-select:all;user-select:all;font-weight:600}.modal-warning-callout{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);color:var(--status-warning-text);font-size:.8125rem;line-height:1.5;display:flex}@media (width<=768px){.keys-header-bar,.keys-security-card{flex-direction:column;align-items:flex-start}}.plans-page{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.plans-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.plans-page-title{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 4px;font-size:1.625rem;font-weight:800}.plans-page-desc{color:var(--text-secondary);margin:0;font-size:.875rem}.billing-switch-wrap{align-items:center;display:flex}.billing-segmented-switch{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#f1f5f9;padding:3px;display:inline-flex}.billing-segmented-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.billing-segmented-btn.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #0f172a14}.annual-discount-chip{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:1px 6px;font-size:.6875rem;font-weight:700}.plans-status-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);background:#fff;flex-wrap:wrap;display:flex;box-shadow:0 1px 3px #0f172a0a}.status-banner-left{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;display:flex}.status-banner-plan-badge{align-items:center;gap:8px;display:inline-flex}.status-banner-plan-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:800}.status-banner-usage{flex-direction:column;gap:6px;min-width:240px;display:flex}.usage-label-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.usage-text{color:var(--text-secondary);font-weight:500}.usage-pct{color:var(--brand-primary);font-weight:700;font-family:var(--font-mono)}.usage-bar-track{border-radius:var(--radius-full);background:#f1f5f9;width:100%;height:6px;overflow:hidden}.usage-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .3s}.status-banner-right{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.status-banner-meta-item{flex-direction:column;gap:2px;display:flex}.meta-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:700}.meta-item-val{color:var(--text-primary);font-size:.875rem;font-weight:700}.status-banner-renew-btn{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.plans-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:20px;display:grid}.minimal-plan-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#fff;flex-direction:column;padding:24px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.minimal-plan-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px -8px #0f172a14}.minimal-plan-card.is-popular{border-color:#3b82f6;box-shadow:0 8px 24px -6px #2563eb26}.minimal-plan-card.is-popular:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,#2563eb,#60a5fa);height:3px;position:absolute;top:0;left:0;right:0}.minimal-plan-card.is-current{background:#fafcff;border-color:#10b981}.popular-badge{color:#1d4ed8;border-radius:var(--radius-full);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.plan-card-header{margin-bottom:var(--space-3)}.plan-name{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:800}.plan-desc{color:var(--text-muted);min-height:36px;margin:6px 0 0;font-size:.8125rem;line-height:1.45}.plan-price-block{margin-bottom:var(--space-3);align-items:baseline;gap:2px;display:flex}.price-currency{color:var(--text-primary);font-size:1.25rem;font-weight:700}.price-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:2.25rem;font-weight:800;line-height:1}.price-cycle{color:var(--text-muted);margin-left:4px;font-size:.8125rem;font-weight:500}.plan-specs-pills{margin-bottom:var(--space-4);flex-wrap:wrap;gap:8px;display:flex}.spec-pill{color:var(--text-secondary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.plan-features-list{border-top:1px solid var(--border-subtle);flex-direction:column;flex:1;gap:10px;margin:0 0 20px;padding:16px 0 0;list-style:none;display:flex}.plan-feature-item{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.8125rem;line-height:1.45;display:flex}.feature-check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.plan-card-footer{margin-top:auto}.plan-btn{width:100%;padding:9px var(--space-4);border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:inline-flex}.plan-btn.current{color:#065f46;cursor:default;background:#ecfdf5;border:1px solid #a7f3d0}.invoices-section{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.invoices-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-2);background:#fff;flex-wrap:wrap;display:flex}.invoices-title-wrap{align-items:center;gap:var(--space-2);display:flex}.invoices-title-wrap h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.invoices-table-card{box-shadow:none;border:none;border-radius:0;overflow-x:auto}.invoices-table{border-collapse:collapse;width:100%;min-width:680px}.invoices-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-subtle);background:#f8fafc;padding:11px 20px;font-size:.75rem;font-weight:700}.invoices-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 20px;font-size:.8125rem}.invoices-table tr:last-child td{border-bottom:none}.invoice-id{font-family:var(--font-mono);color:var(--text-primary);font-weight:700}.invoice-amount{font-family:var(--font-mono);color:var(--brand-primary);font-weight:800}.invoice-download-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.invoice-download-btn:hover{color:var(--text-primary);background:#f1f5f9;border-color:#cbd5e1}@media (width<=1150px){.plans-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.plans-header-row{flex-direction:column;align-items:flex-start}.status-banner-left,.status-banner-right{justify-content:space-between;width:100%}.status-banner-usage{width:100%}.status-banner-renew-btn{justify-content:center;width:100%}}@media (width<=600px){.plans-cards-grid{grid-template-columns:1fr}}.docs-container.full-page{gap:var(--space-8);flex-direction:column;width:100%;max-width:100%;margin:0;display:flex;position:relative}.docs-hero{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-8);gap:var(--space-4);flex-direction:column;scroll-margin-top:88px;display:flex}.docs-badge-tag{border-radius:var(--radius-full);background:var(--brand-subtle);color:var(--brand-primary);border:1px solid var(--brand-border);align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.docs-hero h1{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:800;line-height:1.2}.docs-hero-lead{color:var(--text-secondary);max-width:900px;margin:0;font-size:1.0625rem;line-height:1.6}.docs-stats-row{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.docs-stat-card{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--transition-fast)}.docs-stat-card:hover{transform:translateY(-1px)}.docs-stat-val{color:var(--brand-primary);font-size:1.375rem;font-weight:800;font-family:var(--font-mono)}.docs-stat-lbl{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:600}.docs-top-directory{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);gap:var(--space-6);background:#fff;flex-direction:column;display:flex}.docs-top-directory-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.docs-top-search-box{width:420px;max-width:100%;position:relative}.docs-nav-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.docs-nav-search-input{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:9px 12px 9px 36px;font-size:.8125rem}.docs-nav-search-input:focus{border-color:var(--brand-primary);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.docs-clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.docs-clear-search-btn:hover{color:var(--brand-primary);background:var(--bg-subtle)}.docs-top-directory-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.docs-directory-col{gap:var(--space-2);flex-direction:column;display:flex}.docs-directory-col-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1);font-size:.75rem;font-weight:800}.docs-directory-links{flex-direction:column;gap:3px;display:flex}.docs-directory-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:var(--space-2);padding:6px 8px;font-size:.8125rem;text-decoration:none;display:flex}.docs-directory-link:hover{background:var(--bg-subtle);color:var(--brand-primary);transform:translate(2px)}.docs-directory-link.endpoint-link{font-family:var(--font-mono);font-size:.75rem}.docs-directory-link.playground-highlight{color:var(--brand-primary);background:#2563eb0d;border:1px dashed #2563eb40;justify-content:space-between;margin-top:4px;font-weight:700}.docs-directory-link.playground-highlight:hover{background:var(--brand-subtle)}.docs-nav-method-pill{font-size:.625rem;font-family:var(--font-mono);letter-spacing:.02em;border-radius:4px;padding:1px 5px;font-weight:700}.docs-nav-method-pill.get{color:#1d4ed8;background:#dbeafe}.docs-nav-method-pill.hook{color:#7e22ce;background:#f3e8ff}.docs-nav-path{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.docs-sticky-header-bar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-3);background:#fffffff2;flex-wrap:wrap;padding:10px 18px;display:flex;position:sticky;top:70px;box-shadow:0 4px 12px #0f172a0d}.docs-quick-anchors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.docs-quick-anchor{color:var(--text-secondary);border-radius:var(--radius-full);background:var(--bg-subtle);transition:all var(--transition-fast);border:1px solid var(--border-subtle);padding:5px 12px;font-size:.75rem;font-weight:700;text-decoration:none}.docs-quick-anchor:hover{background:var(--brand-subtle);color:var(--brand-primary);border-color:var(--brand-border)}.docs-lang-selector{align-items:center;gap:var(--space-2);display:flex}.docs-main-content.full-width{gap:var(--space-12);width:100%;min-width:0;max-width:100%;padding-bottom:var(--space-16);flex-direction:column;flex:1;display:flex}.docs-section{gap:var(--space-4);flex-direction:column;scroll-margin-top:130px;display:flex}.docs-section-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:var(--space-3);margin:0;font-size:1.375rem;font-weight:800;display:flex}.docs-section-desc{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.docs-subheading{color:var(--text-primary);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:700;display:flex}.docs-endpoint-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.endpoint-method-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;padding:4px 10px;font-size:.8125rem;font-weight:800}.endpoint-path-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.375rem;font-weight:800;font-family:var(--font-mono);margin:0}.docs-test-btn{color:var(--brand-primary);background:var(--brand-subtle);border:1px solid var(--brand-border);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.docs-test-btn:hover{background:var(--brand-primary);color:#fff}.docs-callout{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;display:flex}.docs-callout.note{background:var(--brand-subtle);border:1px solid var(--brand-border);color:#1e3a8a}.docs-callout-icon{flex-shrink:0;margin-top:2px}.docs-grid-2col{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.docs-card-header-label{color:var(--text-secondary);margin-bottom:var(--space-2);align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.docs-table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;width:100%;overflow-x:auto}.docs-param-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.docs-param-table th{background:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-size:.6875rem;font-weight:700}.docs-param-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:top;padding:12px 14px;line-height:1.5}.docs-param-table tr:last-child td{border-bottom:none}.docs-param-table code{font-family:var(--font-mono);background:var(--bg-subtle);color:#0f172a;border:1px solid #0000000d;border-radius:4px;padding:2px 6px;font-size:.75rem}.type-badge{font-family:var(--font-mono);color:var(--text-muted);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:600}.docs-code-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#0b132b;border:1px solid #1e293b;width:100%;overflow:hidden}.docs-code-header{background:#141e3c;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;min-height:40px;padding:8px 14px;display:flex}.docs-code-title{color:#94a3b8;font-size:.75rem;font-family:var(--font-mono)}.docs-code-tabs{align-items:center;gap:4px;display:flex}.docs-code-tab{color:#94a3b8;font-size:.6875rem;font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-weight:700}.docs-code-tab:hover{color:#fff;background:#ffffff14}.docs-code-tab.active{background:var(--brand-primary);color:#fff}.docs-code-copy{color:#cbd5e1;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.6875rem;font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:5px;padding:4px 9px;display:flex}.docs-code-copy:hover{color:#fff;background:#ffffff26}.docs-code-pre{padding:var(--space-4);font-family:var(--font-mono);color:#e2e8f0;white-space:pre;margin:0;font-size:.8125rem;line-height:1.6;overflow-x:auto}.docs-code-pre::-webkit-scrollbar{height:6px}.docs-code-pre::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.docs-feature-list{padding-left:var(--space-4);color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.7}.docs-feature-list li{margin-bottom:6px}.docs-bottom-cta{padding:var(--space-6);border:1px solid var(--brand-border);justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);margin-top:var(--space-4);background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);flex-wrap:wrap;display:flex}@media (width<=1080px){.docs-top-directory-grid,.docs-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.docs-top-directory-grid{grid-template-columns:1fr}.docs-top-search-box{width:100%}.docs-sticky-header-bar{flex-direction:column;align-items:flex-start;position:static}.docs-grid-2col{grid-template-columns:1fr}}@media (width<=600px){.docs-hero h1{font-size:1.75rem}.docs-stats-row{grid-template-columns:1fr}.docs-endpoint-heading{flex-direction:column;align-items:flex-start}.endpoint-path-title{word-break:break-all;font-size:1.125rem}.docs-bottom-cta{flex-direction:column;align-items:flex-start}}.playground-page{gap:var(--space-6);flex-direction:column;display:flex}.playground-header-bar{justify-content:space-between;align-items:center;display:flex}.playground-split{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.playground-card{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.playground-panel-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;display:flex}.request-url-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;overflow:hidden}.request-method-badge{color:#1d4ed8;font-family:var(--font-mono);border-right:1px solid var(--border-subtle);background:#dbeafe;align-items:center;padding:10px 14px;font-size:.8125rem;font-weight:700;display:flex}.request-url-input{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:.875rem}.playground-meta-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.playground-meta-pill.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.playground-meta-pill.cache{background:var(--brand-subtle);color:var(--brand-primary);border:1px solid var(--brand-border)}.response-viewer{border-radius:var(--radius-lg);background:#0f172a;border:1px solid #1e293b;flex-direction:column;flex:1;min-height:380px;display:flex}.response-header{padding:10px var(--space-4);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;display:flex}.response-pre{padding:var(--space-4);color:#e2e8f0;font-family:var(--font-mono);flex:1;margin:0;font-size:.8125rem;line-height:1.6;overflow:auto}@media (width<=1024px){.playground-split{grid-template-columns:1fr}}.analytics-page{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.analytics-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-title-group h1{color:var(--text-primary);letter-spacing:-.025em;margin:0 0 4px;font-size:1.625rem;font-weight:800}.analytics-title-group p{color:var(--text-secondary);margin:0;font-size:.875rem}.analytics-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.time-range-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#f1f5f9;padding:3px;display:inline-flex}.time-range-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:5px 12px;font-size:.75rem;font-weight:600}.time-range-btn.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #0f172a14}.live-pulse-badge{color:#059669;border-radius:var(--radius-full);background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.spin-icon{animation:1s linear infinite spinAround}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.analytics-kpi-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0f172a0a}.analytics-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f172a0f}.kpi-card-header{justify-content:space-between;align-items:center;display:flex}.kpi-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.kpi-card-trend{color:#059669;align-items:center;gap:3px;font-size:.75rem;font-weight:700;display:inline-flex}.kpi-card-value{color:var(--text-primary);letter-spacing:-.03em;margin-top:2px;font-size:1.875rem;font-weight:800;line-height:1.1}.kpi-progress-track{border-radius:var(--radius-full);background:#f1f5f9;width:100%;height:4px;margin:4px 0 2px;overflow:hidden}.kpi-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .4s}.kpi-micro-stat{color:var(--text-secondary);font-size:.75rem;font-weight:500}.kpi-card-footer{color:var(--text-muted);align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-size:.75rem;display:flex}.analytics-chart-row{gap:var(--space-5);grid-template-columns:1.55fr 1fr;align-items:stretch;display:grid}.analytics-chart-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0f172a0a}.chart-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.chart-title-wrap{align-items:center;gap:10px;display:flex}.chart-title-wrap h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.chart-subtitle{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:500;display:block}.chart-metric-switch{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#f1f5f9;gap:2px;padding:3px;display:inline-flex}.chart-metric-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:.75rem;font-weight:600}.chart-metric-btn.active{color:var(--brand-primary);background:#fff;font-weight:700;box-shadow:0 1px 2px #0f172a0f}.chart-canvas-wrap{min-height:200px;padding-top:var(--space-3);flex-direction:column;flex:1;justify-content:flex-end;display:flex}.spark-bars-container{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:8px;width:100%;height:180px;padding-bottom:6px;display:flex}.spark-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.spark-bar-track{background:0 0;align-items:flex-end;width:100%;max-width:32px;height:calc(100% - 22px);display:flex}.spark-bar-fill{cursor:pointer;background:linear-gradient(#93c5fd 0%,#3b82f6 100%);border-radius:4px 4px 0 0;width:100%;min-height:6px;transition:height .3s cubic-bezier(.16,1,.3,1),background .2s}.spark-bar-fill:hover{background:linear-gradient(#60a5fa 0%,#2563eb 100%)}.spark-bar-fill.is-peak{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);box-shadow:0 0 10px #2563eb4d}.spark-bar-label{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:6px}.top-endpoints-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;flex-direction:column;display:flex;box-shadow:0 1px 3px #0f172a0a}.endpoints-list{flex-direction:column;flex:1;justify-content:space-around;gap:10px;display:flex}.endpoint-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#f8fafc;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.endpoint-row:hover{background:#f1f5f9;border-color:#cbd5e1}.endpoint-info{justify-content:space-between;align-items:center;display:flex}.endpoint-code{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:65%;font-size:.8125rem;font-weight:700;overflow:hidden}.endpoint-calls{color:var(--text-secondary);font-size:.75rem;font-weight:600}.endpoint-progress-wrap{align-items:center;gap:8px;display:flex}.endpoint-bar-track{border-radius:var(--radius-full);background:#e2e8f0;flex:1;height:5px;overflow:hidden}.endpoint-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.endpoint-pct{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);text-align:right;width:36px}.endpoint-meta{justify-content:flex-end;display:flex}.endpoint-latency{font-family:var(--font-mono);color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:700}.audit-table-section{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.audit-table-header{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);background:#fff;flex-wrap:wrap;display:flex}.audit-header-title{align-items:center;gap:10px;display:flex}.audit-header-title h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.audit-header-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.audit-filter-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.search-box-wrap{width:260px;max-width:100%;position:relative}.audit-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:34px;color:var(--text-primary);transition:all var(--transition-fast);background:#f8fafc;padding:0 12px 0 32px;font-size:.8125rem}.audit-search-input:focus{border-color:var(--brand-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.status-filter-pills{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#f1f5f9;gap:2px;padding:3px;display:inline-flex}.status-pill{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:.75rem;font-weight:600}.status-pill:hover{color:var(--text-primary)}.status-pill.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 2px #0f172a14}.audit-table-wrap{width:100%;overflow-x:auto}.clean-audit-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px;font-size:.8125rem}.clean-audit-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:.6875rem;font-weight:700}.clean-audit-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-secondary);background:#fff;padding:12px 18px}.clean-audit-table tr:hover td{background-color:#f8fafc}.clean-audit-table tr:last-child td{border-bottom:none}.req-id-code{font-family:var(--font-mono);color:var(--brand-primary);font-size:.75rem;font-weight:700}.req-time-cell{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.method-pill{font-family:var(--font-mono);color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:.6875rem;font-weight:800;display:inline-block}.route-cell{font-family:var(--font-mono);color:var(--text-primary);font-size:.8125rem;font-weight:600}.latency-badge{font-family:var(--font-mono);color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.tier-tag{font-family:var(--font-mono);color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:700}.ip-cell{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.key-name-cell{color:var(--text-primary);font-size:.8125rem;font-weight:600}.audit-pagination-bar{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-3);background:#fff;flex-wrap:wrap;font-size:.75rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.75rem;font-weight:500}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{align-items:center;gap:4px;height:30px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pagination-page-indicator{color:var(--text-primary);padding:0 4px;font-size:.75rem;font-weight:600}@media (width<=1100px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-chart-row{grid-template-columns:1fr}}@media (width<=640px){.analytics-kpi-grid{grid-template-columns:1fr}.analytics-header-row{flex-direction:column;align-items:flex-start}.search-box-wrap{width:100%}.chart-card-header,.audit-table-header{flex-direction:column;align-items:flex-start}.audit-filter-controls{width:100%}}.settings-page{gap:var(--space-6);flex-direction:column;width:100%;max-width:1040px;margin:0 auto;display:flex}.settings-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.settings-header-desc{color:var(--text-secondary);max-width:680px;margin:4px 0 0;font-size:.875rem}.settings-plan-badge{border-radius:var(--radius-full);background:var(--brand-subtle);border:1px solid var(--brand-border);color:var(--brand-primary);align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;font-weight:700;display:inline-flex}.settings-tabs-bar{background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.settings-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.settings-tab-btn:hover{color:var(--text-primary)}.settings-tab-btn.active{color:var(--brand-primary);box-shadow:var(--shadow-sm);background:#fff;font-weight:700}.settings-section-container{gap:var(--space-6);flex-direction:column;display:flex}.settings-card{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#fff}.settings-card-title{color:var(--text-primary);margin-bottom:var(--space-4);align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.settings-profile-row{align-items:center;gap:var(--space-5);display:flex}.settings-avatar-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-primary) 0%, #1d4ed8 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb40}.settings-avatar-info{flex-direction:column;gap:2px;display:flex}.settings-grid-2col{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.settings-input-verified-pill{color:#059669;border-radius:var(--radius-full);background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 8px;font-size:.6875rem;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.settings-form-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.settings-pw-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.settings-pw-toggle:hover{color:var(--text-primary)}.settings-strength-meter-bg{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.settings-strength-meter-fill{height:100%;transition:all var(--transition-base)}.settings-sessions-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.settings-session-item{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);padding:12px 16px;display:flex}.settings-session-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-session-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-toggle-list{gap:var(--space-4);flex-direction:column;display:flex}.settings-toggle-item{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);padding:14px 16px;display:flex}.settings-toggle-label{color:var(--text-primary);font-size:.875rem;font-weight:700}.settings-toggle-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.settings-switch{appearance:none;cursor:pointer;width:42px;height:24px;transition:all var(--transition-fast);background:#cbd5e1;border-radius:24px;outline:none;flex-shrink:0;position:relative}.settings-switch:after{content:"";width:20px;height:20px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.settings-switch:checked{background:var(--brand-primary)}.settings-switch:checked:after{transform:translate(18px)}.settings-danger-card{background:#fffdfd;border-color:#fecaca}.settings-danger-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.settings-backup-codes-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.settings-backup-code-pill{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;color:var(--text-primary);letter-spacing:.05em;padding:8px 12px;font-size:.875rem;font-weight:700}@media (width<=768px){.settings-grid-2col{grid-template-columns:1fr}.settings-danger-row{flex-direction:column;align-items:flex-start}.settings-tabs-bar{width:100%}.settings-session-item{flex-direction:column;align-items:flex-start}}.admin-container{background-color:var(--bg-canvas);width:100%;min-height:100vh;display:flex}.admin-sidebar{color:#f8fafc;z-index:50;width:260px;transition:transform var(--transition-base), visibility var(--transition-base);background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-container.sidebar-closed .admin-sidebar{visibility:hidden;pointer-events:none;transform:translate(-100%)}.admin-container.sidebar-open .admin-sidebar{visibility:visible;pointer-events:auto;transform:translate(0)}.admin-sidebar-header{height:64px;padding:0 var(--space-4) 0 var(--space-5);border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;display:flex}.admin-sidebar-close-btn{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:auto;display:flex}.admin-sidebar-close-btn:hover{color:#fff;background:#1e293b}.admin-brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.admin-logo{border-radius:var(--radius-md);color:#fff;background:#dc2626;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #dc26264d}.admin-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.admin-brand-badge{text-transform:uppercase;color:#fff;border-radius:var(--radius-sm);letter-spacing:.05em;background:#dc2626;margin-left:6px;padding:2px 6px;font-size:.625rem;font-weight:800}.admin-sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.admin-nav-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3) 4px;margin-top:var(--space-2);font-size:.6875rem;font-weight:700}.admin-nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:#94a3b8;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.admin-nav-item:hover{color:#fff;background-color:#1e293b}.admin-nav-item.active{color:#fff;background-color:#1e293b;border-left:3px solid #2563eb;font-weight:700}.admin-nav-badge{border-radius:var(--radius-full);color:#e2e8f0;background:#334155;margin-left:auto;padding:2px 6px;font-size:.6875rem;font-weight:700}.admin-nav-badge.danger{color:#dc2626;background:#fef2f2}.admin-sidebar-footer{padding:var(--space-4);gap:var(--space-3);border-top:1px solid #1e293b;flex-direction:column;display:flex}.admin-user-row{align-items:center;gap:var(--space-3);display:flex}.admin-avatar{color:#93c5fd;background:#1e293b;border:1.5px solid #334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex}.admin-user-text{flex-direction:column;display:flex;overflow:hidden}.admin-user-role{color:#94a3b8;font-size:.6875rem}.admin-switch-portal-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:#e2e8f0;transition:all var(--transition-fast);background:#1e293b;border:1px solid #334155;padding:8px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.admin-switch-portal-btn:hover{color:#fff;background:#334155}.admin-main{min-width:0;min-height:100vh;transition:margin-left var(--transition-base), width var(--transition-base), max-width var(--transition-base);flex-direction:column;flex:1;display:flex}.admin-container.sidebar-open .admin-main{width:calc(100% - 260px);max-width:calc(100% - 260px);margin-left:260px}.admin-container.sidebar-closed .admin-main{width:100%;max-width:100%;margin-left:0}.admin-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:64px;padding:0 var(--space-8);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:var(--space-3);display:flex}.admin-header-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:800;display:flex}.admin-header-right{align-items:center;gap:var(--space-3);display:flex}.admin-content{padding:var(--space-8);flex:1;width:100%;max-width:1360px;margin:0 auto}@media (width<=1024px){.admin-main,.admin-container.sidebar-open .admin-main,.admin-container.sidebar-closed .admin-main{width:100%!important;max-width:100%!important;margin-left:0!important}.admin-sidebar{visibility:hidden;transform:translate(-100%)}.admin-sidebar.open,.admin-container.sidebar-open .admin-sidebar{box-shadow:var(--shadow-xl);visibility:visible!important;transform:translate(0)!important}.admin-header{padding:0 var(--space-4)}.admin-content{padding:var(--space-5) var(--space-4)}}.admin-page-shell,.admin-page{gap:var(--space-6);flex-direction:column;width:100%;animation:.2s ease-out fadeIn;display:flex}.admin-page-header,.admin-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.admin-page-title-group h2,.admin-header-row h2{color:var(--text-primary);letter-spacing:-.025em;align-items:center;gap:var(--space-3);margin:0;font-size:1.625rem;font-weight:800;display:flex}.admin-page-subtitle{color:var(--text-secondary);max-width:680px;margin-top:4px;font-size:.875rem;line-height:1.5}.admin-header-badge{border-radius:var(--radius-full);color:#dc2626;letter-spacing:.03em;background:#fef2f2;border:1px solid #fecaca;padding:3px 10px;font-size:.75rem;font-weight:700}.admin-kpi-grid,.admin-stats-strip{gap:var(--space-4)!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;display:grid!important}.admin-kpi-card,.admin-stat-card{border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;justify-content:space-between!important;gap:var(--space-3)!important;transition:transform var(--transition-fast), box-shadow var(--transition-fast)!important;background:#fff!important;flex-direction:column!important;padding:18px 20px!important;display:flex!important;box-shadow:0 1px 3px #0f172a0a!important}.admin-kpi-card:hover,.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.admin-kpi-top{justify-content:space-between;align-items:center;display:flex}.admin-kpi-label,.admin-stat-label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.75rem!important;font-weight:700!important}.admin-kpi-icon-pill{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-kpi-icon-pill.blue{color:#2563eb;background:#eff6ff}.admin-kpi-icon-pill.green{color:#059669;background:#ecfdf5}.admin-kpi-icon-pill.purple{color:#7e22ce;background:#faf5ff}.admin-kpi-icon-pill.red{color:#dc2626;background:#fef2f2}.admin-kpi-icon-pill.amber{color:#d97706;background:#fffbeb}.admin-kpi-value,.admin-stat-val{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em;line-height:1;font-size:1.75rem!important;font-weight:800!important}.admin-kpi-footer,.admin-stat-sub{align-items:center;gap:8px;display:flex;color:var(--text-muted)!important;font-size:.75rem!important;font-weight:500!important}.admin-toolbar-card,.admin-filter-bar{border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;justify-content:space-between!important;align-items:center!important;gap:var(--space-3)!important;background:#fff!important;flex-wrap:wrap!important;padding:12px 16px!important;display:flex!important;box-shadow:0 1px 2px #0f172a08!important}.admin-toolbar-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.admin-search-wrapper,.admin-filter-bar .input-wrapper{width:320px!important;max-width:100%!important;position:relative!important}.admin-search-icon,.admin-filter-bar .input-icon{color:var(--text-muted)!important;pointer-events:none!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.admin-search-input,.admin-filter-bar .form-input[type=text]{background:var(--bg-subtle)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;width:100%!important;height:38px!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important;outline:none!important;padding:0 14px 0 36px!important;font-size:.8125rem!important}.admin-search-input:focus,.admin-filter-bar .form-input[type=text]:focus{border-color:var(--brand-primary)!important;background:#fff!important;box-shadow:0 0 0 3px #2563eb1a!important}.admin-filter-bar select.form-input{background:var(--bg-subtle)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;height:38px!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;outline:none!important;padding:0 12px!important;font-size:.8125rem!important;font-weight:600!important}.admin-filter-bar select.form-input:focus{border-color:var(--brand-primary)!important;background:#fff!important}.admin-filter-group{align-items:center;gap:6px;display:flex}.admin-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.admin-filter-select{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:0 12px;font-size:.8125rem;font-weight:600}.admin-filter-select:focus{border-color:var(--brand-primary);background:#fff}.admin-toolbar-right{align-items:center;gap:var(--space-3);display:flex}.admin-counter-chip{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:4px 10px;font-size:.8125rem;font-weight:500}.admin-table-card{border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;background:#fff!important;overflow:hidden!important;box-shadow:0 1px 3px #0f172a0a!important}.admin-table-responsive,.clean-table-wrap{border-radius:var(--radius-lg);width:100%!important;overflow-x:auto!important}.admin-data-table,.clean-audit-table{border-collapse:collapse!important;text-align:left!important;width:100%!important;min-width:860px!important;font-size:.8125rem!important}.admin-data-table th,.clean-audit-table th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.06em!important;white-space:nowrap!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:12px 16px!important;font-size:.6875rem!important;font-weight:800!important}.admin-data-table td,.clean-audit-table td{vertical-align:middle!important;color:var(--text-secondary)!important;border-bottom:1px solid #f1f5f9!important;padding:13px 16px!important}.admin-data-table tr:hover td,.clean-audit-table tr:hover td{background-color:#f8fafc!important}.admin-data-table tr:last-child td,.clean-audit-table tr:last-child td{border-bottom:none!important}.admin-user-cell{align-items:center;gap:var(--space-3);display:flex}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8125rem;font-weight:800;display:flex;box-shadow:0 2px 4px #2563eb33}.admin-user-avatar.suspended{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);box-shadow:0 2px 4px #dc262633}.admin-user-meta{flex-direction:column;gap:2px;display:flex}.admin-user-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.admin-user-email{color:var(--text-muted);font-size:.75rem}.admin-user-org{color:var(--brand-primary);font-size:.6875rem;font-weight:600}.admin-plan-badge{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-plan-badge.free{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.admin-plan-badge.starter{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.admin-plan-badge.pro{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admin-plan-badge.enterprise{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.admin-quota-cell{flex-direction:column;gap:4px;min-width:150px;display:flex}.admin-quota-text{justify-content:space-between;font-size:.75rem;display:flex}.admin-quota-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:6px;overflow:hidden}.admin-quota-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.admin-key-cell{flex-direction:column;gap:4px;display:flex}.admin-key-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.admin-key-prefix-box{align-items:center;gap:6px;display:flex}.admin-key-prefix-code{font-family:var(--font-mono);color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.75rem}.admin-copy-icon-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex}.admin-copy-icon-btn:hover{background:var(--bg-subtle);color:var(--brand-primary)}.admin-status-pill{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-status-pill.active{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.admin-status-pill.suspended,.admin-status-pill.revoked{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.admin-status-dot{border-radius:50%;width:6px;height:6px}.admin-status-pill.active .admin-status-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.admin-status-pill.suspended .admin-status-dot,.admin-status-pill.revoked .admin-status-dot{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.admin-env-badge{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-env-badge.live{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.admin-env-badge.test{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admin-actions-cell{align-items:center;gap:6px;display:flex}.admin-btn-action{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-btn-action:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.admin-btn-action.danger{color:var(--status-danger);border-color:#fecaca}.admin-btn-action.danger:hover{border-color:var(--status-danger);background:#fef2f2}.admin-btn-action.success{color:#059669;border-color:#a7f3d0}.admin-btn-action.success:hover{background:#ecfdf5;border-color:#059669}.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:520px;box-shadow:var(--shadow-xl);background:#fff;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.admin-modal-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-modal-title{color:var(--text-primary);align-items:center;gap:var(--space-2);margin:0;font-size:1.125rem;font-weight:800;display:flex}.admin-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;display:flex}.admin-modal-close:hover{background:var(--bg-subtle);color:var(--text-primary)}@media (width<=1080px){.admin-kpi-grid,.admin-stats-strip{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.admin-kpi-grid,.admin-stats-strip{grid-template-columns:1fr!important}.admin-toolbar-card,.admin-filter-bar{flex-direction:column!important;align-items:stretch!important}.admin-search-wrapper,.admin-filter-bar .input-wrapper{width:100%!important}.admin-toolbar-left{width:100%}}.admin-scraper-page{gap:var(--space-6);flex-direction:column;display:flex}.scraper-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.scraper-header-text h2{color:var(--text-primary);margin-bottom:2px;font-size:1.5rem;font-weight:800}.scraper-actions-bar{align-items:center;gap:var(--space-3);display:flex}.upstream-diag-card{padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);gap:var(--space-4);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.diag-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.diag-item{flex-direction:column;gap:2px;display:flex}.diag-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.diag-val{color:var(--text-primary);font-size:1.125rem;font-weight:800}.scraper-split-view{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:start;display:grid}.terminal-card,.scraper-terminal-card{border-radius:var(--radius-xl)!important;background:#0f172a!important;border:1px solid #1e293b!important;flex-direction:column!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 12px #0f172a26!important}.terminal-header,.terminal-header-bar{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.terminal-controls,.terminal-dots{align-items:center;gap:8px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.terminal-dot:first-child{background:#ef4444}.terminal-dot:nth-child(2){background:#f59e0b}.terminal-dot:nth-child(3){background:#10b981}.terminal-title{font-family:var(--font-mono);color:#94a3b8;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.terminal-body{padding:var(--space-4) var(--space-5);height:320px;font-family:var(--font-mono);color:#e2e8f0;background:#0f172a;flex-direction:column;gap:6px;font-size:.8125rem;line-height:1.6;display:flex;overflow-y:auto}.terminal-line,.log-line{word-break:break-all;align-items:baseline;gap:8px;display:flex}.terminal-time,.log-time{color:#64748b;flex-shrink:0;font-size:.75rem}.log-tag{flex-shrink:0;font-size:.75rem;font-weight:700}.tag-SCRAPER,.terminal-tag-scraper{color:#93c5fd}.tag-PARSER{color:#c084fc}.tag-REDIS,.terminal-tag-redis{color:#fde68a}.tag-WEBHOOK,.terminal-tag-webhook{color:#6ee7b7}.tag-TELEGRAM{color:#38bdf8}.tag-ERROR,.terminal-tag-error{color:#fca5a5;font-weight:800}.log-msg{color:#e2e8f0}.cluster-cards-list{gap:var(--space-3);flex-direction:column;display:flex}.cluster-node-card{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.cluster-node-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.cluster-node-info{align-items:center;gap:var(--space-3);display:flex}.cluster-node-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.cluster-node-meta{color:var(--text-muted);font-size:.75rem}@media (width<=1100px){.scraper-split-view{grid-template-columns:1fr}.diag-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.diag-grid{grid-template-columns:1fr}}.admin-override-page{gap:var(--space-6);flex-direction:column;width:100%;animation:.2s ease-out fadeIn;display:flex}.override-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.override-header-row h2{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:1.625rem;font-weight:800}.override-warning-card{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:16px 20px;display:flex;box-shadow:0 1px 2px #d977060d}.warning-card-left{align-items:center;gap:var(--space-3);color:#92400e;font-size:.875rem;line-height:1.5;display:flex}.warning-card-left strong{color:#78350f;font-weight:800}.warning-card-left svg{color:#d97706;flex-shrink:0}.override-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));width:100%;display:grid}.override-market-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background:#fff;flex-direction:column;gap:16px;padding:18px 20px;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.override-market-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.override-market-card.is-overridden{background:#fffdf8;border-left:4px solid #f59e0b}.card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.market-title{color:var(--text-primary);letter-spacing:-.01em;text-transform:uppercase;font-size:1.05rem;font-weight:800}.override-badge{letter-spacing:.04em;border-radius:var(--radius-full);text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:800;display:inline-flex}.pana-breakdown-box{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:6px;padding:12px 14px;display:grid}.pana-col{flex-direction:column;align-items:center;gap:3px;display:flex}.col-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:800}.col-val{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:1.25rem;font-weight:800;line-height:1.1}.col-val.jodi{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-size:1.35rem;font-weight:900;box-shadow:0 1px 2px #2563eb14}.col-divider{background:#e2e8f0;width:1px;height:32px}.card-footer-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.sync-time{color:var(--text-muted);font-size:.75rem;font-weight:500}.req-id-code{font-family:var(--font-mono);color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:520px;box-shadow:var(--shadow-xl);background:#fff;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn}.modal-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:800}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;display:flex}.modal-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}@media (width<=768px){.override-grid{grid-template-columns:1fr}.override-warning-card{flex-direction:column;align-items:flex-start}}