.Onboarding-module__Nz2wRW__modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.3s Onboarding-module__Nz2wRW__fadeIn;display:flex;position:fixed;inset:0}@keyframes Onboarding-module__Nz2wRW__fadeIn{0%{opacity:0}to{opacity:1}}.Onboarding-module__Nz2wRW__modal{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.4s Onboarding-module__Nz2wRW__slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes Onboarding-module__Nz2wRW__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Onboarding-module__Nz2wRW__progressBar{background:var(--color-border);border-radius:4px 4px 0 0;height:4px;overflow:hidden}.Onboarding-module__Nz2wRW__progressFill{background:linear-gradient(90deg, var(--color-primary), #f59e0b);height:100%;transition:width .5s}.Onboarding-module__Nz2wRW__closeButton{color:var(--color-text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:16px;right:16px}.Onboarding-module__Nz2wRW__closeButton:hover{color:var(--color-text);background:var(--color-surface-hover)}.Onboarding-module__Nz2wRW__stepContent{text-align:center;padding:48px 40px 32px}.Onboarding-module__Nz2wRW__stepIcon{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;box-shadow:0 8px 32px #8b5cf64d}.Onboarding-module__Nz2wRW__stepIcon svg{width:36px;height:36px}.Onboarding-module__Nz2wRW__stepIconPro{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;position:relative;box-shadow:0 8px 32px #f59e0b4d}.Onboarding-module__Nz2wRW__stepIconPro svg{width:36px;height:36px}.Onboarding-module__Nz2wRW__proLabel{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #10b98166}.Onboarding-module__Nz2wRW__stepIconSuccess{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;box-shadow:0 8px 32px #10b9814d}.Onboarding-module__Nz2wRW__stepIconSuccess svg{width:36px;height:36px}.Onboarding-module__Nz2wRW__stepIconPremium{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;animation:2s ease-in-out infinite Onboarding-module__Nz2wRW__pulse;display:flex;box-shadow:0 8px 32px #f59e0b4d}@keyframes Onboarding-module__Nz2wRW__pulse{0%,to{box-shadow:0 8px 32px #f59e0b4d}50%{box-shadow:0 8px 48px #f59e0b80}}.Onboarding-module__Nz2wRW__stepIconPremium svg{width:36px;height:36px}.Onboarding-module__Nz2wRW__stepTitle{color:var(--color-text);margin:0 0 12px;font-size:1.75rem;font-weight:700;line-height:1.3}.Onboarding-module__Nz2wRW__stepDescription{color:var(--color-text-secondary);max-width:450px;margin:0 auto 32px;font-size:1rem;line-height:1.6}.Onboarding-module__Nz2wRW__featurePreview{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.Onboarding-module__Nz2wRW__previewCard{background:var(--color-background);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:20px 16px;transition:all .2s}.Onboarding-module__Nz2wRW__previewCard:hover{border-color:var(--color-primary);transform:translateY(-2px)}.Onboarding-module__Nz2wRW__previewIcon{width:48px;height:48px;color:var(--color-primary);background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.Onboarding-module__Nz2wRW__previewCard h4{color:var(--color-text);margin:0 0 4px;font-size:.9rem;font-weight:600}.Onboarding-module__Nz2wRW__previewCard p{color:var(--color-text-secondary);margin:0;font-size:.75rem}.Onboarding-module__Nz2wRW__previewCardClickable{background:var(--color-background);border:1px solid var(--color-border);text-align:center;cursor:pointer;border-radius:12px;width:100%;padding:20px 16px;transition:all .2s}.Onboarding-module__Nz2wRW__previewCardClickable:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.Onboarding-module__Nz2wRW__previewCardClickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.Onboarding-module__Nz2wRW__previewCardClickable h4{color:var(--color-text);margin:0 0 4px;font-size:.9rem;font-weight:600}.Onboarding-module__Nz2wRW__previewCardClickable p{color:var(--color-text-secondary);margin:0;font-size:.75rem}.Onboarding-module__Nz2wRW__featureList{text-align:left;margin-bottom:24px}.Onboarding-module__Nz2wRW__featureItem{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.Onboarding-module__Nz2wRW__featureItem:last-child{border-bottom:none}.Onboarding-module__Nz2wRW__featureItem svg{color:#10b981;flex-shrink:0;margin-top:2px}.Onboarding-module__Nz2wRW__featureItem span{color:var(--color-text);font-size:.95rem;line-height:1.4}.Onboarding-module__Nz2wRW__inputGroup{text-align:left;margin-bottom:20px}.Onboarding-module__Nz2wRW__inputGroup label{color:var(--color-text);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.Onboarding-module__Nz2wRW__textInput{background:var(--color-background);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:10px;padding:14px 16px;font-size:1rem;transition:all .2s}.Onboarding-module__Nz2wRW__textInput:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #8b5cf626}.Onboarding-module__Nz2wRW__textInput::placeholder{color:var(--color-text-secondary)}.Onboarding-module__Nz2wRW__textArea{background:var(--color-background);border:2px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:10px;min-height:100px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.Onboarding-module__Nz2wRW__textArea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #8b5cf626}.Onboarding-module__Nz2wRW__inputHint{color:var(--color-text-secondary);margin-top:6px;font-size:.8rem;display:block}.Onboarding-module__Nz2wRW__errorMessage{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.Onboarding-module__Nz2wRW__suggestionChips{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.Onboarding-module__Nz2wRW__chipLabel{color:var(--color-text-secondary);font-size:.85rem}.Onboarding-module__Nz2wRW__chip{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .2s}.Onboarding-module__Nz2wRW__chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b5cf61a}.Onboarding-module__Nz2wRW__trialBadge{background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid #f59e0b4d;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;display:inline-flex}.Onboarding-module__Nz2wRW__trialBadge svg{color:#f59e0b;width:18px;height:18px}.Onboarding-module__Nz2wRW__trialBadge span{color:var(--color-text);font-size:.9rem}.Onboarding-module__Nz2wRW__generatedOutput{text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px;padding:20px;animation:.3s Onboarding-module__Nz2wRW__fadeIn}.Onboarding-module__Nz2wRW__generatedOutput h4{color:var(--color-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:.85rem;font-weight:600;display:flex}.Onboarding-module__Nz2wRW__outputText{color:var(--color-text);white-space:pre-wrap;font-size:.95rem;line-height:1.7}.Onboarding-module__Nz2wRW__creditsRemaining{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;display:flex}.Onboarding-module__Nz2wRW__creditsRemaining svg{color:#f59e0b;width:16px;height:16px}.Onboarding-module__Nz2wRW__generatedImageOutput{text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px;padding:20px;animation:.3s Onboarding-module__Nz2wRW__fadeIn}.Onboarding-module__Nz2wRW__generatedImageOutput h4{color:var(--color-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:.85rem;font-weight:600;display:flex}.Onboarding-module__Nz2wRW__imageFrame{aspect-ratio:16/9;background:var(--color-surface);border-radius:8px;position:relative;overflow:hidden}.Onboarding-module__Nz2wRW__imageFrame img{object-fit:cover;width:100%;height:100%}.Onboarding-module__Nz2wRW__cinemaPreview{text-align:left;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.Onboarding-module__Nz2wRW__previewFrame{background:var(--color-background);border:1px solid var(--color-border);aspect-ratio:16/9;border-radius:12px;overflow:hidden}.Onboarding-module__Nz2wRW__previewPlaceholder{height:100%;color:var(--color-text-secondary);background:linear-gradient(135deg,#8b5cf61a,#0003);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.Onboarding-module__Nz2wRW__previewPlaceholder svg{opacity:.6;width:32px;height:32px}.Onboarding-module__Nz2wRW__previewPlaceholder span{font-size:.8rem}.Onboarding-module__Nz2wRW__previewDetails{flex-direction:column;justify-content:center;gap:12px;display:flex}.Onboarding-module__Nz2wRW__detailItem{color:var(--color-text);font-size:.9rem}.Onboarding-module__Nz2wRW__detailItem strong{color:var(--color-text-secondary);font-weight:500}.Onboarding-module__Nz2wRW__achievementList{text-align:left;margin-bottom:24px}.Onboarding-module__Nz2wRW__achievement{background:#10b9811a;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.Onboarding-module__Nz2wRW__achievement svg{color:#10b981;flex-shrink:0}.Onboarding-module__Nz2wRW__achievement span{color:var(--color-text);font-size:.95rem}.Onboarding-module__Nz2wRW__comparisonTeaser{background:var(--color-background);border:1px solid var(--color-border);text-align:left;border-radius:12px;margin-bottom:24px;padding:20px}.Onboarding-module__Nz2wRW__comparisonTeaser h4{color:var(--color-text);margin:0 0 12px;font-size:1rem;font-weight:600}.Onboarding-module__Nz2wRW__comparisonTeaser ul{margin:0;padding-left:20px}.Onboarding-module__Nz2wRW__comparisonTeaser li{color:var(--color-text-secondary);margin-bottom:6px;font-size:.9rem}.Onboarding-module__Nz2wRW__pricingCard{border:2px solid var(--color-primary);background:linear-gradient(135deg,#8b5cf61a,#f59e0b0d);border-radius:16px;margin-bottom:20px;padding:24px}.Onboarding-module__Nz2wRW__pricingHeader{text-align:center;margin-bottom:20px}.Onboarding-module__Nz2wRW__pricingHeader h3{color:var(--color-text);margin:0 0 8px;font-size:1.25rem;font-weight:700}.Onboarding-module__Nz2wRW__price{justify-content:center;align-items:baseline;gap:4px;display:flex}.Onboarding-module__Nz2wRW__amount{color:var(--color-primary);font-size:2.5rem;font-weight:700}.Onboarding-module__Nz2wRW__period{color:var(--color-text-secondary);font-size:1rem}.Onboarding-module__Nz2wRW__pricingFeatures{margin-bottom:20px}.Onboarding-module__Nz2wRW__pricingFeature{color:var(--color-text);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.Onboarding-module__Nz2wRW__pricingFeature svg{color:#10b981;flex-shrink:0;width:18px;height:18px}.Onboarding-module__Nz2wRW__upgradeButton{background:linear-gradient(135deg, var(--color-primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.Onboarding-module__Nz2wRW__upgradeButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.Onboarding-module__Nz2wRW__upgradeButton svg{width:22px;height:22px}.Onboarding-module__Nz2wRW__guarantee{text-align:center;color:var(--color-text-secondary);margin-bottom:16px;font-size:.8rem}.Onboarding-module__Nz2wRW__stepActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.Onboarding-module__Nz2wRW__primaryButton{background:linear-gradient(135deg, var(--color-primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.Onboarding-module__Nz2wRW__primaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.Onboarding-module__Nz2wRW__primaryButton:disabled{opacity:.6;cursor:not-allowed}.Onboarding-module__Nz2wRW__primaryButton svg{width:18px;height:18px}.Onboarding-module__Nz2wRW__secondaryButton{border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.Onboarding-module__Nz2wRW__secondaryButton:hover{border-color:var(--color-text-secondary)}.Onboarding-module__Nz2wRW__textButton{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.9rem;transition:color .2s}.Onboarding-module__Nz2wRW__textButton:hover{color:var(--color-text)}.Onboarding-module__Nz2wRW__stepIndicator{border-top:1px solid var(--color-border);justify-content:center;gap:8px;padding:20px;display:flex}.Onboarding-module__Nz2wRW__stepDot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:all .3s}.Onboarding-module__Nz2wRW__stepDot.Onboarding-module__Nz2wRW__active{background:var(--color-primary);border-radius:4px;width:24px}.Onboarding-module__Nz2wRW__stepDot.Onboarding-module__Nz2wRW__completed{background:#10b981}@media (max-width:640px){.Onboarding-module__Nz2wRW__modal{border-radius:0;max-width:100%;max-height:100%}.Onboarding-module__Nz2wRW__stepContent{padding:40px 24px 24px}.Onboarding-module__Nz2wRW__stepTitle{font-size:1.5rem}.Onboarding-module__Nz2wRW__featurePreview{grid-template-columns:1fr;gap:12px}.Onboarding-module__Nz2wRW__cinemaPreview{grid-template-columns:1fr}.Onboarding-module__Nz2wRW__stepActions{flex-direction:column}.Onboarding-module__Nz2wRW__primaryButton,.Onboarding-module__Nz2wRW__secondaryButton{justify-content:center;width:100%}}
:root,[data-theme=dark]{--color-primary:#d4af37;--color-primary-hover:#b8960c;--color-primary-light:#f4d03f;--color-primary-rgb:212, 175, 55;--color-secondary:#10b981;--color-background:#0d0a08;--color-surface:#1a1510;--color-surface-hover:#252015;--color-border:#3d3530;--color-text:#fff;--color-text-secondary:#a0a0a0;--color-error:#ef4444;--color-warning:#f59e0b;--color-success:#22c55e;--color-info:#3b82f6;--border-radius:8px;--border-radius-lg:12px;--border-radius-sm:4px;--transition:.15s ease;--primary-color:var(--color-primary);--primary:var(--color-primary);--primary-light:var(--color-primary-light);--accent-color:var(--color-secondary);--card-bg:var(--color-surface);--border-color:var(--color-border);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--color-text-muted:var(--color-text-secondary);--color-bg:var(--color-background)}[data-theme=light]{--color-primary:#b8960c;--color-primary-hover:#9a7d0a;--color-primary-light:#d4af37;--color-primary-rgb:184, 150, 12;--color-secondary:#059669;--color-background:#faf3e0;--color-surface:#fff;--color-surface-hover:#fff8e7;--color-border:#e5dcc8;--color-text:#1e1a14;--color-text-secondary:#4a4235;--color-error:#dc2626;--color-warning:#d97706;--color-success:#16a34a;--color-info:#2563eb;--primary-color:var(--color-primary);--primary:var(--color-primary);--primary-light:var(--color-primary-light);--accent-color:var(--color-secondary);--card-bg:var(--color-surface);--border-color:var(--color-border);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--color-text-muted:var(--color-text-secondary);--color-bg:var(--color-background)}[data-font-size=small]{font-size:14px}[data-font-size=medium]{font-size:16px}[data-font-size=large]{font-size:18px}[data-reduced-motion=true],[data-reduced-motion=true] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-high-contrast=true]{--color-text:#fff;--color-text-secondary:#e0e0e0;--color-border:#666;--color-background:#000;--color-surface:#1a1a1a}[data-high-contrast=true][data-theme=light]{--color-text:#000;--color-text-secondary:#333;--color-border:#333;--color-background:#fff;--color-surface:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none}body{background-color:var(--color-background);max-width:100vw;color:var(--color-text);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-anchor:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;overflow-x:hidden}.page,.container,main{backface-visibility:hidden;transform:translateZ(0)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--border-radius);transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px}.card:hover{border-color:var(--color-primary)}.input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;color:var(--color-text);transition:border-color var(--transition);padding:12px 16px}.input:focus{border-color:var(--color-primary);outline:none}.input::placeholder{color:var(--color-text-secondary)}.textarea{resize:vertical;min-height:120px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100vh;padding:32px 0}.page-header{margin-bottom:32px}.page-title{margin-bottom:8px;font-size:2rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal-overlay{z-index:1000;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;max-width:500px;max-height:90vh;padding:32px;overflow-y:auto}.modal-title{margin-bottom:16px;font-size:1.5rem;font-weight:600}.empty-state{text-align:center;color:var(--color-text-secondary);padding:64px 24px}.empty-state h3{color:var(--color-text);margin-bottom:8px;font-size:1.25rem}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-layout>main,.app-layout>.page{flex:1}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;padding:16px 0;display:flex}.pagination-btn{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-info{color:var(--color-text-secondary);margin:0 8px;font-size:.875rem}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--border-radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:200px}.skeleton-text{height:20px;margin-bottom:8px}.skeleton-text-sm{width:60%;height:14px}.btn-animated{transition:all .2s;position:relative;overflow:hidden;transform:translateY(0)}.btn-animated:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .2s;position:absolute;inset:0}.btn-animated:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-animated:hover:not(:disabled):before{opacity:1}.btn-animated:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.btn-glow{transition:all .3s;position:relative;overflow:hidden;transform:translateY(0)}.btn-glow:after{content:"";background:conic-gradient(from 0deg, transparent, rgba(var(--color-primary-rgb), .3), transparent);opacity:0;transition:opacity .3s;animation:none;position:absolute;inset:-50%}.btn-glow:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--color-primary-rgb), .4);transform:translateY(-2px)}.btn-glow:hover:not(:disabled):after{opacity:1;animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-pulse{animation:2s ease-in-out infinite subtle-pulse}.btn-pulse:hover{animation:none}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), .4)}50%{box-shadow:0 0 0 8px rgba(var(--color-primary-rgb), 0)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);width:100%;height:100%;transition:transform .5s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn-ripple:active:after{opacity:1;transition:transform,opacity;transform:translate(-50%,-50%)scale(2.5)}.btn-scale{transition:transform .2s}.btn-scale:hover:not(:disabled){transform:scale(1.05)}.btn-scale:active:not(:disabled){transform:scale(.95)}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-shine:hover:before{left:100%}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.btn-success-flash{animation:.6s success-flash}@keyframes success-flash{0%,to{background-color:var(--color-success)}50%{background-color:var(--color-success);filter:brightness(1.3)}}.btn-action{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);border-radius:var(--border-radius);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)}.btn-action:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-action:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--color-primary-rgb), .4);transform:translateY(-2px)}.btn-action:hover:not(:disabled):before{left:100%}.btn-action:active:not(:disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb), .3);transform:translateY(0)}.btn-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-action{border-radius:var(--border-radius);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary-action:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-secondary-action:active:not(:disabled){transform:translateY(0)}.btn-secondary-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-secondary-action:disabled{opacity:.5;cursor:not-allowed}.btn-icon{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.btn-icon:hover:not(:disabled){color:#fff;background:#ffffff26;transform:scale(1.05)}.btn-icon:active:not(:disabled){transform:scale(.95)}.btn-icon.btn-danger:hover:not(:disabled){color:#ef4444;background:#ef444433;border-color:#ef44444d}.btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:768px){.btn,button:not([class*=icon]){min-height:44px;padding:12px 20px}.btn-icon{width:44px;height:44px}.container{padding:0 16px}.page{padding:16px 0}.page-title{font-size:1.5rem}.page-subtitle{font-size:1rem}.card{padding:16px}.input,textarea,select{padding:14px 16px;font-size:16px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:90vh;padding:24px 16px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.grid{gap:16px}.grid-2,.grid-3{grid-template-columns:1fr}.empty-state{padding:48px 16px}.pagination{flex-wrap:wrap;gap:4px}.pagination-btn{width:36px;height:36px}}@media (max-width:375px){.container{padding:0 12px}.btn{padding:10px 16px;font-size:.875rem}.page-title{font-size:1.25rem}.card{padding:12px}}@media (max-width:768px) and (orientation:landscape){.modal{border-radius:16px;max-height:85vh}.modal-overlay{align-items:center;padding:16px}}@media (hover:none) and (pointer:coarse){.btn-animated:hover:not(:disabled){box-shadow:none;transform:none}.btn-animated:active:not(:disabled){transform:scale(.98)}.btn-glow:hover:not(:disabled){box-shadow:none;transform:none}.btn-glow:active:not(:disabled){transform:scale(.98)}.card:active{transition:transform .1s;transform:scale(.99)}a,button{min-width:44px;min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.input,.btn{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.modal{animation:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media print{.btn,button,.modal-overlay{display:none!important}body{color:#000;background:#fff}.card{break-inside:avoid;border:1px solid #ccc}}