:root{--blue-primary: #2563eb;--blue-dark: #1e40af;--blue-light: #3b82f6;--orange-primary: #fd8031;--orange-dark: #e56d1a;--orange-darker: #e06600;--orange-light: #fd9a5a;--orange-energy: #ff6d00;--green-primary: #22c55e;--green-validate: #10b981;--red-primary: #ef4444;--grey-cancel: #94a3b8;--orange-glow: rgba(253, 128, 49, .15);--orange-glow-soft: rgba(253, 128, 49, .1);--orange-subtle: rgba(255, 109, 0, .08);--orange-bg: rgba(253, 128, 49, .04);--orange-light-bg: #fff3e0;--blue-subtle: rgba(37, 99, 235, .06);--blue-bg: rgba(37, 99, 235, .08);--blue-glow: rgba(37, 99, 235, .08);--green-bg: rgba(34, 197, 94, .1);--red-bg: rgba(239, 68, 68, .1);--red-border: rgba(239, 68, 68, .2);--red-light-bg: rgba(239, 68, 68, .06);--surface-bg: #f8fafc;--surface-card: #ffffff;--surface-card-border: #e2e8f0;--surface-muted: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .5);--backdrop-overlay: rgba(0, 0, 0, .4);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-dark: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 20px 50px -12px rgba(0, 0, 0, .08);--shadow-orange: 0 4px 14px rgba(253, 128, 49, .25);--shadow-orange-md: 0 2px 10px rgba(253, 128, 49, .3);--shadow-orange-lg: 0 4px 18px rgba(253, 128, 49, .4);--shadow-orange-xl: 0 8px 25px -5px rgba(249, 115, 22, .35);--shadow-blue: 0 4px 14px rgba(37, 99, 235, .2);--radius-sm: .5rem;--radius: .75rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--transition: .2s ease;--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,app-root{height:100%}body{height:100%;font-family:var(--font-family),sans serif;-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--surface-bg);overflow-x:hidden}img{display:block}:host{display:block;background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-family),sans serif}.card{border-radius:var(--radius);border:1px solid var(--surface-card-border);background:var(--surface-card)}