:root{--bg-primary:#0a0d14;--bg-secondary:#0f1523;--bg-tertiary:#161e31;--bg-card:rgba(22,30,49,0.7);--bg-card-hover:rgba(30,41,66,0.85);--border-subtle:rgba(255,255,255,0.08);--border-accent:rgba(99,102,241,0.35);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg,#6366f1,#06b6d4);--accent-gradient-glow:linear-gradient(135deg,rgba(99,102,241,0.25),rgba(6,182,212,0.25));--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.45);--shadow-lg:0 16px 40px rgba(0,0,0,0.6);--shadow-glow:0 0 30px rgba(99,102,241,0.25)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-panel-hover{transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--accent-gradient);color:#ffffff;font-weight:600;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px rgba(99,102,241,.4)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.6)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);font-weight:500;padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-danger{background:rgba(239,68,68,.15);color:var(--danger);border:1px solid rgba(239,68,68,.3);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s ease}.btn-danger:hover{background:rgba(239,68,68,.3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-ready{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-processing{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-pro{background:rgba(99,102,241,.2);color:#818cf8;border:1px solid rgba(99,102,241,.4)}.badge-business{background:rgba(6,182,212,.2);color:#22d3ee;border:1px solid rgba(6,182,212,.4)}.form-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:.95rem;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width:1024px){.dashboard-main-container{padding:20px 16px!important}}@media (max-width:868px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.responsive-2col{grid-template-columns:1fr!important}.hero-title{font-size:2.25rem!important}}@media (max-width:640px){.hero-title{font-size:1.85rem!important}.hero-subtitle{font-size:1rem!important}.hero-cta-group{flex-direction:column!important;width:100%}.hero-cta-group a{width:100%!important;text-align:center}.sandbox-input-group{flex-direction:column!important}.sandbox-input-group button{width:100%!important;padding:12px!important}}