@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--accent-50: #fdf4ff;--accent-100: #fae8ff;--accent-200: #f5d0fe;--accent-300: #f0abfc;--accent-400: #e879f9;--accent-500: #d946ef;--accent-600: #c026d3;--accent-700: #a21caf;--accent-800: #86198f;--accent-900: #701a75;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Cal Sans", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-px: 1px;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-base: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop: blur(16px) saturate(180%);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: all .5s cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275)}.text-display{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.025em}.text-heading{font-family:var(--font-sans);font-weight:600;line-height:1.3;letter-spacing:-.015em}.text-body{font-family:var(--font-sans);font-weight:400;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-success:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-premium{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:2px solid var(--primary-200);position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--transition-fast);background:#fff;color:var(--gray-900)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);color:var(--gray-900)}.form-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-sans);font-weight:500;color:var(--gray-700);font-size:var(--text-sm)}@media (max-width: 768px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--space-16: 2rem;--space-20: 3rem}.btn{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out)}.animate-fade-in-down{animation:fadeInDown .6s var(--ease-out)}.animate-slide-in-left{animation:slideInLeft .5s var(--ease-out)}.animate-slide-in-right{animation:slideInRight .5s var(--ease-out)}.animate-scale-in{animation:scaleIn .3s var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.loading{position:relative;overflow:hidden}.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:var(--space-8)}.auth-card{background:#fff;border-radius:var(--radius-3xl);padding:var(--space-10);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200);width:100%;max-width:500px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--gray-600);font-size:var(--text-lg);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.auth-form .form-input{color:var(--gray-900);background:#fff}.auth-form .form-input::placeholder{color:var(--gray-500)}.auth-form .form-input:focus{color:var(--gray-900)}.auth-form select.form-input{color:var(--gray-900)}.auth-form select.form-input option{color:var(--gray-900);background:#fff}.password-input-container{position:relative}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--gray-500);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.password-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.error-alert{display:flex;align-items:center;gap:var(--space-2);background:var(--error-50);color:var(--error-700);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--error-200);font-size:var(--text-sm)}.error-icon{font-size:var(--text-lg)}.auth-submit-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-lg);margin-top:var(--space-4)}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-arrow{font-size:var(--text-xl);transition:transform var(--transition-fast)}.auth-submit-btn:hover .btn-arrow{transform:translate(4px)}.auth-footer{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.auth-switch-text{color:var(--gray-600);margin-bottom:var(--space-3)}.auth-switch-btn{background:none;border:none;color:var(--primary-600);font-weight:600;cursor:pointer;font-size:var(--text-base);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.auth-switch-btn:hover{background:var(--primary-50);color:var(--primary-700)}.auth-features{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.feature-check{color:var(--success-600);font-weight:700;font-size:var(--text-base)}@media (max-width: 768px){.auth-container{padding:var(--space-4);min-height:60vh}.auth-card{padding:var(--space-6)}.auth-title{font-size:var(--text-2xl)}.auth-subtitle{font-size:var(--text-base)}.form-row,.feature-list{grid-template-columns:1fr}}.form-input:focus{transform:translateY(-1px)}.auth-submit-btn:focus{outline:2px solid var(--primary-300);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-800);line-height:1.6}.container{min-height:100vh;background:var(--gray-50);position:relative}.header{background:#fff;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:inline-block}.logout-header-btn{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.logout-header-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.nav{background:#fff;margin:var(--space-8) var(--space-8) 0;border-radius:var(--radius-2xl);padding:var(--space-3);box-shadow:0 8px 25px #00000026;border:2px solid var(--gray-300);display:flex;gap:var(--space-2);overflow-x:auto}.nav-btn{padding:var(--space-3) var(--space-6);border:2px solid var(--gray-300);border-radius:var(--radius-xl);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;background:#fff;color:var(--gray-800);box-shadow:0 2px 4px #0000001a}.nav-btn:hover{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.nav-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-1px)}.main-content{padding:var(--space-8);max-width:1400px;margin:0 auto}.main-content.modern-main{padding-top:120px;min-height:calc(100vh - 120px)}.form-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-8)}.form-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.form-section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.form-field{margin-bottom:var(--space-6)}.field-label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.field-label.required:after{content:" *";color:var(--error-500)}.form-input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);transition:all var(--transition-fast);background:#fff;color:var(--gray-900);font-family:var(--font-sans)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100);outline:none;color:var(--gray-900)}.form-input.small{padding:var(--space-3);font-size:var(--text-sm)}select.form-input,select.form-input option{color:var(--gray-900);background:#fff}textarea.form-input{color:var(--gray-900);background:#fff;resize:vertical;min-height:80px}.add-btn,.remove-btn,.export-btn,.draft-btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.add-btn{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.remove-btn{background:var(--error-500);color:#fff;box-shadow:var(--shadow-md)}.remove-btn:hover{background:var(--error-600);transform:translateY(-1px)}.export-btn{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.export-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.draft-btn{background:var(--warning-500);color:#fff;box-shadow:var(--shadow-md)}.draft-btn:hover{background:var(--warning-600);transform:translateY(-1px)}.items-section{margin:var(--space-8) 0;padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-xl);border:2px dashed var(--gray-300)}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--space-4);align-items:end;margin-bottom:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.form-group{display:flex;flex-direction:column}.preview-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-top:var(--space-8)}.preview-section h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.preview-section h3:before{content:"👁️";font-size:var(--text-2xl)}.preview-box{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);font-family:var(--font-sans);line-height:1.8}.preview-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.preview-table th,.preview-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--gray-200)}.preview-table th{background:var(--gray-100);font-weight:600;color:var(--gray-700)}.footer{background:var(--gray-800);color:var(--gray-300);text-align:center;padding:var(--space-8);margin-top:var(--space-16)}.footer p{margin:0;font-size:var(--text-sm)}.error-message{color:var(--error-600);font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.subscription-status-banner{background:var(--gradient-hero)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-xl)!important;border:1px solid rgba(255,255,255,.1)!important}.plan-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:2px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.plan-card.highlight{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500),var(--shadow-xl)}.plan-card.highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.logo-upload-section{margin:var(--space-6) 0}.logo-upload-container{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.logo-upload-area{padding:var(--space-8);text-align:center;cursor:pointer}.logo-upload-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.logo-preview{padding:var(--space-4);text-align:center}.logo-preview-image{max-width:150px;max-height:100px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.logo-actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);justify-content:center}.change-logo-btn,.remove-logo-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.change-logo-btn{background:var(--primary-500);color:#fff}.change-logo-btn:hover{background:var(--primary-600)}.remove-logo-btn{background:var(--error-500);color:#fff}.remove-logo-btn:hover{background:var(--error-600)}@media (max-width: 768px){.container{padding:0}.header{padding:var(--space-4) var(--space-4);flex-direction:column;gap:var(--space-3)}.header h1{font-size:var(--text-xl)}.nav{margin:var(--space-4);padding:var(--space-2);flex-wrap:wrap;gap:var(--space-1);box-shadow:0 4px 15px #0000001a}.nav-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;min-height:40px}.main-content{padding:var(--space-4)}.main-content.modern-main{padding-top:100px}.form-section,.preview-section{padding:var(--space-4);margin-bottom:var(--space-4)}.item-row{grid-template-columns:1fr;gap:var(--space-3)}.export-btn{width:100%;padding:var(--space-4);font-size:var(--text-base)}.subscription-status-banner>div{flex-direction:column!important;gap:var(--space-4)!important}}@media (max-width: 1024px) and (min-width: 769px){.item-row{grid-template-columns:2fr 1fr 1fr auto;gap:var(--space-3)}.main-content{padding:var(--space-6)}.main-content.modern-main{padding-top:90px}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-500);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.drafts-section,.history-section{margin-top:var(--space-6)}.empty-state{text-align:center;padding:var(--space-16);color:var(--gray-500)}.empty-state p{font-size:var(--text-lg)}.drafts-grid,.history-list{display:grid;gap:var(--space-6);margin-top:var(--space-6)}.drafts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.draft-card,.history-item{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-fast)}.draft-card:hover,.history-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.draft-header,.history-details{margin-bottom:var(--space-4)}.draft-header h4{margin:0 0 var(--space-2);color:var(--gray-800);font-weight:600}.draft-type{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.draft-type.invoice{background:var(--primary-100);color:var(--primary-700)}.draft-type.receipt{background:var(--success-100);color:var(--success-700)}.draft-actions,.history-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.load-draft-btn,.view-btn,.email-btn,.delete-draft-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.load-draft-btn,.view-btn{background:var(--primary-500);color:#fff}.load-draft-btn:hover,.view-btn:hover{background:var(--primary-600)}.email-btn{background:var(--success-500);color:#fff}.email-btn:hover{background:var(--success-600)}.delete-draft-btn{background:var(--error-500);color:#fff}.delete-draft-btn:hover{background:var(--error-600)}.history-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.filter-select{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:#fff;font-size:var(--text-sm)}.export-options{margin-top:var(--space-6);padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.export-options h4{margin:0 0 var(--space-4);color:var(--gray-800);font-weight:600}.export-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.export-option-btn{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--primary-500);color:#fff;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.export-option-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.form-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}*{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.nav,.header .logout-header-btn,.form-actions,.export-options{display:none}.preview-section{box-shadow:none;border:1px solid var(--gray-300)}}.landing-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gray-50)}.hero-background{position:absolute;inset:0;z-index:1}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);opacity:.1}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,var(--primary-200) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--primary-300) 0%,transparent 50%);opacity:.3}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:var(--space-8)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff;color:var(--primary-600);padding:var(--space-2) var(--space-6);border-radius:var(--radius-3xl);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);border:1px solid var(--primary-200);margin-bottom:var(--space-8);animation-delay:.1s}.badge-icon{font-size:var(--text-lg)}.hero-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;color:var(--gray-900);line-height:1.1;margin-bottom:var(--space-6);animation-delay:.2s}.title-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:var(--text-xl);color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto;animation-delay:.3s}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-12);animation-delay:.4s}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-12);animation-delay:.5s}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--primary-600);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:500;margin-top:var(--space-1)}.stat-divider{width:1px;height:40px;background:var(--gray-300)}@media (max-width: 768px){.hero-title{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-lg)}.hero-features{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.hero-stats{flex-direction:column;gap:var(--space-4)}.stat-divider{width:40px;height:1px}.hero-content{padding:var(--space-4)}}.enhanced-upgrade{display:flex!important;align-items:center!important;gap:8px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:12px 20px!important;border-radius:12px!important;font-weight:700!important;cursor:pointer!important;font-size:14px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px #667eea66!important;position:relative!important;overflow:hidden!important;animation:glow-pulse 3s infinite!important}@keyframes glow-pulse{0%,to{box-shadow:0 4px 15px #667eea66;transform:scale(1)}50%{box-shadow:0 6px 20px #667eea99;transform:scale(1.02)}}.enhanced-upgrade:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 25px #667eea99!important}.enhanced-upgrade:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}.enhanced-upgrade:hover:before{left:100%}.upgrade-icon{font-size:16px!important;animation:bounce 2s infinite!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.upgrade-text{font-weight:700!important;letter-spacing:.5px!important}.upgrade-price{background:#fff3!important;padding:2px 8px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;margin-left:4px!important}.nav-btn{background:#fff!important;color:#1e293b!important;border:2px solid #cbd5e1!important;font-weight:700!important;text-shadow:none!important;opacity:1!important;visibility:visible!important}.nav-btn:hover{background:#f8fafc!important;color:#0f172a!important;border-color:#94a3b8!important}.nav-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1)!important;color:#fff!important;border-color:transparent!important}:root{--neon-cyan: #00f7ff;--neon-cyan-alpha: #00f7ff33;--neon-cyan-bright: #00f7ff99;--neon-purple: #8b5cf6;--neon-purple-alpha: #8b5cf633;--neon-purple-bright: #8b5cf699;--neon-text-primary: #f1f5f9;--neon-text-secondary: #e2e8f0;--neon-text-muted: #cbd5e1;--neon-bg-overlay: rgba(13, 13, 13, .85)}.text-neon{color:var(--neon-primary)!important;text-shadow:0 0 3px var(--neon-primary-alpha)!important}.text-neon-bright{color:var(--neon-primary)!important;text-shadow:0 0 6px var(--neon-primary),0 0 12px var(--neon-primary-alpha)!important}.neon-mode .body-text,.neon-mode p,.neon-mode .description,.neon-mode .form-label,.neon-mode .field-label{color:var(--neon-text-primary)!important;text-shadow:none!important;background:var(--neon-bg-overlay)!important;padding:2px 6px!important;border-radius:4px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.neon-mode .form-input:not(:focus){color:var(--neon-text-primary)!important;background:var(--neon-bg-overlay)!important;border-color:var(--neon-primary-bright)!important;box-shadow:0 0 3px var(--neon-primary-alpha)!important}.neon-mode .form-input:focus{color:#fff!important;background:#000000e6!important;border-color:var(--neon-primary)!important;box-shadow:0 0 8px var(--neon-primary-alpha)!important}.neon-mode .neon-text-overlay{background:var(--neon-bg-overlay)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border-radius:8px!important;padding:12px 16px!important;border:1px solid var(--neon-primary-alpha)!important}.neon-mode .nav-pills .nav-pill:not(.active){color:var(--neon-text-secondary)!important;background:var(--neon-bg-overlay)!important;border-color:var(--neon-primary-bright)!important}.neon-mode label,.neon-mode .label-text{color:var(--neon-text-primary)!important;text-shadow:none!important;background:var(--neon-bg-overlay)!important;padding:4px 8px!important;border-radius:4px!important;display:inline-block!important}.neon-mode .btn,.neon-mode button{color:#fff!important;text-shadow:none!important;border:2px solid var(--neon-primary)!important}.neon-mode .btn:hover,.neon-mode button:hover{background:var(--neon-primary)!important;color:#000!important;text-shadow:none!important}.neon-mode table,.neon-mode .preview-box,.neon-mode .content-section{background:var(--neon-bg-overlay)!important;border:1px solid var(--neon-primary-alpha)!important;border-radius:8px!important;padding:16px!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.neon-mode td,.neon-mode th,.neon-mode .preview-box p{color:var(--neon-text-primary)!important;text-shadow:none!important}.neon-mode .nav-btn{background:var(--neon-bg-overlay)!important;color:var(--neon-text-primary)!important;border:2px solid var(--neon-primary-alpha)!important;text-shadow:none!important;font-weight:700!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 10px #0000004d!important}.neon-mode .nav-btn:hover{background:var(--neon-primary-alpha)!important;color:var(--neon-primary)!important;border-color:var(--neon-primary)!important;box-shadow:0 4px 15px var(--neon-primary-alpha)!important;text-shadow:0 0 5px var(--neon-primary-alpha)!important}.neon-mode .nav-btn.active{background:var(--neon-primary)!important;color:#000!important;border-color:var(--neon-primary)!important;box-shadow:0 0 20px var(--neon-primary-alpha)!important;text-shadow:none!important;font-weight:800!important}.neon-theme-purple{--neon-primary: var(--neon-purple);--neon-primary-alpha: var(--neon-purple-alpha);--neon-primary-bright: var(--neon-purple-bright)}.neon-theme-green{--neon-primary: var(--neon-green);--neon-primary-alpha: var(--neon-green-alpha);--neon-primary-bright: var(--neon-green-bright)}.neon-theme-gold{--neon-primary: var(--neon-gold);--neon-primary-alpha: var(--neon-gold-alpha);--neon-primary-bright: var(--neon-gold-bright)}.neon-floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.neon-particle{position:absolute;font-size:12px;opacity:.6;animation:neon-float 15s infinite linear}.neon-particle:nth-child(1){left:10%;animation-delay:0s}.neon-particle:nth-child(2){left:20%;animation-delay:2s}.neon-particle:nth-child(3){left:30%;animation-delay:4s}.neon-particle:nth-child(4){left:40%;animation-delay:6s}.neon-particle:nth-child(5){left:50%;animation-delay:8s}.neon-particle:nth-child(6){left:60%;animation-delay:10s}.neon-particle:nth-child(7){left:70%;animation-delay:12s}.neon-particle:nth-child(8){left:80%;animation-delay:14s}@keyframes neon-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.neon-matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.neon-matrix-column{position:absolute;top:-100%;color:var(--neon-primary);font-family:Courier New,monospace;font-size:14px;font-weight:700;text-shadow:0 0 5px var(--neon-primary);animation:neon-matrix-fall 10s infinite linear;opacity:.4}.neon-matrix-column:nth-child(1){left:5%;animation-delay:0s}.neon-matrix-column:nth-child(2){left:15%;animation-delay:1s}.neon-matrix-column:nth-child(3){left:25%;animation-delay:2s}.neon-matrix-column:nth-child(4){left:35%;animation-delay:3s}.neon-matrix-column:nth-child(5){left:45%;animation-delay:4s}.neon-matrix-column:nth-child(6){left:55%;animation-delay:5s}.neon-matrix-column:nth-child(7){left:65%;animation-delay:6s}.neon-matrix-column:nth-child(8){left:75%;animation-delay:7s}.neon-matrix-column:nth-child(9){left:85%;animation-delay:8s}.neon-matrix-column:nth-child(10){left:95%;animation-delay:9s}@keyframes neon-matrix-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(100vh);opacity:0}}.neon-background-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.neon-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--neon-primary-alpha) 0%,transparent 70%);animation:neon-orb-pulse 8s infinite ease-in-out}.neon-orb:nth-child(1){width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.neon-orb:nth-child(2){width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.neon-orb:nth-child(3){width:100px;height:100px;bottom:20%;left:50%;animation-delay:4s}@keyframes neon-orb-pulse{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.3;transform:scale(1.2)}}.btn-neon{background:transparent!important;color:var(--neon-cyan)!important;border:2px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-sm)!important;text-shadow:var(--neon-text-glow);transition:all .3s ease!important;position:relative;overflow:hidden}.btn-neon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-cyan-alpha),transparent);transition:left .7s ease;z-index:1}.btn-neon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,var(--neon-cyan-alpha) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:0}.btn-neon:hover:before{left:100%}.btn-neon:hover:after{opacity:1;animation:neon-sweep 2s infinite}.btn-neon:hover{background:var(--neon-cyan)!important;color:var(--neon-dark)!important;box-shadow:var(--neon-glow-xl)!important;text-shadow:none!important;transform:translateY(-3px) scale(1.02)!important}.btn-neon:active{transform:translateY(-1px) scale(.98)!important;box-shadow:var(--neon-glow-md)!important}@keyframes neon-sweep{0%{transform:translate(-100%) skew(-45deg)}to{transform:translate(300%) skew(-45deg)}}.form-input-neon{background:transparent!important;border:2px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;box-shadow:var(--neon-glow-sm)!important;transition:all .4s ease!important;position:relative}.form-input-neon::placeholder{color:var(--neon-cyan-bright)!important;transition:color .3s ease}.form-input-neon:focus{box-shadow:var(--neon-glow-lg)!important;border-color:var(--neon-cyan)!important;transform:scale(1.02)!important;animation:neon-input-pulse 2s infinite}.form-input-neon:focus::placeholder{color:var(--neon-cyan)!important}@keyframes neon-input-pulse{0%,to{box-shadow:var(--neon-glow-lg)}50%{box-shadow:var(--neon-glow-xl),inset 0 0 10px var(--neon-cyan-alpha)}}.card-neon{background:var(--neon-card)!important;border:1px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-md)!important;transition:all .3s ease!important}.card-neon:hover{box-shadow:var(--neon-glow-lg)!important;transform:translateY(-4px)!important}.text-neon{color:var(--neon-cyan)!important;text-shadow:var(--neon-text-glow)!important}.text-neon-bright{color:var(--neon-cyan)!important;text-shadow:var(--neon-text-glow-lg)!important}.neon-mode{background:var(--neon-dark)!important}.neon-mode .header{background:var(--neon-card)!important;border-bottom:1px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-sm)!important}.neon-mode .nav{background:var(--neon-card)!important;border:1px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-md)!important}.neon-mode .nav-pills .nav-pill{border:1px solid var(--neon-cyan)!important;background:transparent!important;color:var(--neon-cyan)!important;transition:all .3s ease!important;position:relative;overflow:hidden}.neon-mode .nav-pills .nav-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-cyan-alpha),transparent);transition:left .5s ease;z-index:1}.neon-mode .nav-pills .nav-pill:hover:before{left:100%}.neon-mode .nav-pills .nav-pill:hover{box-shadow:var(--neon-glow-md)!important;transform:translateY(-2px)!important}.neon-mode .nav-pills .nav-pill.active{background:var(--neon-cyan)!important;color:var(--neon-dark)!important;box-shadow:var(--neon-glow-lg)!important;animation:neon-active-pulse 3s infinite}@keyframes neon-active-pulse{0%,to{box-shadow:var(--neon-glow-lg)}50%{box-shadow:var(--neon-glow-xl)}}.neon-mode .form-section,.neon-mode .preview-section{background:var(--neon-card)!important;border:1px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-md)!important}@keyframes neon-pulse{0%,to{box-shadow:var(--neon-glow-sm)}50%{box-shadow:var(--neon-glow-lg)}}.neon-pulse{animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-border{0%{border-color:var(--neon-cyan)}50%{border-color:var(--primary-400)}to{border-color:var(--neon-cyan)}}.neon-border-animate{animation:neon-border 3s ease-in-out infinite}@keyframes neon-text-flicker{0%,to{text-shadow:var(--neon-text-glow);opacity:1}50%{text-shadow:var(--neon-text-glow-lg);opacity:.8}}.neon-text-flicker{animation:neon-text-flicker 2s ease-in-out infinite}.auth-card-neon{background:var(--neon-card)!important;border:2px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-lg)!important;animation:neon-card-breathe 6s infinite}.auth-card-neon .auth-title{color:var(--neon-cyan)!important;text-shadow:var(--neon-text-glow)!important;animation:neon-title-glow 3s infinite}.auth-card-neon .auth-subtitle{color:var(--neon-cyan-bright)!important}.neon-mode .auth-submit-btn{position:relative;overflow:hidden}.neon-mode .auth-submit-btn:before{content:"🚀";position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:16px;animation:neon-rocket-slide 4s infinite;z-index:2;opacity:.8}.neon-mode .auth-submit-btn:hover:before{animation:neon-rocket-rapid-slide 1.5s infinite;opacity:1;font-size:18px}@keyframes neon-card-breathe{0%,to{box-shadow:var(--neon-glow-lg)}50%{box-shadow:var(--neon-glow-xl),0 0 50px var(--neon-cyan-alpha)}}@keyframes neon-title-glow{0%,to{text-shadow:var(--neon-text-glow)}50%{text-shadow:var(--neon-text-glow-lg),0 0 25px var(--neon-cyan)}}@keyframes neon-rocket-slide{0%{left:-30px;opacity:0}15%{opacity:.8}85%{opacity:.8}to{left:calc(100% + 10px);opacity:0}}@keyframes neon-rocket-rapid-slide{0%{left:-35px;opacity:0;transform:translateY(-50%) rotate(-20deg)}20%{opacity:1;transform:translateY(-50%) rotate(0)}80%{opacity:1;transform:translateY(-50%) rotate(10deg)}to{left:calc(100% + 15px);opacity:0;transform:translateY(-50%) rotate(30deg)}}.plan-card-neon{background:var(--neon-card)!important;border:2px solid var(--neon-cyan)!important;box-shadow:var(--neon-glow-md)!important}.plan-card-neon:hover{box-shadow:var(--neon-glow-xl)!important;transform:translateY(-6px)!important}.plan-card-neon.highlight{border-color:var(--neon-cyan)!important;box-shadow:var(--neon-glow-xl)!important}.neon-controls-panel{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.neon-color-toggle{background:transparent;border:2px solid var(--neon-primary);color:var(--neon-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;font-size:var(--text-sm);font-weight:600;box-shadow:var(--neon-glow-sm);position:relative;overflow:hidden}.neon-color-toggle:before{content:"🌈";position:absolute;top:50%;left:-25px;transform:translateY(-50%);font-size:14px;animation:neon-rainbow-slide 4s infinite;z-index:1}.neon-color-toggle:hover{background:var(--neon-primary);color:var(--neon-dark);box-shadow:var(--neon-glow-lg);transform:scale(1.05)}.neon-effects-toggles{display:flex;flex-direction:column;gap:var(--space-1)}.neon-effect-btn{background:transparent;border:1px solid var(--neon-primary);color:var(--neon-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-size:var(--text-xs);font-weight:500;box-shadow:var(--neon-glow-sm);opacity:.7}.neon-effect-btn.active{background:var(--neon-primary);color:var(--neon-dark);opacity:1;box-shadow:var(--neon-glow-md)}.neon-effect-btn:hover{opacity:1;transform:scale(1.02);box-shadow:var(--neon-glow-md)}@keyframes neon-rainbow-slide{0%{left:-25px;opacity:0}15%{opacity:.8}85%{opacity:.8}to{left:calc(100% + 10px);opacity:0}}.neon-sound-toggle:hover{background:var(--neon-primary)!important;color:var(--neon-dark)!important;box-shadow:var(--neon-glow-md)!important;transform:scale(1.05)!important}.neon-toggle{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;font-size:var(--text-sm);font-weight:600;box-shadow:var(--neon-glow-sm);animation:neon-toggle-breathe 4s infinite;position:relative;overflow:hidden}.neon-toggle:before{content:"⚡";position:absolute;top:50%;left:-25px;transform:translateY(-50%);font-size:14px;animation:neon-lightning-slide 5s infinite;z-index:1;opacity:.7}.neon-toggle:hover{background:var(--neon-cyan);color:var(--neon-dark);box-shadow:var(--neon-glow-xl),0 0 40px var(--neon-cyan);transform:scale(1.15) rotate(5deg);animation:neon-toggle-mega-breathe 1s infinite}.neon-toggle:hover:before{animation:neon-lightning-rapid-slide 1.5s infinite;opacity:1;font-size:16px}@keyframes neon-toggle-breathe{0%,to{box-shadow:var(--neon-glow-sm);border-color:var(--neon-cyan)}50%{box-shadow:var(--neon-glow-md);border-color:var(--primary-400)}}@keyframes neon-toggle-mega-breathe{0%,to{box-shadow:var(--neon-glow-xl),0 0 40px var(--neon-cyan)}50%{box-shadow:var(--neon-glow-xl),0 0 60px var(--neon-cyan),0 0 80px var(--neon-cyan-bright)}}@keyframes neon-lightning-slide{0%{left:-25px;opacity:0}15%{opacity:.7}85%{opacity:.7}to{left:calc(100% + 10px);opacity:0}}@keyframes neon-lightning-rapid-slide{0%{left:-30px;opacity:0;transform:translateY(-50%) scale(.8)}20%{opacity:1;transform:translateY(-50%) scale(1.2)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{left:calc(100% + 15px);opacity:0;transform:translateY(-50%) scale(.8)}}.neon-mode .upgrade-btn{background:transparent!important;border:2px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;box-shadow:var(--neon-glow-md)!important;animation:neon-upgrade-pulse 2s infinite!important;position:relative;overflow:hidden}.neon-mode .upgrade-btn:before{content:"💎";position:absolute;top:50%;left:-30px;transform:translateY(-50%);font-size:16px;animation:neon-diamond-slide 3s infinite;z-index:2}.neon-mode .upgrade-btn:after{content:"✨💎⚡";position:absolute;top:50%;left:-60px;transform:translateY(-50%);font-size:14px;animation:neon-diamond-slide 4s infinite .5s;z-index:1;opacity:.8}.neon-mode .upgrade-btn:hover{background:var(--neon-cyan)!important;color:var(--neon-dark)!important;box-shadow:var(--neon-glow-xl),0 0 60px var(--neon-cyan),inset 0 0 20px var(--neon-cyan-alpha)!important;transform:scale(1.08) translateY(-3px)!important;animation:neon-upgrade-mega-pulse 1s infinite!important}.neon-mode .upgrade-btn:hover:before{animation:neon-diamond-rapid-slide 1.5s infinite;font-size:18px}.neon-mode .upgrade-btn:hover:after{animation:neon-diamond-rapid-slide 2s infinite .3s;opacity:1}@keyframes neon-upgrade-pulse{0%,to{box-shadow:var(--neon-glow-md)}50%{box-shadow:var(--neon-glow-xl),0 0 40px var(--neon-cyan)}}@keyframes neon-upgrade-mega-pulse{0%,to{box-shadow:var(--neon-glow-xl),0 0 60px var(--neon-cyan),inset 0 0 20px var(--neon-cyan-alpha)}50%{box-shadow:var(--neon-glow-xl),0 0 80px var(--neon-cyan),0 0 100px var(--neon-cyan-bright),inset 0 0 30px var(--neon-cyan-alpha)}}@keyframes neon-diamond-slide{0%{left:-30px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 10px);opacity:0}}@keyframes neon-diamond-rapid-slide{0%{left:-40px;opacity:0;transform:translateY(-50%) rotate(0)}15%{opacity:1}85%{opacity:1}to{left:calc(100% + 20px);opacity:0;transform:translateY(-50%) rotate(360deg)}}@media (max-width: 768px){.card-neon,.plan-card-neon{box-shadow:var(--neon-glow-sm)!important}.card-neon:hover,.plan-card-neon:hover{box-shadow:var(--neon-glow-md)!important}.neon-toggle{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:600;z-index:9999;transition:top .3s ease}.skip-link:focus{top:6px}.accessibility-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:var(--shadow-lg);z-index:1000;transition:all var(--transition-fast)}.accessibility-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.accessibility-toggle:focus{outline:3px solid var(--color-accent);outline-offset:2px}.accessibility-panel{position:fixed;bottom:90px;right:20px;width:300px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:999;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accessibility-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.accessibility-panel-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-foreground)}.panel-close{background:none;border:none;font-size:var(--text-lg);color:var(--color-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.panel-close:hover{background:var(--color-border);color:var(--color-foreground)}.accessibility-options{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.accessibility-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.accessibility-option:hover{background:var(--color-muted)}.accessibility-option input[type=checkbox]{width:20px;height:20px;cursor:pointer}.accessibility-option span{font-size:var(--text-sm);color:var(--color-foreground);font-weight:500}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.high-contrast{--color-background: #000000;--color-foreground: #ffffff;--color-primary: #00ff00;--color-secondary: #ffff00;--color-border: #ffffff;--color-muted: #333333;--color-card: #000000;--color-input: #000000;--color-success: #00ff00;--color-warning: #ffff00;--color-error: #ff0000}.high-contrast *{border-color:currentColor!important;box-shadow:none!important}.high-contrast .btn{border:2px solid currentColor!important}.high-contrast img,.high-contrast svg{filter:contrast(150%) brightness(150%)}.large-text{--text-xs: 1rem;--text-sm: 1.125rem;--text-base: 1.25rem;--text-lg: 1.5rem;--text-xl: 1.75rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3rem;--text-5xl: 4rem}.large-text .btn{padding:var(--space-4) var(--space-8);min-height:48px}.large-text .form-input{padding:var(--space-4) var(--space-6);min-height:48px}.keyboard-navigation *:focus{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}.keyboard-navigation .btn:focus,.keyboard-navigation .form-input:focus,.keyboard-navigation .nav-btn:focus{transform:scale(1.05);z-index:10;position:relative}.keyboard-navigation .client-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.keyboard-navigation .stat-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-skip{position:absolute;top:-40px;left:6px;background:var(--color-secondary);color:#fff;padding:4px 8px;text-decoration:none;border-radius:4px;font-size:var(--text-sm);z-index:100}.section-skip:focus{top:6px}@media (pointer: coarse){.btn,.nav-btn,.theme-toggle,.accessibility-toggle{min-height:44px;min-width:44px}.form-input,.search-input,.sort-select{min-height:44px}.client-card .btn{padding:var(--space-3) var(--space-4);min-height:44px}}.high-contrast .form-input,.high-contrast .btn,.high-contrast .nav-btn,.high-contrast .client-card,.high-contrast .stat-card{border:2px solid currentColor!important}.modal-overlay{position:fixed;inset:0;z-index:1000}.modal-overlay:focus-within .modal-content{outline:none}.dashboard-title{font-size:var(--text-3xl)}.section-title{font-size:var(--text-xl)}.subsection-title{font-size:var(--text-lg)}.loading[aria-busy=true]{position:relative}.loading[aria-busy=true]:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-foreground);font-weight:600;z-index:10}.has-error{position:relative}.has-error .form-input{border-color:var(--color-error)!important;background-color:#ef44441a}.error-message{color:var(--color-error);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.error-message:before{content:"⚠️";font-size:var(--text-sm)}.success-message{color:var(--color-success);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.success-message:before{content:"✅";font-size:var(--text-sm)}@media (max-width: 768px){.accessibility-panel{right:10px;left:10px;width:auto;bottom:80px}.accessibility-toggle{right:10px;bottom:10px}.skip-link:focus{top:10px;left:10px;right:10px;text-align:center}}@media print{.accessibility-toggle,.accessibility-panel,.skip-link{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important}}@media (prefers-contrast: high){*{border-color:CanvasText!important}.btn{background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important}.btn:hover,.btn:focus{background:Highlight!important;color:HighlightText!important}}.dashboard-container{padding:var(--space-8);max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}.dashboard-container.neon-mode{background:linear-gradient(135deg,#667eea0d,#667eea1a)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-12);padding:var(--space-8);background:var(--gradient-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.dashboard-title-wrapper{display:flex;align-items:center;gap:var(--space-6)}.dashboard-icon-wrapper{width:80px;height:80px;border-radius:var(--radius-3xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.dashboard-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:shimmer 3s infinite}.dashboard-icon{font-size:var(--text-4xl);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative;z-index:2}.dashboard-text{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.1}.dashboard-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:0;font-weight:500}.dashboard-filters{display:flex;align-items:center;gap:var(--space-6)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.filter-select-wrapper{position:relative}.filter-select{padding:var(--space-3) var(--space-6) var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;font-size:var(--text-base);font-weight:500;color:var(--gray-800);cursor:pointer;transition:var(--transition-normal);appearance:none;min-width:160px}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.select-arrow{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-500);font-size:var(--text-sm)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.stat-card.modern-card{background:var(--gradient-card);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:var(--transition-normal);position:relative;overflow:hidden}.stat-card.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.stat-card.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal)}.stat-card.modern-card:hover:before{opacity:1}.card-header{display:flex;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6)}.stat-icon-wrapper{width:64px;height:64px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.stat-icon-wrapper.documents{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-wrapper.revenue{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-wrapper.monthly{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-wrapper.usage{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:shimmer 3s infinite}.stat-icon{font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:2}.stat-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.stat-title{font-size:var(--text-lg);font-weight:700;color:var(--gray-800);margin:0;line-height:1.3}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.stat-subtitle{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.stat-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.breakdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:var(--transition-normal)}.breakdown-item:hover{background:var(--gray-100);transform:translate(4px)}.breakdown-icon{font-size:var(--text-lg);width:32px;text-align:center}.breakdown-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.breakdown-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.breakdown-value{font-size:var(--text-lg);font-weight:700;color:var(--gray-900)}.revenue-trend{margin-top:var(--space-4)}.trend-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600}.trend-indicator.positive{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}.trend-icon{font-size:var(--text-base)}.monthly-progress{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:var(--transition-normal)}.progress-text{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.usage-section{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.usage-item{display:flex;flex-direction:column;gap:var(--space-3)}.usage-header{display:flex;align-items:center;gap:var(--space-3)}.usage-icon{font-size:var(--text-lg);width:32px;text-align:center}.usage-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.usage-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.usage-count{font-size:var(--text-base);font-weight:700;color:var(--gray-900)}.usage-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.usage-fill{height:100%;border-radius:var(--radius-full);transition:var(--transition-normal)}.dashboard-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.dashboard-section.recent-documents{background:var(--gradient-card);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-200)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--gray-800);margin:0}.section-action{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.section-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.recent-list{display:flex;flex-direction:column;gap:var(--space-4)}.recent-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:var(--transition-normal)}.recent-item:hover{background:var(--gray-100);transform:translate(4px);box-shadow:var(--shadow-md)}.recent-icon{font-size:var(--text-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.recent-details{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.recent-title{font-size:var(--text-base);font-weight:600;color:var(--gray-800)}.recent-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--gray-600)}.recent-client{font-weight:500}.recent-amount{font-weight:700;color:var(--success-600)}.recent-date{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.empty-state{text-align:center;padding:var(--space-12);color:var(--gray-500)}.empty-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);opacity:.5}.empty-state p{font-size:var(--text-lg);margin-bottom:var(--space-6)}.dashboard-actions{background:var(--gradient-card);border-radius:var(--radius-3xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.action-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);cursor:pointer;transition:var(--transition-normal);text-align:left;display:flex;flex-direction:column;gap:var(--space-4)}.action-card:hover{border-color:var(--primary-300);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.action-icon{font-size:var(--text-3xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.action-title{font-size:var(--text-lg);font-weight:700;color:var(--gray-800);margin:0}.action-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin:0}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.dashboard-lower-grid{grid-template-columns:1fr;gap:var(--space-6)}.dashboard-header{flex-direction:column;gap:var(--space-6);align-items:stretch}.dashboard-filters{align-self:flex-end}}@media (max-width: 768px){.dashboard-container{padding:var(--space-4)}.dashboard-header{padding:var(--space-6)}.dashboard-title-wrapper{gap:var(--space-4)}.dashboard-icon-wrapper{width:60px;height:60px}.dashboard-title{font-size:var(--text-3xl)}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}.action-grid{grid-template-columns:1fr}.stat-card.modern-card{padding:var(--space-6)}.card-header{gap:var(--space-4)}.stat-icon-wrapper{width:48px;height:48px}.stat-value{font-size:var(--text-3xl)}}@media (max-width: 480px){.dashboard-container{padding:var(--space-3)}.dashboard-header{padding:var(--space-4)}.dashboard-title-wrapper{flex-direction:column;text-align:center;gap:var(--space-3)}.stat-card.modern-card{padding:var(--space-4)}.recent-item{flex-direction:column;text-align:center;gap:var(--space-3)}.recent-meta{flex-direction:column;gap:var(--space-1)}}.enhanced-invoice-form{max-width:1200px;margin:0 auto;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200)}.step-indicator{display:flex;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));padding:var(--space-6) var(--space-8);position:relative;overflow:hidden}.step-indicator:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.step{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;cursor:pointer;transition:all var(--transition-normal);position:relative;z-index:1;flex:1;padding:var(--space-2)}.step:hover{transform:scale(1.05)}.step.active .step-number{background:#fff;color:var(--primary-600);box-shadow:0 0 0 4px #ffffff4d;transform:scale(1.1)}.step.completed .step-number{background:var(--success-500);color:#fff}.step-number{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);transition:all var(--transition-normal);border:2px solid rgba(255,255,255,.3)}.step-title{font-size:var(--text-sm);font-weight:600;opacity:.9}.step.active .step-title{opacity:1;font-weight:700}.step-connector{position:absolute;top:25px;left:calc(100% + 10px);width:40px;height:2px;background:#ffffff4d;z-index:0}.form-container{padding:var(--space-8)}.form-step{min-height:600px;animation:fadeInUp .6s ease-out}.step-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--gray-100)}.step-header .step-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin:0 0 var(--space-2) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-subtitle{color:var(--gray-600);font-size:var(--text-lg);margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-weight:600;color:var(--gray-700);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.field-label.required:after{content:"*";color:var(--error-500);font-weight:700}.form-input{padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-base);transition:all var(--transition-fast);background:#fff;color:var(--gray-900);font-family:var(--font-sans)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100);outline:none}.form-input::placeholder{color:var(--gray-500)}.has-error .form-input{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error-600);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.error-message:before{content:"⚠️";font-size:var(--text-xs)}.input-with-action{display:flex;gap:var(--space-2);align-items:flex-end}.input-with-action .form-input{flex:1}.logo-upload-section{margin:var(--space-8) 0}.logo-upload-container{border:2px dashed var(--gray-300);border-radius:var(--radius-xl);transition:all var(--transition-fast);overflow:hidden}.logo-upload-container:hover{border-color:var(--primary-400);background:var(--primary-50)}.logo-upload-area{padding:var(--space-12);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.upload-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.7}.upload-text strong{display:block;color:var(--gray-700);font-size:var(--text-lg);margin-bottom:var(--space-2)}.upload-text p{color:var(--gray-500);margin:0}.logo-preview{padding:var(--space-6);text-align:center;background:var(--gray-50)}.logo-preview-image{max-width:200px;max-height:120px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-4)}.logo-actions{display:flex;gap:var(--space-3);justify-content:center}.client-templates-section{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.templates-header h4{margin:0;color:var(--gray-800);font-weight:600}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.template-card{background:#fff;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-name{font-weight:600;color:var(--gray-800);font-size:var(--text-sm);margin-bottom:var(--space-1)}.template-client{color:var(--gray-600);font-size:var(--text-xs)}.items-section{background:var(--gray-50);padding:var(--space-8);border-radius:var(--radius-2xl);margin:var(--space-6) 0}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.items-header h4{margin:0;color:var(--gray-800);font-size:var(--text-xl);font-weight:700}.items-list{display:flex;flex-direction:column;gap:var(--space-6)}.item-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-fast)}.item-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.item-number{background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700}.item-actions{display:flex;gap:var(--space-2)}.item-fields{display:flex;flex-direction:column;gap:var(--space-4)}.item-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);align-items:end}.item-total{display:flex;flex-direction:column;gap:var(--space-2)}.total-display{padding:var(--space-3) var(--space-4);background:var(--success-50);border:2px solid var(--success-200);border-radius:var(--radius-lg);font-weight:700;color:var(--success-700);text-align:center;font-size:var(--text-lg)}.advanced-options{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);border:2px dashed var(--gray-300);margin-top:var(--space-6)}.advanced-options h4{margin:0 0 var(--space-4) 0;color:var(--gray-800);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.advanced-options h4:before{content:"⚙️"}.advanced-toggle{text-align:center;margin-top:var(--space-6)}.totals-summary{margin-top:var(--space-8);display:flex;justify-content:flex-end}.totals-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);min-width:300px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);font-size:var(--text-base)}.total-row:last-child{border-bottom:none}.total-row.discount{color:var(--error-600)}.total-row.grand-total{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);border-top:2px solid var(--gray-300);margin-top:var(--space-2);padding-top:var(--space-4)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.summary-card{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.summary-card h4{margin:0 0 var(--space-4) 0;color:var(--gray-800);font-weight:700;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg)}.summary-content{space-y:var(--space-3)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-sm)}.summary-row.grand-total{font-size:var(--text-xl);font-weight:700;color:var(--primary-600);border-top:2px solid var(--gray-300);margin-top:var(--space-3);padding-top:var(--space-3)}.generation-options{background:var(--gray-50);padding:var(--space-8);border-radius:var(--radius-2xl);margin-bottom:var(--space-6)}.options-header h4{margin:0 0 var(--space-6) 0;color:var(--gray-800);font-size:var(--text-xl);font-weight:700;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.option-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);border:2px solid var(--gray-200);transition:all var(--transition-fast)}.option-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-label{display:flex;align-items:flex-start;gap:var(--space-4);cursor:pointer}.option-label input[type=checkbox]{display:none}.checkmark{width:24px;height:24px;border:2px solid var(--gray-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-top:2px}.option-label input[type=checkbox]:checked+.checkmark{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.option-label input[type=checkbox]:checked+.checkmark:after{content:"✓";font-weight:700;font-size:var(--text-sm)}.option-content strong{display:block;color:var(--gray-800);font-size:var(--text-base);margin-bottom:var(--space-1)}.option-content p{color:var(--gray-600);font-size:var(--text-sm);margin:0;line-height:1.4}.auto-save-status{display:flex;align-items:center;gap:var(--space-2);justify-content:center;margin-top:var(--space-6);color:var(--gray-600);font-size:var(--text-sm);font-weight:500}.save-icon{color:var(--success-500)}.form-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin-top:var(--space-8)}.nav-left,.nav-right{flex:1}.nav-right{display:flex;justify-content:flex-end}.nav-center{text-align:center}.progress-indicator{color:var(--gray-600);font-size:var(--text-sm);font-weight:500;background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:700}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-error{background:var(--error-500);color:#fff;box-shadow:var(--shadow-md)}.btn-error:hover:not(:disabled){background:var(--error-600);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}@media (max-width: 768px){.enhanced-invoice-form{margin:var(--space-4);border-radius:var(--radius-xl)}.step-indicator{padding:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.step{flex:1;min-width:120px}.step-connector{display:none}.form-container{padding:var(--space-4)}.step-header .step-title{font-size:var(--text-2xl)}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.item-row{grid-template-columns:1fr;gap:var(--space-3)}.summary-grid{grid-template-columns:1fr;gap:var(--space-4)}.options-grid{grid-template-columns:1fr;gap:var(--space-3)}.form-navigation{flex-direction:column;gap:var(--space-4);text-align:center}.nav-left,.nav-right{flex:none}.totals-summary{justify-content:center}.totals-card{min-width:auto;width:100%}}.modern-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--glass-border);transition:var(--transition-normal);padding:var(--space-4) 0}.modern-nav.scrolled{background:#fffffff2;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-lg);padding:var(--space-3) 0}.modern-nav.neon-mode{background:#667eea1a;border-bottom:1px solid rgba(102,126,234,.2);box-shadow:0 0 20px #667eea1a}.modern-nav.neon-mode.scrolled{background:#667eea26;box-shadow:0 0 30px #667eea33}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.brand-icon{width:48px;height:48px;border-radius:var(--radius-2xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.brand-icon:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.icon-gradient{font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}.brand-subtitle{font-size:var(--text-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:-2px}.nav-menu.desktop{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center;max-width:600px}.nav-item{position:relative;padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-2);min-width:120px;justify-content:center;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal);border-radius:var(--radius-xl)}.nav-item:hover:before{opacity:.1}.nav-item.active:before{opacity:.15}.nav-item-content{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-normal)}.nav-item:hover .nav-item-content{transform:translateY(-1px)}.nav-item.active .nav-item-content{transform:translateY(-2px)}.nav-icon{font-size:var(--text-lg);transition:var(--transition-normal)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-weight:600;font-size:var(--text-sm);color:var(--gray-700);transition:var(--transition-normal)}.nav-item:hover .nav-label{color:var(--primary-700)}.nav-item.active .nav-label{color:var(--primary-700);font-weight:700}.nav-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff;z-index:3}.nav-badge.limit{background:var(--error-500);animation:pulse 2s infinite}.nav-item-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:var(--transition-normal)}.nav-item.active .nav-item-indicator{width:80%}.nav-actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.subscription-indicator{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:600;transition:var(--transition-normal);border:2px solid transparent}.status-badge.free{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}.status-badge.pro{background:var(--success-100);color:var(--success-700);border-color:var(--success-200)}.status-badge.business{background:var(--accent-100);color:var(--accent-700);border-color:var(--accent-200)}.status-icon{font-size:var(--text-sm)}.status-text{text-transform:uppercase;letter-spacing:.5px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:var(--gray-100);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);gap:4px}.mobile-menu-toggle:hover{background:var(--gray-200);transform:scale(1.05)}.mobile-menu-toggle.active{background:var(--primary-500)}.hamburger-line{width:20px;height:2px;background:var(--gray-600);border-radius:var(--radius-full);transition:var(--transition-normal)}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#fff}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background:#fff}.mobile-nav-menu{position:fixed;top:80px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-xl);transform:translateY(-100%);opacity:0;transition:var(--transition-normal);z-index:999}.mobile-nav-menu.open{transform:translateY(0);opacity:1}.mobile-nav-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-item{width:100%;padding:var(--space-4);border:none;background:transparent;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);text-align:left}.mobile-nav-item:hover{background:var(--gray-50);transform:translate(4px)}.mobile-nav-item.active{background:var(--primary-50);border:1px solid var(--primary-200)}.mobile-nav-item-content{display:flex;align-items:center;gap:var(--space-3)}.mobile-nav-icon{font-size:var(--text-xl);width:32px;text-align:center}.mobile-nav-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.mobile-nav-label{font-weight:600;font-size:var(--text-base);color:var(--gray-800)}.mobile-nav-description{font-size:var(--text-sm);color:var(--gray-500)}.mobile-nav-badge{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff}.mobile-nav-badge.limit{background:var(--error-500)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1024px){.nav-container{padding:0 var(--space-4);gap:var(--space-4)}.nav-menu.desktop{display:none}.mobile-menu-toggle{display:flex}.brand-title{font-size:var(--text-lg)}.brand-icon{width:40px;height:40px}}@media (max-width: 768px){.nav-container{padding:0 var(--space-3);gap:var(--space-3)}.brand-text,.subscription-indicator{display:none}.modern-nav{padding:var(--space-3) 0}.modern-nav.scrolled{padding:var(--space-2) 0}}@media (max-width: 480px){.nav-container{padding:0 var(--space-2)}.brand-icon{width:36px;height:36px}.mobile-menu-toggle{width:40px;height:40px}}@media (prefers-color-scheme: dark){.modern-nav{background:#0f172acc;border-bottom-color:#ffffff1a}.modern-nav.scrolled{background:#0f172af2}.mobile-nav-menu{background:#0f172afa;border-bottom-color:#ffffff1a}.mobile-nav-item:hover{background:#ffffff0d}.mobile-nav-item.active{background:#667eea1a;border-color:#667eea33}}.theme-wrapper{min-height:100vh;transition:background-color .3s ease,color .3s ease}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--color-accent);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-icon{font-size:var(--text-lg);transition:transform var(--transition-fast)}.theme-toggle:hover .theme-icon{transform:scale(1.1)}.theme-name{font-weight:600}:root{--color-background: #ffffff;--color-foreground: #0f172a;--color-primary: #0ea5e9;--color-secondary: #64748b;--color-muted: #f8fafc;--color-accent: #0284c7;--color-border: #e2e8f0;--color-input: #ffffff;--color-card: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444}[data-theme=dark]{--color-background: #0f172a;--color-foreground: #f8fafc;--color-primary: #38bdf8;--color-secondary: #94a3b8;--color-muted: #1e293b;--color-accent: #0ea5e9;--color-border: #334155;--color-input: #1e293b;--color-card: #1e293b;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171}.theme-wrapper{background-color:var(--color-background);color:var(--color-foreground)}.container{background:var(--color-background);color:var(--color-foreground)}.header{background:var(--color-card);border-bottom-color:var(--color-border);color:var(--color-foreground)}.nav{background:var(--color-card);border-color:var(--color-border)}.nav-btn{background:var(--color-card)!important;color:var(--color-foreground)!important;border-color:var(--color-border)!important}.nav-btn:hover{background:var(--color-muted)!important}.nav-btn.active{background:var(--color-primary)!important;color:#fff!important}.form-section,.dashboard-section,.stat-card,.summary-card,.item-card,.template-card,.action-card,.option-card{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.form-input,.filter-select{background:var(--color-input);border-color:var(--color-border);color:var(--color-foreground)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a}.btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.btn-secondary{background:var(--color-card);border-color:var(--color-border);color:var(--color-foreground)}.btn-secondary:hover{background:var(--color-muted)}.preview-box{background:var(--color-muted);border-color:var(--color-border)}.footer{background:var(--color-muted);color:var(--color-secondary)}[data-theme=dark] .items-section,[data-theme=dark] .advanced-options,[data-theme=dark] .generation-options,[data-theme=dark] .client-templates-section{background:var(--color-muted)}[data-theme=dark] .logo-upload-container:hover{background:#0ea5e91a}[data-theme=dark] .subscription-status-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))!important}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-muted)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}.form-input:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-section,[data-theme=dark] .form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .enhanced-upgrade{box-shadow:0 0 20px #38bdf84d!important}[data-theme=dark] .enhanced-upgrade:hover{box-shadow:0 0 30px #38bdf880!important}[data-theme=dark] .chart-bar-fill{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}[data-theme=dark] .usage-fill{opacity:.9}[data-theme=dark] .loading{background:var(--color-muted)}[data-theme=dark] .loading:before{background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent)}.theme-light{--shadow-color: rgba(0, 0, 0, .1);--shimmer-color: rgba(255, 255, 255, .6)}.theme-dark{--shadow-color: rgba(0, 0, 0, .3);--shimmer-color: rgba(148, 163, 184, .1)}.theme-wrapper .card,.theme-wrapper .btn,.theme-wrapper .form-section{box-shadow:0 4px 6px var(--shadow-color)}.theme-wrapper .card:hover{box-shadow:0 10px 15px var(--shadow-color)}@media (prefers-contrast: high){.theme-wrapper{--color-border: currentColor}.form-input,.btn{border-width:2px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}