.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.notification-bell-button:hover{background:#f5df4e1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:scale(1.1)}.notification-bell-button:hover svg{color:var(--primary)}.notification-badge{position:absolute;top:4px;right:4px;background:var(--accent-red);color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:slideDown .2s ease-out}[data-theme=dark] .notification-dropdown{background:#1e293b;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.notification-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.close-button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center}.close-button:hover{background:#94a3b81a;color:var(--text-primary)}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.notification-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(148,163,184,.1);cursor:pointer;transition:background .2s;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.notification-item:hover{background:#f5df4e0d}.notification-item:last-child{border-bottom:none}.notification-item.notification-new{background:#f5df4e14}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.notification-message{font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:6px}.notification-empty{padding:var(--spacing-3xl);text-align:center;color:var(--text-muted)}.notification-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.notification-empty p{margin:0;font-size:.9rem}.notification-footer{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-color)}.view-all-button{width:100%;background:transparent;border:none;color:var(--primary);font-weight:600;font-size:.9rem;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.view-all-button:hover{background:#f5df4e1a}@media (max-width: 768px){.notification-dropdown{position:fixed;top:60px;right:var(--spacing-sm);left:var(--spacing-sm);width:auto;max-width:none}}.navigation{background:var(--card-background);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px}.nav-brand{justify-self:start}.nav-menu{justify-self:center;display:flex;gap:var(--spacing-sm)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:var(--spacing-sm)}.nav-brand .brand-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary)}.brand-link svg{color:var(--primary)}.brand-name{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.page-title{font-size:1rem;font-weight:500;color:var(--text-secondary);padding-left:var(--spacing-md);border-left:1px solid var(--border-color)}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition-fast)}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#f5df4e1a;color:var(--text-primary)}.nav-link.active{background:var(--primary);color:#374151}.nav-link.active svg{stroke:#374151}.nav-text{font-size:.9rem}.theme-toggle{padding:8px;font-size:1.25rem;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f5df4e1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:scale(1.1)}.theme-toggle svg{color:var(--text-secondary);transition:var(--transition-fast)}.theme-toggle:hover svg{color:var(--primary);transform:rotate(15deg)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);color:var(--text-primary)}.user-button:hover{background:var(--card-hover);border-color:var(--text-muted)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.user-name{font-weight:600;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);padding:6px}.dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;width:100%;height:12px}.user-menu:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm)}.dropdown-item svg{color:var(--text-muted);width:18px;height:18px}.dropdown-item:first-child{border-radius:var(--radius-sm)}.dropdown-item:last-child{border-radius:var(--radius-sm)}.dropdown-item:hover{background:#0000000d;color:var(--text-primary)}[data-theme=dark] .dropdown-item:hover{background:#ffffff1a}.dropdown-item:hover svg{color:var(--primary)}[data-theme=dark] .dropdown-menu{background:#0f172a;border-color:#334155;color:#f8fafc}[data-theme=dark] .dropdown-item{color:#f8fafc!important}[data-theme=dark] .dropdown-item svg{color:#cbd5e1}[data-theme=dark] .dropdown-item:hover{background:#ffffff1a;color:#fff!important}[data-theme=dark] .dropdown-item:hover svg{color:var(--primary)}.dropdown-plan-info{padding:12px;margin-bottom:4px;background:var(--background-secondary);border-radius:var(--radius-sm)}[data-theme=dark] .dropdown-plan-info{background:#0f172a66}.plan-badge-container{margin-bottom:8px}.plan-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-badge.plan-free{background:#e5e7eb;color:#374151;border:1px solid #D1D5DB}[data-theme=dark] .plan-badge.plan-free{background:#94a3b833;color:var(--text-primary);border-color:#94a3b84d}.plan-badge.plan-starter{background:#dbeafe;color:#1d4ed8;border:1px solid #BFDBFE}[data-theme=dark] .plan-badge.plan-starter{background:#3b82f633;color:#60a5fa;border-color:#3b82f64d}.plan-badge.plan-business{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}[data-theme=dark] .plan-badge.plan-business{background:#f59e0b33;color:#fcd34d;border-color:#f59e0b4d}.plan-badge.plan-enterprise{background:#d1fae5;color:#047857;border:1px solid #A7F3D0}[data-theme=dark] .plan-badge.plan-enterprise{background:#10b98133;color:#34d399;border-color:#10b9814d}.status-remaining{display:flex;flex-direction:column;gap:4px}.status-progress{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}[data-theme=dark] .status-progress{background:#ffffff1a}.status-progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.status-text{font-size:.75rem;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.mobile-menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-primary)}.mobile-menu{display:none}@media (max-width: 1100px){.nav-text{display:none}.nav-link{padding:8px}.nav-brand .page-title{display:none}}@media (max-width: 768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.mobile-menu{display:none;position:fixed;top:56px;left:0;width:100%;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;padding-bottom:var(--spacing-md);overflow:hidden}[data-theme=dark] .mobile-menu{background:#0f172a;border-bottom:1px solid var(--border-color)}[data-theme=dark] .mobile-link{color:#fff}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.open{display:block;animation:menuSlideDown .3s ease-out forwards}.mobile-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-size:1rem;cursor:pointer}.mobile-link:hover{background:#f5df4e1a}.nav-text,.user-name,.page-title{display:none}.nav-menu{gap:4px}.nav-link{padding:10px}}.hero-auth-slideout{max-height:0;overflow:hidden;transition:max-height .8s cubic-bezier(.4,0,.2,1),opacity .5s ease-in-out;opacity:0;position:relative;z-index:10;margin-top:60px;margin-bottom:60px;scroll-margin-top:100px}.hero-auth-slideout.open{max-height:2000px;opacity:1}.slideout-content{padding:0;max-width:100%}.hero-auth-slideout .auth-container{box-shadow:0 10px 30px #00000014;padding:30px;border:1px solid #E2E8F0;max-width:100%}.pricing-section{padding:80px 40px;background:#fff;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1280px;margin:40px auto 0;padding:0 20px}.landing-page .plan-card{background:#fff!important;padding:40px;border-radius:20px;border:1px solid #E2E8F0;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.plan-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000000d}.landing-page .plan-card.popular{border:2px solid #F5DF4E;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#fff!important}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f5df4e;color:#1e293b;padding:4px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.landing-page .plan-card h3{font-size:1.5rem;margin-bottom:10px;color:#1e293b}.landing-page .plan-desc{color:#475569;margin-bottom:24px;font-size:.95rem}.landing-page .plan-price{margin-bottom:24px;display:flex;align-items:baseline;justify-content:center;gap:4px}.landing-page .plan-price .amount{font-size:2.5rem;font-weight:800;color:#1e293b}.landing-page .plan-price .currency{color:#64748b}.landing-page .plan-status-count{background:#f1f5f9;padding:8px;border-radius:8px;font-weight:600;margin-bottom:24px;color:#475569}.landing-page .plan-features{list-style:none;padding:0;text-align:left;margin-bottom:32px;flex:1}.landing-page .plan-features li{padding:8px 0;color:#475569;display:flex;align-items:center;gap:10px}.landing-page .plan-features li:before{content:"✓";color:#10b981;font-weight:700}.form-checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:20px;cursor:pointer}.form-checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#F5DF4E;cursor:pointer}.form-checkbox-group label{cursor:pointer;font-weight:500;color:#1e293b}.company-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.company-fields-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.plans-grid{grid-template-columns:repeat(2,1fr);max-width:700px}}@media (max-width: 640px){.plans-grid{grid-template-columns:1fr}}.landing-page{background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box;overflow-x:hidden;width:100%}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.hero-section{background:#fff;background:radial-gradient(circle at top right,rgba(245,223,78,.1) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(245,223,78,.05) 0%,transparent 40%);padding:100px 40px;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:visible;width:100%}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;transition:all .5s ease}.hero-section.auth-open .hero-content{align-items:center}.hero-section.auth-open .hero-image{position:relative;top:auto;align-self:center;margin-top:40px}.hero-text{animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;color:#1e293b;margin-bottom:24px;word-break:break-word;overflow-wrap:break-word;max-width:100%}.hero-title-content{display:inline-flex;align-items:center;gap:16px}.hero-icon{width:48px;height:48px;min-width:48px}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-title-content{flex-direction:column;align-items:center;gap:12px}.hero-icon{width:40px;height:40px;min-width:40px;margin-bottom:8px}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-auth-slideout{margin:40px auto}.hero-cta{justify-content:center}.hero-image{max-width:600px;margin:0 auto}}.hero-title .highlight{background:linear-gradient(120deg,#f5df4e,#e6c200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#f5df4e;word-break:break-word;animation:pulseHighlight 4s infinite}@keyframes pulseHighlight{0%{opacity:.9}50%{opacity:1;text-shadow:0 0 20px rgba(245,223,78,.4)}to{opacity:.9}}.hero-subtitle{font-size:1.25rem;line-height:1.8;color:#475569;margin-bottom:40px;word-break:break-word;max-width:100%}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:#f5df4e;color:#1e293b;box-shadow:0 4px 12px #f5df4e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f5df4e66;background:#f0d000}.btn-secondary{background:#f1f5f9;color:#1e293b;border:2px solid #E2E8F0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-image{animation:fadeInRight 1s ease-out;display:flex;justify-content:center;position:relative;transition:all .5s ease}.hero-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #0000001a;animation:float 6s ease-in-out infinite;transition:transform .3s ease}.hero-image img:hover{transform:scale(1.02)}.features-section{padding:100px 40px;background:#fff;width:100%;overflow:hidden}.section-header{text-align:center;margin-bottom:60px;max-width:100%}.section-header h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px;word-break:break-word}.section-header p{font-size:1.125rem;color:#475569;word-break:break-word}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;width:100%}.feature-card{background:#f8fafc;padding:40px 32px;border-radius:16px;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f626;border-color:#dbeafe;background:#fff}.feature-icon{width:100%;height:200px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;max-width:100%}.feature-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px;max-width:100%}.feature-svg{width:80px;height:80px}.feature-card h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:12px}.feature-card p{font-size:1rem;line-height:1.7;color:#475569}.how-it-works-section{padding:100px 40px;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.steps-container{max-width:1000px;margin:0 auto}.step{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;opacity:0;animation:fadeInUp .8s ease-out forwards}.step:nth-child(1){animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}.step-reverse{direction:rtl}.step-reverse>*{direction:ltr}.step-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 40px #0000001a}.step-content{padding:20px}.step-number{font-size:3rem;font-weight:800;color:#3b82f6;margin-bottom:16px}.step-content h3{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:16px}.step-content p{font-size:1.125rem;line-height:1.8;color:#475569}.about-section{padding:100px 40px;background:#fff}.about-content{max-width:900px;margin:0 auto}.about-content h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:24px;text-align:center}.about-lead{font-size:1.25rem;line-height:1.8;color:#475569;text-align:center;margin-bottom:60px}.about-features{display:grid;gap:32px}.about-feature{display:flex;gap:20px;align-items:start;padding:24px;background:#f1f5f9;border-radius:12px;transition:all .3s ease}.about-feature:hover{background:#e2e8f0;transform:translate(8px)}.about-icon{font-size:2rem;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px}.about-feature h4{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:8px}.about-feature p{font-size:1rem;line-height:1.6;color:#475569}.faq-section{padding:100px 40px;background:#f8fafc}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.faq-item:hover{border-color:#dbeafe}.faq-item.active{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f614}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center}.faq-question h3{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}.faq-toggle{font-size:1.5rem;font-weight:600;color:#3b82f6;min-width:30px;text-align:center}.faq-answer{padding:0 24px 24px;animation:slideDown .3s ease-out}.faq-answer p{font-size:1rem;line-height:1.7;color:#475569;margin:0}.auth-section{padding:100px 40px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.auth-container{max-width:500px;margin:0 auto;background:#fff;padding:48px;border-radius:20px;box-shadow:0 20px 60px #0000001a}.auth-header{text-align:center;margin-bottom:40px}.auth-header h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:12px}.auth-header p{font-size:1rem;color:#718096}.auth-tabs{display:flex;gap:8px;margin-bottom:32px;background:#f1f5f9;padding:4px;border-radius:12px}.auth-tab{flex:1;padding:12px;font-size:1rem;font-weight:600;border:none;background:transparent;color:#64748b;border-radius:8px;cursor:pointer;transition:all .3s ease}.auth-tab.active{background:#fff;color:#3b82f6;box-shadow:0 2px 8px #0000001a}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUpShort .4s ease-out forwards}.auth-form{display:flex;flex-direction:column;gap:20px;animation:fadeInUpShort .4s ease-out}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:#475569}.form-group input{padding:12px 16px;font-size:1rem;border:2px solid #E2E8F0;border-radius:8px;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.auth-submit{padding:14px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:8px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #3b82f659}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{padding:12px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:.875rem;margin-bottom:16px;text-align:center}.auth-success{padding:12px;background:#d1fae5;color:#059669;border-radius:8px;font-size:.875rem;margin-bottom:16px;text-align:center}.landing-footer{background:#3a4a5c;color:#fff;padding:60px 40px 30px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr;gap:60px}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.footer-brand p{color:#cbd5e1}.toggle-switch-container{display:flex;align-items:center;gap:12px;margin-bottom:20px;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:#8b5cf6}input:focus+.toggle-slider{box-shadow:0 0 1px #8b5cf6}input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{font-size:1rem;color:#1e293b;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.footer-links{display:flex;gap:60px}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:16px}.footer-column a{display:block;color:#cbd5e1;text-decoration:none;margin-bottom:12px;transition:color .3s ease}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid #334155;text-align:center}.footer-bottom p{color:#cbd5e1;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:2.5rem}.hero-image{display:block;margin:0 auto var(--spacing-lg);max-width:100%}.hero-image img{max-width:100%;height:auto}.step,.step-reverse{grid-template-columns:1fr;direction:ltr}.footer-content{grid-template-columns:1fr;gap:40px}}@media (max-width: 640px){.hero-section{padding:60px 20px;min-height:auto}.hero-title{font-size:1.875rem;line-height:1.3;margin-bottom:16px}.hero-subtitle{font-size:1rem;margin-bottom:32px}.hero-cta{flex-direction:column;gap:12px}.hero-cta .btn{width:100%;text-align:center}.features-section,.how-it-works-section,.about-section,.faq-section,.auth-section{padding:50px 20px}.section-header{margin-bottom:40px}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}.feature-icon{height:150px}.feature-card h3{font-size:1.25rem}.feature-card p{font-size:.9375rem}.step{margin-bottom:50px}.step-number{font-size:2.5rem}.step-content h3{font-size:1.5rem}.step-content p{font-size:1rem}.about-content h2{font-size:1.75rem}.about-lead{font-size:1rem;margin-bottom:40px}.about-features{gap:20px}.about-feature{padding:20px}.about-icon{min-width:50px;height:50px;font-size:1.5rem}.about-feature h4{font-size:1.125rem}.about-feature p{font-size:.9375rem}.faq-question{padding:20px}.faq-question h3{font-size:1rem;padding-right:10px}.faq-answer{padding:0 20px 20px}.faq-answer p{font-size:.9375rem}.auth-header h2{font-size:1.5rem}.auth-header p{font-size:.9375rem}.auth-container{padding:32px 20px}.auth-tabs{gap:6px}.auth-tab{padding:10px;font-size:.9375rem}.landing-footer{padding:50px 20px 20px}.footer-links{flex-direction:column;gap:30px}.footer-brand h3{font-size:1.25rem}.footer-column h4{font-size:.9375rem}}@media (max-width: 375px){.hero-title{font-size:1.625rem}.hero-subtitle{font-size:.9375rem}.btn{padding:12px 24px;font-size:.9375rem}.section-header h2{font-size:1.5rem}.feature-icon{height:120px}.auth-container{padding:24px 16px}}@media (max-width: 414px) and (orientation: portrait){.landing-page{overflow-x:hidden!important}.hero-section{padding:60px 16px;width:100%;overflow:hidden}.hero-content{width:100%;max-width:100%;padding:0}.hero-title{font-size:1.5rem;line-height:1.25;margin-bottom:12px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-subtitle{font-size:.875rem;line-height:1.5;margin-bottom:24px}.section-header h2{font-size:1.5rem;word-break:break-word}.section-header p{font-size:.9375rem}.features-section,.how-it-works-section,.about-section,.faq-section,.auth-section,.pricing-section{padding:50px 16px;overflow:hidden;width:100%}.feature-card h3,.step-content h3,.about-feature h4{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}.use-cases-section{padding:100px 40px;background-color:#f8fafc}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}.use-case-card{background:#fff;padding:40px 32px;border-radius:16px;border:1px solid #E2E8F0;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.use-case-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f626;border-color:#f5df4e}.use-case-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fdfdea;border-radius:12px;margin-bottom:24px;color:#1e293b}.use-case-card h3{font-size:1.5rem;margin-bottom:12px;font-weight:600;color:#2d3748}.use-case-card p{color:#475569;line-height:1.7;margin:0 0 16px;font-size:1rem}.use-case-link{display:inline-flex;align-items:center;gap:6px;color:#3b82f6;font-weight:600;font-size:.9rem;margin-top:auto;transition:gap .3s ease}.use-case-card:hover .use-case-link{gap:10px}@media (max-width: 768px){.use-cases-section{padding:60px 16px}}.language-switcher{position:relative;margin-left:1rem;z-index:100}.lang-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#334155}.lang-btn:hover{background:#f1f5f9;color:#0f172a}.lang-flag{font-size:1.1rem}.chevron{font-size:.7rem;margin-left:4px;transition:transform .2s ease;opacity:.5}.chevron.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000000d;padding:4px;min-width:180px;display:flex;flex-direction:column;gap:0;animation:fadeIn .15s ease-out}.lang-option{display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;border-radius:4px;font-size:.95rem;color:#475569;transition:background .15s}.lang-option:hover{background:#f8fafc;color:#0f172a}.lang-option.active{background:#f1f5f9;color:#0f172a;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.public-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.public-container{width:100%;max-width:600px}.public-header{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.company-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.company-icon{font-size:2.5rem}.company-info h3{margin:0;font-size:1.25rem}.company-info p{margin:0;font-size:.9rem}.template-title{font-size:2rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.template-description{font-size:1rem}.public-form{padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-xl)}.form-section h3{margin-bottom:var(--spacing-lg);font-size:1.25rem}.status-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.status-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-primary);min-height:140px;justify-content:center}.status-option:hover{border-color:var(--status-color);background:var(--bg-secondary)}.status-option.selected{background:var(--status-color)!important;border-color:var(--status-color)!important;color:#fff!important}.status-option.selected .status-icon,.status-option.selected .status-name,.status-option.selected .status-desc{color:#fff!important}.status-icon{font-size:2rem}.status-name{font-weight:600;text-align:center;font-size:.95rem}.success-message{padding:var(--spacing-2xl);text-align:center;animation:fadeIn .5s ease}.success-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.success-message h2{margin-bottom:var(--spacing-md);color:var(--secondary)}.public-footer{text-align:center;padding:var(--spacing-lg)}.tracking-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.85rem;font-family:monospace}.checkbox-wrapper{padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.checkbox-text{font-size:1rem;color:var(--text-primary)}.marketing-banner{margin-top:var(--spacing-xl);padding:var(--spacing-xl);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.marketing-banner p{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:600}.tracking-summary-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.info-item{display:flex;flex-direction:column}.info-label{font-size:.85rem;color:var(--text-muted);margin-bottom:2px}.info-value{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.public-page{padding:var(--spacing-sm);align-items:flex-start}.container{padding:0;max-width:100%}.tracking-summary-wrapper{background:var(--card-background);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:0;overflow:hidden;margin-bottom:var(--spacing-md)}.tracking-summary-wrapper>.card{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:var(--spacing-md)!important;border-bottom:1px solid var(--border-color)!important;margin-bottom:0!important}.tracking-summary-wrapper>.card:last-child{border-bottom:none!important}.header h1{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.info-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.info-label{font-size:.75rem}.info-value{font-size:.95rem}.current-status h3{margin-bottom:var(--spacing-sm);font-size:1rem}.status-badge-current .status-icon{font-size:1.5rem}.status-badge-current .status-name{font-size:1rem}.update-form{padding:var(--spacing-md)}.status-options{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.status-option{min-height:100px;padding:var(--spacing-md)}.status-icon{font-size:1.5rem}.status-name{font-size:.85rem}.reporter-section,.form-group.notes{display:none}.marketing-banner{padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.marketing-banner p{font-size:1rem}}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color)}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.header-content{display:flex;align-items:center;gap:var(--spacing-lg);text-align:left}.app-logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f5df4e1a;border-radius:var(--radius-md);color:var(--primary);flex-shrink:0}.header-text{flex:1;display:flex;flex-direction:column;align-items:flex-start}.header-text h1{margin:0;font-size:1.75rem;line-height:1.2;color:var(--text-primary);text-align:left}.header-text .description{margin:4px 0 0;color:var(--text-secondary);font-size:1rem;text-align:left}@media (max-width: 768px){.header-content{gap:var(--spacing-md)}.app-logo{width:48px;height:48px;border-radius:var(--radius-sm)}.app-logo svg{width:24px;height:24px}.header-text h1{font-size:1.25rem}.header-text .description{font-size:.9rem}}.status-current{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.status-badge-current{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-secondary);border-radius:50px;border:2px solid var(--border-color)}.status-badge-current .status-icon{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary)}.status-badge-current .status-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.status-time{text-align:center;margin-top:var(--spacing-sm);font-size:.9rem}.public-tracking{min-height:100vh;padding:2rem 1rem;background-color:var(--background-color)}.public-tracking .container-sm{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.public-tracking .header{text-align:center;padding:2.5rem 1.5rem}.public-tracking .logo{font-size:3rem;margin-bottom:1rem;display:block}.public-tracking h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-color)}.history-timeline{position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.timeline-item{position:relative}.timeline-marker{position:absolute;left:-2rem;top:.25rem;width:14px;height:14px;border-radius:50%;background:var(--primary-color);border:3px solid var(--card-background);z-index:1;box-shadow:0 0 0 1px var(--border-color)}.history-timeline:before{content:"";position:absolute;left:7px;top:.5rem;bottom:0;width:2px;background:var(--border-color)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.timeline-status{font-weight:600;color:var(--text-color);font-size:1.1rem}.timeline-date{font-size:.85rem}.timeline-notes{font-size:.95rem;color:var(--text-muted);background:var(--background-color);padding:.75rem;border-radius:var(--radius-md);margin-top:.5rem;margin-bottom:.5rem}.timeline-photos{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.photo-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:transform .2s}.photo-thumbnail:hover{transform:scale(1.05)}@media (max-width: 480px){.public-tracking{padding:1rem .5rem}.public-tracking .container-sm{gap:1rem}.history-timeline{padding-left:1.5rem}.timeline-marker{left:-1.75rem}.history-timeline:before{left:calc(.25rem + 1px)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:var(--text-muted);font-size:.9rem}.info-value{font-size:1.25rem;font-weight:600;color:var(--text-color);word-break:break-word}:root{--primary: #F5DF4E;--primary-light: #FBEF8F;--primary-dark: #D4BD2C;--secondary: #3B82F6;--accent-blue: #60A5FA;--accent-green: #34D399;--accent-red: #F87171;--background: #F8FAFC;--background-secondary: #F1F5F9;--card-background: #FFFFFF;--card-hover: #FFFFFF;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--background: #0F172A;--background-secondary: #1E293B;--card-background: #1E293B;--card-hover: #2D3748;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border-color: rgba(248, 250, 252, .1);--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none}[data-theme=dark] .card,[data-theme=dark] .card-glass,[data-theme=dark] .navigation,[data-theme=dark] .dropdown-menu,[data-theme=dark] .system-template-card,[data-theme=dark] .btn-success,[data-theme=dark] .btn-primary,[data-theme=dark] .btn-secondary,[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background-image:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b880}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}.card,.card-glass{background:var(--card-background);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover,.card-glass:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none;outline:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#000;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.btn-primary:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);background:var(--primary-dark)}.btn-secondary{background:#0f172a0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#0f172a14;border-color:#0f172a1f}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-danger{background:transparent!important;border:2px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef44441a!important;border-color:#ef4444}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#0f172a}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:1.125rem 2rem;font-size:1.125rem}.btn-icon{background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast);font-size:1.25rem;color:var(--text-muted)}.btn-icon:hover{background:#94a3b81a;border-radius:var(--radius-md);color:var(--text-primary)}.btn-block{width:100%;display:flex}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;font-size:.95rem;color:var(--text-primary)}.form-input,.form-textarea,.form-select{padding:var(--spacing-md);background:#94a3b80d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);width:100%;font-family:inherit}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background:#94a3b814;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background:#94a3b81a;border-color:var(--primary);box-shadow:0 0 0 3px #f5df4e1a}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-select:focus{background:#94a3b81f}.form-textarea{resize:vertical;min-height:120px}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary)}.container{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:900px}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--accent-green)}.text-danger{color:var(--accent-red)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease}.slide-in{animation:slideIn .3s ease}.spinner{width:40px;height:40px;border:3px solid rgba(148,163,184,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-full);background:var(--primary);color:#0f172a}.badge-success{background:var(--accent-green);color:#fff}.badge-secondary{background:#94a3b833;color:var(--text-primary)}.status-badge-sm{display:inline-block;padding:4px 12px;font-size:.85rem;font-weight:600;background:#f5df4e26;color:#713f12;border-radius:var(--radius-md);border:1px solid rgba(245,223,78,.4)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--spacing-md)}.card,.card-glass{padding:var(--spacing-lg)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-header{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg)}