code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bg-white{background-color:#fff}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-gray-100{background-color:#f1f5f9}.bg-gray-200{background-color:#e2e8f0}.text-white{color:#fff}.text-gray-600{color:#64748b}.text-gray-800{color:#1e293b}.text-blue-600{color:#3b82f6}.border{border:1px solid #e2e8f0}.border-gray-300{border-color:#d1d5db}@media (max-width:768px){.container{padding:0 .5rem}.flex-col-mobile{flex-direction:column}}.trial-banner{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem 1.5rem}.trial-banner-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1400px}.trial-icon{flex-shrink:0;font-size:2rem}.trial-message{flex:1 1}.trial-message strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.trial-message p{font-size:.95rem;margin:0}.trial-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trial-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.trial-expired{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.trial-upgrade-btn{background:#fff;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.trial-upgrade-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.trial-warning .trial-upgrade-btn{color:#f5576c}.trial-expired .trial-upgrade-btn{color:#c92a2a}.upgrade-modal{max-width:1000px}.plans-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.plans-loading .animate-spin{animation:spin 1s linear infinite}.plan-featured{border-color:#667eea;box-shadow:0 4px 16px #667eea33}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.plan-header{text-align:center}.plan-header h4{color:#1a1a1a;font-size:1.5rem;margin-bottom:.5rem}.plan-price{color:#667eea;margin-bottom:.5rem}.plan-users{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.plan-select-btn{border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.plan-select-btn:hover{border-color:#667eea;color:#667eea}.plan-select-featured{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.plan-select-featured:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.trial-banner-content{flex-direction:column;text-align:center}.trial-upgrade-btn{width:100%}.plans-grid{grid-template-columns:1fr}.upgrade-modal{width:95%}}.quota-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem 1.5rem}.quota-banner-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1400px}.quota-icon{flex-shrink:0;font-size:2rem}.quota-message{flex:1 1}.quota-message strong{color:#2d3436;display:block;font-size:1.1rem;margin-bottom:.25rem}.quota-message p{color:#2d3436;font-size:.95rem;margin:0}.quota-upgrade-btn{background:#fff;border:none;border-radius:6px;color:#fdcb6e;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.quota-upgrade-btn:hover{box-shadow:0 4px 12px #0003;color:#e17055;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quota-banner-content{flex-direction:column;text-align:center}.quota-upgrade-btn{width:100%}}.app-footer{background:#f8fafc;border-top:1px solid #e5e7eb;margin-top:auto;padding:16px 0}.app-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.app-footer-left{flex:1 1}.app-footer-copyright{color:#6b7280;font-size:14px;margin:0}.app-footer-right{display:flex;flex:1 1;justify-content:flex-end}.app-footer-links{display:flex;flex-wrap:wrap;gap:24px}.app-footer-link{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s ease}.app-footer-link:hover{color:#3b82f6;text-decoration:underline}@media (max-width:768px){.app-footer-content{flex-direction:column;gap:12px;text-align:center}.app-footer-right{justify-content:center}.app-footer-links{gap:16px}}@media (max-width:480px){.app-footer-links{flex-direction:column;gap:8px}.app-footer-link{font-size:13px}}.sidebar-header{padding:1.5rem}.sidebar-title-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.sidebar-title{color:var(--primary-color);font-size:1.25rem;font-weight:700;margin:0}.clickable-title{transition:opacity .2s ease}.clickable-title:hover{opacity:.8}.sidebar-close-btn{display:none}@media (max-width:768px){.sidebar-close-btn{display:block}}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item-content{flex:1 1}.nav-item-shortcut{align-items:center;background-color:#fff3;border-radius:.25rem;color:#ffffffb3;display:none;font-size:.75rem;padding:.25rem .5rem}@media (min-width:1024px){.nav-item-shortcut{display:inline-flex}}.sidebar-footer{border-top:1px solid var(--border-color);bottom:0;left:0;padding:1.5rem;position:absolute;right:0}.user-info-container{align-items:center;display:flex;margin-bottom:1rem}.user-avatar-sidebar{align-items:center;background-color:var(--primary-color);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;width:2rem}.user-details-sidebar{margin-left:.75rem}.user-name-sidebar{color:var(--text-primary);font-size:.875rem;font-weight:500;margin:0}.user-role-sidebar{color:var(--text-secondary);font-size:.75rem;margin:0}.logout-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:.5rem 0;transition:color .2s;width:100%}.logout-btn:hover{color:var(--text-primary)}.logout-icon{height:1rem;margin-right:.5rem;width:1rem}.mobile-menu-btn{background-color:#fff;border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;display:block;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:50}@media (min-width:768px){.mobile-menu-btn{display:none}}.menu-icon{height:1.5rem;width:1.5rem}.fade-in,.page-content{animation:fadeIn .3s ease-in}.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#dbeafe 50%,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.landing-pricing-error,.landing-pricing-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem;text-align:center}.landing-pricing-loading{gap:1rem}.landing-pricing-loading .animate-spin{animation:spin 1s linear infinite}.landing-pricing-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.landing-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #fff3;position:relative}.landing-container{margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.landing-container{padding:0 1.5rem}}@media (min-width:1024px){.landing-container{padding:0 2rem}}.landing-flex{align-items:center;justify-content:space-between;padding:1rem 0}.landing-logo{align-items:center;display:flex;gap:.75rem}.landing-logo-icon{position:relative}.landing-logo-icon:before{content:"";filter:blur(4px);inset:0;opacity:.75;position:absolute}.landing-logo-icon-inner,.landing-logo-icon:before{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:.75rem}.landing-logo-icon-inner{padding:.5rem;position:relative}.landing-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.landing-nav{align-items:center;display:flex;gap:1rem}.landing-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #6366f14d;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.landing-user-avatar:hover{box-shadow:0 4px 12px #6366f166;transform:scale(1.05)}.landing-user-initial{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.landing-nav-link{color:#64748b;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:#1e293b}.landing-cta-btn{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-weight:500;padding:.5rem 1.5rem;text-decoration:none;transition:all .2s}.landing-cta-btn:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.landing-hero{overflow:hidden;padding:6rem 0;position:relative}.landing-hero-bg{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#4f46e5);inset:0;position:absolute}.landing-hero-overlay{background:#0000001a;inset:0;position:absolute}.landing-hero-shapes{height:100%;left:0;position:absolute;top:0;width:100%}.landing-hero-shape{border-radius:50%;filter:blur(80px);position:absolute}.landing-hero-shape-1{background:#3b82f633;height:18rem;left:2.5rem;top:5rem;width:18rem}.landing-hero-shape-2{background:#9333ea33;bottom:5rem;height:24rem;right:2.5rem;width:24rem}.landing-hero-shape-3{background:#6366f133;height:16rem;left:50%;top:50%;transform:translate(-50%,-50%);width:16rem}.landing-hero-content{margin:0 auto;max-width:80rem;padding:0 1rem;position:relative;text-align:center}@media (min-width:640px){.landing-hero-content{padding:0 1.5rem}}@media (min-width:1024px){.landing-hero-content{padding:0 2rem}}.landing-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:2rem;padding:.5rem 1rem}.landing-hero-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:2rem}@media (min-width:768px){.landing-hero-title{font-size:4.5rem}}.landing-hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dbeafe,#e0e7ff);-webkit-background-clip:text;background-clip:text;display:block}.landing-hero-subtitle{color:#dbeafe;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:56rem}@media (min-width:768px){.landing-hero-subtitle{font-size:1.5rem}}.landing-hero-buttons{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:4rem}@media (min-width:640px){.landing-hero-buttons{flex-direction:row}}.landing-hero-btn-primary{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;color:#2563eb;display:flex;font-size:1.125rem;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s}.landing-hero-btn-primary:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.landing-hero-btn-secondary{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;display:flex;font-size:1.125rem;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s}.landing-hero-btn-secondary:hover{background:#fff3;transform:scale(1.05)}.landing-hero-stats{align-items:center;color:#fffc;display:flex;gap:2rem;justify-content:center}.landing-hero-stat{text-align:center}.landing-hero-stat-number{font-size:1.5rem;font-weight:700}.landing-hero-stat-label{font-size:.875rem}.landing-features{background:#fff;padding:6rem 0}.landing-features-header{margin-bottom:5rem;text-align:center}.landing-features-badge{align-items:center;background:#dbeafe;border-radius:9999px;color:#2563eb;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.landing-features-title{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.landing-features-title{font-size:3rem}}.landing-features-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;display:block}.landing-features-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:48rem}.landing-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-features-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;position:relative;transition:all .3s}.landing-feature-card .relative{position:relative;z-index:1}.landing-feature-card:hover{border-color:#e2e8f0;box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.landing-feature-card-bg{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:1rem;inset:0;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}.landing-feature-card:hover .landing-feature-card-bg{opacity:1}.landing-feature-icon{align-items:center;border-radius:1rem;display:flex;height:4rem;justify-content:center;margin-bottom:1.5rem;transition:transform .3s;width:4rem}.landing-feature-card:hover .landing-feature-icon{transform:scale(1.1)}.landing-feature-icon-blue{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.landing-feature-icon-green{background:linear-gradient(90deg,#10b981,#059669)}.landing-feature-icon-purple{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.landing-feature-icon-orange{background:linear-gradient(90deg,#f59e0b,#ef4444)}.landing-feature-icon-indigo{background:linear-gradient(90deg,#6366f1,#3b82f6)}.landing-feature-icon-teal{background:linear-gradient(90deg,#14b8a6,#10b981)}.landing-feature-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;transition:color .3s}.landing-feature-card:hover .landing-feature-title{color:#2563eb}.landing-feature-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.landing-feature-link{align-items:center;color:#2563eb;display:flex;font-weight:500;text-decoration:none;transition:transform .3s}.landing-feature-card:hover .landing-feature-link{transform:translateX(8px)}.landing-pricing{background:linear-gradient(135deg,#f8fafc,#dbeafe);padding:6rem 0}.landing-pricing-header{margin-bottom:5rem;text-align:center}.landing-pricing-badge{align-items:center;background:#dcfce7;border-radius:9999px;color:#16a34a;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.landing-pricing-title{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.landing-pricing-title{font-size:3rem}}.landing-pricing-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;display:block}.landing-pricing-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:48rem}.landing-pricing-enterprise-note{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:40rem;padding:1.5rem;text-align:center}.landing-pricing-enterprise-badge{align-items:center;background:#0ea5e9;border-radius:9999px;box-shadow:0 4px 6px -1px #0ea5e94d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.landing-pricing-enterprise-text{color:#0c4a6e;font-size:1rem;font-weight:500;line-height:1.5;margin:0}.landing-pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (max-width:767px){.landing-pricing-grid{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;gap:1rem;overflow-x:auto;padding:1rem;scroll-snap-type:x mandatory}.landing-pricing-grid::-webkit-scrollbar{height:4px}.landing-pricing-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.landing-pricing-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.landing-pricing-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@media (min-width:768px){.landing-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:75rem}}.landing-pricing-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;position:relative;transition:all .3s}@media (max-width:767px){.landing-pricing-card{flex:0 0 80%;margin:.5rem 0;min-width:0;padding:1.25rem;scroll-snap-align:start}.landing-pricing-card-title{font-size:1.25rem;line-height:1.3;margin-bottom:.5rem}.landing-pricing-card-description{font-size:.875rem;line-height:1.4;margin-bottom:1rem}.landing-pricing-card-price-value{font-size:2rem;line-height:1.1}.landing-pricing-card-price-period{font-size:.875rem;line-height:1.2}.landing-pricing-card-users{font-size:.8rem;margin-top:.75rem;padding:.5rem .75rem}.landing-pricing-card-price-note{font-size:.75rem;line-height:1.3;margin-top:.5rem}.landing-pricing-features{margin-top:1rem}.landing-pricing-feature{font-size:.8rem;line-height:1.3;margin-bottom:.5rem}.landing-pricing-card-btn{font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}}.landing-pricing-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.landing-pricing-card-popular{border:2px solid #3b82f6;transform:scale(1.05)}.landing-pricing-card-free{background:#fff;border:1px solid #f1f5f9;position:relative}.landing-pricing-card-free:before{display:none}.landing-pricing-card:not(.landing-pricing-card-free){position:relative}.landing-pricing-card-popular:not(.landing-pricing-card-free):before,.landing-pricing-card:not(.landing-pricing-card-free):before{display:none}.landing-pricing-card-discrete{background:#fff;border:1px solid #f1f5f9;opacity:1;transform:scale(1)}.landing-pricing-card-discrete:hover{box-shadow:0 25px 50px -12px #00000040;opacity:1;transform:scale(1)}.landing-pricing-badge-popular{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.375rem 1rem;position:absolute;top:-.75rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.landing-pricing-card-header{margin-bottom:2rem;text-align:center}.landing-pricing-card-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.landing-pricing-card-description{color:#64748b;margin-bottom:1.5rem}.landing-pricing-card-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.landing-pricing-card-price-value{color:#1e293b;font-size:3rem;font-weight:700}.landing-pricing-card-price-period{color:#64748b;font-size:1.125rem;margin-left:.5rem}.landing-pricing-card-price-note{color:#64748b;font-size:.875rem;text-align:center}.landing-pricing-card-users{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1rem}.landing-pricing-features{list-style:none;margin:0 0 2rem;padding:0}.landing-pricing-feature{align-items:flex-start;display:flex;margin-bottom:1rem}.landing-pricing-feature-icon{align-items:center;background:#dcfce7;border-radius:50%;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-right:.75rem;margin-top:.125rem;width:1.5rem}.landing-pricing-feature-text{color:#64748b}.landing-pricing-card-btn{align-items:center;border-radius:1rem;display:flex;font-size:1.125rem;font-weight:700;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .3s;width:100%}.landing-pricing-card-btn-primary{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff}.landing-pricing-card-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.landing-pricing-card-btn-secondary{background:#f1f5f9;color:#1e293b}.landing-pricing-card-btn-secondary:hover{background:#e2e8f0}.landing-pricing-info{margin-top:4rem;text-align:center}.landing-pricing-info-text{color:#64748b;margin-bottom:1rem}.landing-pricing-info-features{color:#64748b;font-size:.875rem;gap:2rem;justify-content:center}.landing-pricing-info-feature,.landing-pricing-info-features{align-items:center;display:flex}.landing-pricing-info-feature-icon{color:#10b981;height:1rem;margin-right:.5rem;width:1rem}.landing-testimonials{background:#fff;padding:6rem 0}.landing-testimonials-header{margin-bottom:5rem;text-align:center}.landing-testimonials-badge{align-items:center;background:#fef3c7;border-radius:9999px;color:#d97706;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.landing-testimonials-title{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.landing-testimonials-title{font-size:3rem}}.landing-testimonials-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;display:block}.landing-testimonials-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:48rem}.landing-testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.landing-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.landing-testimonial-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:2rem;transition:all .3s}.landing-testimonial-card:hover{border-color:#3b82f6;box-shadow:0 25px 50px -12px #00000040;transform:translateY(-8px)}.landing-testimonial-rating{align-items:center;display:flex;margin-bottom:1.5rem}.landing-testimonial-star{fill:currentColor;color:#fbbf24;height:1.25rem;width:1.25rem}.landing-testimonial-text{color:#64748b;font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.landing-testimonial-author,.landing-testimonial-avatar{align-items:center;display:flex}.landing-testimonial-avatar{background:linear-gradient(90deg,#3b82f6,#7c3aed);border-radius:50%;color:#fff;font-size:1.125rem;font-weight:700;height:3rem;justify-content:center;margin-right:1rem;width:3rem}.landing-testimonial-name{color:#1e293b;font-size:1.125rem;font-weight:700}.landing-testimonial-role{color:#64748b}.landing-cta{overflow:hidden;padding:6rem 0;position:relative}.landing-cta-bg{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#4f46e5);inset:0;position:absolute}.landing-cta-overlay{background:#0003;inset:0;position:absolute}.landing-cta-shapes{height:100%;left:0;position:absolute;top:0;width:100%}.landing-cta-shape{border-radius:50%;filter:blur(80px);position:absolute}.landing-cta-shape-1{background:#ffffff1a;height:16rem;left:2.5rem;top:2.5rem;width:16rem}.landing-cta-shape-2{background:#ffffff1a;bottom:2.5rem;height:20rem;right:2.5rem;width:20rem}.landing-cta-content{margin:0 auto;max-width:64rem;padding:0 1rem;position:relative;text-align:center}@media (min-width:640px){.landing-cta-content{padding:0 1.5rem}}@media (min-width:1024px){.landing-cta-content{padding:0 2rem}}.landing-cta-title{color:#fff;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media (min-width:768px){.landing-cta-title{font-size:3.75rem}}.landing-cta-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dbeafe,#e0e7ff);-webkit-background-clip:text;background-clip:text;display:block}.landing-cta-subtitle{color:#dbeafe;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:48rem}@media (min-width:768px){.landing-cta-subtitle{font-size:1.5rem}}.landing-cta-buttons{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:3rem}@media (min-width:640px){.landing-cta-buttons{flex-direction:row}}.landing-cta-btn-primary{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;color:#2563eb;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s}.landing-cta-btn-primary:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.landing-cta-btn-secondary{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s}.landing-cta-btn-secondary:hover{background:#fff3;transform:scale(1.05)}.landing-cta-stats{align-items:center;color:#fffc;display:flex;gap:3rem;justify-content:center}.landing-cta-stat{text-align:center}.landing-cta-stat-number{font-size:1.5rem;font-weight:700;line-height:1.2}.landing-cta-stat-label{font-size:.875rem;margin-top:.25rem}.landing-footer{background:#1e293b;color:#fff;padding:4rem 0}.landing-footer-content{margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.landing-footer-content{padding:0 1.5rem}}@media (min-width:1024px){.landing-footer-content{padding:0 2rem}}.landing-footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:768px){.landing-footer-grid{grid-template-columns:repeat(4,1fr)}}.landing-footer-brand{grid-column:1/-1}@media (min-width:768px){.landing-footer-brand{grid-column:1/3}}.landing-footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.landing-footer-logo-icon{position:relative}.landing-footer-logo-icon:before{content:"";filter:blur(4px);inset:0;opacity:.75;position:absolute}.landing-footer-logo-icon-inner,.landing-footer-logo-icon:before{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:.75rem}.landing-footer-logo-icon-inner{padding:.5rem;position:relative}.landing-footer-logo-text{font-size:1.5rem;font-weight:700}.landing-footer-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;max-width:28rem}.landing-footer-social{display:flex;gap:1rem}.landing-footer-social-link{align-items:center;background:#334155;border-radius:.5rem;color:#94a3b8;display:flex;height:2.5rem;justify-content:center;text-decoration:none;transition:all .3s;width:2.5rem}.landing-footer-social-link:hover{background:#475569;color:#fff}.landing-footer-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.landing-footer-links{list-style:none;margin:0;padding:0}.landing-footer-link{margin-bottom:.75rem}.landing-footer-link a{color:#94a3b8;text-decoration:none;transition:color .3s}.landing-footer-link a:hover{color:#fff}.landing-footer-bottom{align-items:center;border-top:1px solid #334155;display:flex;flex-direction:column;justify-content:space-between;padding-top:2rem}@media (min-width:768px){.landing-footer-bottom{flex-direction:row}}.landing-footer-copyright{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}@media (min-width:768px){.landing-footer-copyright{margin-bottom:0}}.landing-footer-legal{display:flex;gap:1.5rem}.landing-footer-legal-link{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .3s}.landing-footer-legal-link:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.landing-animate-fade-in-up{animation:fadeInUp .6s ease-out}.landing-animate-fade-in-left{animation:fadeInLeft .6s ease-out}.landing-animate-fade-in-right{animation:fadeInRight .6s ease-out}.landing-animate-pulse{animation:pulse 2s ease-in-out infinite}.landing-pricing-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-pricing-card:hover{box-shadow:0 32px 64px -12px #00000040;transform:translateY(-8px) scale(1.03)}.landing-testimonial-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-testimonial-card:hover{box-shadow:0 32px 64px -12px #00000040;transform:translateY(-8px) scale(1.02)}.landing-cta-btn-primary,.landing-cta-btn-secondary,.landing-hero-btn-primary,.landing-hero-btn-secondary{overflow:hidden;position:relative}.landing-cta-btn-primary:before,.landing-cta-btn-secondary:before,.landing-hero-btn-primary:before,.landing-hero-btn-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.landing-cta-btn-primary:hover:before,.landing-cta-btn-secondary:hover:before,.landing-hero-btn-primary:hover:before,.landing-hero-btn-secondary:hover:before{left:100%}.landing-flex{display:flex}.landing-items-center{align-items:center}.landing-justify-between{justify-content:space-between}.landing-space-x-3>*+*{margin-left:.75rem}.landing-space-x-4>*+*{margin-left:1rem}.landing-space-x-6>*+*{margin-left:1.5rem}.landing-space-x-8>*+*{margin-left:2rem}.landing-space-x-12>*+*{margin-left:3rem}.landing-gap-4{gap:1rem}.landing-gap-6{gap:1.5rem}.landing-gap-8{gap:2rem}.landing-text-center{text-align:center}.landing-text-left{text-align:left}.landing-text-right{text-align:right}.landing-hidden{display:none}@media (min-width:768px){.landing-md\:flex{display:flex}.landing-md\:hidden{display:none}}@media (min-width:1024px){.landing-lg\:inline-flex{display:inline-flex}.landing-lg\:hidden{display:none}}.error-display{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:16px 0;padding:16px}.error-display-content{display:flex;flex-direction:column;gap:12px}.error-display-header{align-items:flex-start;display:flex;gap:12px}.error-display-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.error-display-message{color:#dc2626;flex:1 1;font-weight:500;line-height:1.5}.error-dismiss-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s}.error-dismiss-btn:hover{background:#f3f4f6;color:#6b7280}.error-display-actions{display:flex;flex-wrap:wrap;gap:8px}.error-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.error-action-btn-primary{background:#dc2626;color:#fff}.error-action-btn-primary:hover{background:#b91c1c}.error-action-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.error-action-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.error-display.error-warning{background:#fffbeb;border-color:#fed7aa}.error-display.error-warning .error-display-icon,.error-display.error-warning .error-display-message{color:#d97706}.error-display.error-info{background:#eff6ff;border-color:#bfdbfe}.error-display.error-info .error-display-icon,.error-display.error-info .error-display-message{color:#2563eb}@media (max-width:640px){.error-display{margin:12px 0;padding:12px}.error-display-header{gap:8px}.error-display-actions{flex-direction:column}.error-action-btn{justify-content:center;width:100%}}.login-page{align-items:center;background:var(--bg-gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-2xl);max-width:28rem;overflow:hidden;padding:2.5rem;position:relative;width:100%}.login-container:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:2rem;text-align:center}.login-header-top{justify-content:space-between;margin-bottom:1.5rem}.login-header-top,.login-logo{align-items:center;display:flex}.login-logo{justify-content:center}.login-logo-icon{margin-right:.75rem;position:relative}.login-logo-icon:before{content:"";filter:blur(4px);inset:0;opacity:.75;position:absolute}.login-logo-icon-inner,.login-logo-icon:before{background:var(--gradient-primary);border-radius:.75rem}.login-logo-icon-inner{padding:.5rem;position:relative}.login-logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.login-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:1rem}.login-form{margin-top:2rem}.login-form-group{margin-bottom:1.5rem}.login-form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-input-container{position:relative}.login-input-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.login-form-input{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.login-form-input::placeholder,.login-password-toggle{color:var(--text-secondary)}.login-password-toggle{background:none;border:none;border-radius:.25rem;cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.login-password-toggle:hover{color:var(--text-primary)}.login-error{align-items:flex-start;background:#ef44441a;border:1px solid var(--error-color);border-radius:.75rem;color:var(--error-color);display:flex;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem}.login-error-icon{flex-shrink:0;margin-right:.5rem;margin-top:.125rem}.login-error-content{flex:1 1}.login-error-message{font-weight:500;margin-bottom:.5rem}.login-error-company{color:#991b1b;font-size:.8rem;margin-bottom:.75rem}.login-error-actions{display:flex;flex-wrap:wrap;gap:.5rem}.login-action-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.login-action-btn-primary{background-color:#3b82f6;color:#fff}.login-action-btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.login-action-btn-secondary{background-color:#6b7280;color:#fff}.login-action-btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.login-contact-admin{margin-top:.5rem}.login-contact-admin-text{color:#6b7280;font-size:.8rem;font-style:italic;margin:0}.login-form-actions{display:flex;flex-direction:column;gap:1rem}.login-forgot-password{text-align:center}.login-forgot-password-link{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.login-forgot-password-link:hover{color:var(--primary-hover);text-decoration:underline}.login-submit-btn{background:var(--gradient-primary);border:none;border-radius:.75rem;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-submit-btn:hover:before{left:100%}.login-submit-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.login-footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.login-footer-text{color:var(--text-secondary);font-size:.875rem}.login-footer-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.login-footer-link:hover{color:var(--primary-dark)}.login-home-btn{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-home-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow);color:#fff;transform:translateY(-1px)}.login-home-btn:active{transform:translateY(0)}.login-container{animation:slideInUp .6s ease-out}.login-header{animation:fadeIn .8s ease-out .2s both}.login-form{animation:fadeIn .8s ease-out .4s both}.login-footer{animation:fadeIn .8s ease-out .6s both}@media (max-width:640px){.login-container{margin:1rem;padding:2rem 1.5rem}.login-logo-text,.login-title{font-size:1.5rem}.login-header-top{align-items:center;flex-direction:column;gap:1rem}.login-home-btn{font-size:.8rem;padding:.375rem .75rem}}@media (max-width:480px){.login-container{padding:1.5rem 1rem}.login-title{font-size:1.375rem}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.forgot-password-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;padding:2rem;width:100%}.forgot-password-header{margin-bottom:2rem}.forgot-password-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.forgot-password-logo{align-items:center;display:flex;gap:.75rem}.forgot-password-logo-icon{align-items:center;background:var(--gradient-primary);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.forgot-password-logo-icon-inner{align-items:center;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.forgot-password-logo-text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.forgot-password-home-btn{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.forgot-password-home-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.forgot-password-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0 0 .5rem;text-align:center}.forgot-password-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 2rem;text-align:center}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.forgot-password-input-container{position:relative}.forgot-password-input-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.forgot-password-form-input{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.forgot-password-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.forgot-password-form-input::placeholder{color:var(--text-secondary)}.forgot-password-submit-btn{background:var(--gradient-primary);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.forgot-password-submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.forgot-password-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.forgot-password-footer{margin-top:2rem;text-align:center}.forgot-password-back-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.forgot-password-back-link:hover{color:var(--primary-hover);text-decoration:underline}.forgot-password-success{padding:2rem 0;text-align:center}.forgot-password-success-icon{color:#10b981;display:flex;justify-content:center;margin-bottom:1.5rem}.forgot-password-success-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.forgot-password-success-message{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.forgot-password-success-instructions{color:var(--text-secondary);font-size:.8rem;font-style:italic;line-height:1.5;margin:0 0 2rem}.forgot-password-success-actions{display:flex;justify-content:center}.forgot-password-back-btn{align-items:center;background:var(--primary-color);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.forgot-password-back-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:640px){.forgot-password-container{margin:.5rem;padding:1.5rem}.forgot-password-title{font-size:1.5rem}.forgot-password-header-top{align-items:stretch;flex-direction:column;gap:1rem}.forgot-password-home-btn{justify-content:center}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.reset-password-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;padding:2rem;width:100%}.reset-password-header{margin-bottom:2rem}.reset-password-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reset-password-logo{align-items:center;display:flex;gap:.75rem}.reset-password-logo-icon{align-items:center;background:var(--gradient-primary);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.reset-password-logo-icon-inner{align-items:center;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.reset-password-logo-text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.reset-password-home-btn{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.reset-password-home-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.reset-password-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0 0 .5rem;text-align:center}.reset-password-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 2rem;text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-form-group{display:flex;flex-direction:column;gap:.5rem}.reset-password-form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.reset-password-input-container{position:relative}.reset-password-input-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.reset-password-form-input{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.reset-password-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.reset-password-form-input::placeholder{color:var(--text-secondary)}.reset-password-password-toggle{background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s}.reset-password-password-toggle:hover{color:var(--text-primary)}.reset-password-password-requirements{background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.reset-password-requirements-title{color:var(--text-primary);font-size:.8rem;font-weight:600;margin:0 0 .5rem}.reset-password-requirements-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.reset-password-requirements-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;transition:color .2s}.reset-password-requirements-list li:before{content:"○";font-size:.6rem;transition:all .2s}.reset-password-requirements-list li.valid{color:#10b981}.reset-password-requirements-list li.valid:before{color:#10b981;content:"✓";font-weight:700}.reset-password-submit-btn{background:var(--gradient-primary);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.reset-password-submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.reset-password-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-password-footer{margin-top:2rem;text-align:center}.reset-password-back-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.reset-password-back-link:hover{color:var(--primary-hover);text-decoration:underline}.reset-password-success{padding:2rem 0;text-align:center}.reset-password-success-icon{color:#10b981;display:flex;justify-content:center;margin-bottom:1.5rem}.reset-password-success-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.reset-password-success-message{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 2rem}.reset-password-success-actions{display:flex;justify-content:center}.reset-password-login-btn{align-items:center;background:var(--primary-color);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.reset-password-login-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:640px){.reset-password-container{margin:.5rem;padding:1.5rem}.reset-password-title{font-size:1.5rem}.reset-password-header-top{align-items:stretch;flex-direction:column;gap:1rem}.reset-password-home-btn{justify-content:center}.reset-password-requirements-list{gap:.5rem}}.register-input-status{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.register-form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.register-form-input.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.register-form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.register-form-success{color:#10b981;font-size:.875rem;margin-top:.25rem}.register-form-hint{color:#6b7280;font-size:.875rem;margin-top:.25rem}.register-admin-info{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.register-admin-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.register-admin-info p{color:#64748b;font-size:.875rem;margin:0 0 .5rem}.register-admin-info ul{color:#64748b;font-size:.875rem;margin:0;padding-left:1.25rem}.register-admin-info li{margin-bottom:.25rem}.register-optional-section{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.register-section-description{color:#64748b;font-size:.875rem;margin-top:.25rem}.register-company-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;margin-top:1rem}.register-company-info-header{gap:.5rem;margin-bottom:.75rem}.register-company-info-icon{color:#0ea5e9}.register-company-info-title{color:#0c4a6e;font-size:.875rem}.register-company-info-details{color:#0c4a6e}.register-company-info-details p{margin:.25rem 0}.register-company-status{color:#059669;font-weight:500;margin-left:.25rem}.register-error{align-items:flex-start;border-radius:.5rem;gap:.75rem;margin-top:1rem;padding:1rem}.register-error-icon{margin-top:.125rem}.register-page{background:var(--bg-gradient-primary);min-height:100vh}.register-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow)}.register-header-container{margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.register-header-container{padding:0 1.5rem}}@media (min-width:1024px){.register-header-container{padding:0 2rem}}.register-header-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 0}.register-logo{align-items:center;display:flex;text-decoration:none}.register-logo-icon{margin-right:.75rem;position:relative}.register-logo-icon:before{content:"";filter:blur(4px);inset:0;opacity:.75;position:absolute}.register-logo-icon-inner,.register-logo-icon:before{background:var(--gradient-primary);border-radius:.75rem}.register-logo-icon-inner{padding:.5rem;position:relative}.register-logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.register-header-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.register-header-link:hover{color:var(--text-primary)}.register-main{margin:0 auto;max-width:64rem;padding:3rem 1rem}@media (min-width:640px){.register-main{padding:3rem 1.5rem}}@media (min-width:1024px){.register-main{padding:3rem 2rem}}.register-progress{margin-bottom:2rem}.register-progress-steps{gap:1rem;justify-content:center}.register-progress-circle,.register-progress-step,.register-progress-steps{align-items:center;display:flex}.register-progress-circle{border-radius:50%;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;transition:all .3s;width:2rem}.register-progress-circle.active{background:var(--gradient-primary);box-shadow:var(--shadow);color:#fff}.register-progress-circle.completed{background:var(--gradient-success);box-shadow:var(--shadow);color:#fff}.register-progress-circle.inactive{background:var(--border-color);color:var(--text-secondary)}.register-progress-line{border-radius:.125rem;height:.25rem;margin:0 .5rem;transition:all .3s;width:4rem}.register-progress-line.active{background:var(--gradient-primary)}.register-progress-line.inactive{background:var(--border-color)}.register-progress-text{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:center}.register-form{margin-bottom:2rem}.register-form-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.register-form-section:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.register-section-header{margin-bottom:2rem}.register-section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.register-section-subtitle{color:var(--text-secondary);font-size:1rem}.register-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.register-form-grid{grid-template-columns:repeat(2,1fr)}}.register-form-grid-full{grid-column:1/-1}.register-form-group{margin-bottom:1.5rem}.register-form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.register-input-container{position:relative}.register-input-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.register-form-input{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.register-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.register-form-input::placeholder{color:var(--text-secondary)}.register-form-select{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.register-form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.register-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (max-width:767px){.register-plans-grid{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;gap:1rem;overflow-x:auto;padding:1rem;scroll-snap-type:x mandatory}.register-plans-grid::-webkit-scrollbar{height:4px}.register-plans-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.register-plans-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.register-plans-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@media (min-width:768px){.register-plans-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.register-plans-grid{grid-template-columns:repeat(4,1fr)}}.register-plan-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:767px){.register-plan-card{flex:0 0 80%;margin:.5rem 0;min-width:0;padding:1.25rem;scroll-snap-align:start}.register-plan-title{font-size:1.25rem;line-height:1.3;margin-bottom:.5rem}.register-plan-description{font-size:.875rem;line-height:1.4;margin-bottom:1rem}.register-plan-price-value{font-size:2rem;line-height:1.1}.register-plan-price-period{font-size:.875rem;line-height:1.2}.register-plan-users{font-size:.8rem;margin:.75rem 0;padding:.5rem .75rem}.register-plan-trial{font-size:.75rem;margin:.5rem 0;padding:.4rem .75rem}.register-plan-features{margin-top:1rem}.register-plan-feature{font-size:.8rem;line-height:1.3;margin-bottom:.5rem}}.register-plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.register-plan-card.selected{background:#3b82f60d;border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.register-plan-card.recommended{border-color:var(--primary-color);transform:scale(1.05)}.register-plan-card.is-free{background:var(--surface-color);border-color:var(--border-color);position:relative}.register-plan-card.is-free:before{display:none}.register-plan-card:not(.is-free){position:relative}.register-plan-card:not(.is-free):before{background:var(--gradient-primary);border-radius:1.5rem 1.5rem 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.register-plan-card.recommended:not(.is-free):before{background:var(--gradient-primary)}.register-plan-card.is-discrete{background:var(--surface-color);border-color:var(--border-color);opacity:1;transform:scale(1)}.register-plan-card.is-discrete:hover{opacity:1;transform:scale(1)}.register-plan-badge{background:var(--gradient-primary);border-radius:9999px;box-shadow:var(--shadow);color:#fff;font-size:.875rem;font-weight:700;left:50%;padding:.5rem 1.5rem;position:absolute;top:-.75rem;transform:translateX(-50%)}.register-plan-header{margin-bottom:2rem;text-align:center}.register-plan-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.register-plan-description{color:var(--text-secondary);margin-bottom:1.5rem}.register-plan-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.register-plan-price-value{color:var(--text-primary);font-size:2.5rem;font-weight:700}.register-plan-price-period{color:var(--text-secondary);font-size:1rem;margin-left:.5rem}.register-plan-price-note{color:var(--text-secondary);font-size:.875rem;text-align:center}.register-plan-users{background:#f8fafc;color:#64748b;margin:1rem 0;padding:.75rem 1rem}.register-plan-trial,.register-plan-users{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center}.register-plan-trial{background:#10b9811a;border:1px solid #10b98133;color:#059669;margin:.5rem 0;padding:.5rem 1rem}.register-plans-error,.register-plans-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem;text-align:center}.register-plans-loading{gap:1rem}.register-plans-loading .animate-spin{animation:spin 1s linear infinite}.register-plans-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.register-plan-features{list-style:none;margin:0 0 2rem;padding:0}.register-plan-feature{align-items:flex-start;display:flex;margin-bottom:1rem}.register-plan-feature-icon{align-items:center;background:var(--gradient-success);border-radius:50%;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-right:.75rem;margin-top:.125rem;width:1.5rem}.register-plan-feature-text{color:var(--text-secondary);font-size:.875rem}.register-plan-indicator{border-radius:.25rem;height:.5rem;transition:all .3s;width:100%}.register-plan-indicator.selected{background:var(--gradient-primary)}.register-plan-indicator.unselected{background:var(--border-color)}.register-company-info{background:#10b9811a;border:1px solid var(--success-color);border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.register-company-info-header{align-items:center;display:flex;margin-bottom:.5rem}.register-company-info-icon{color:var(--success-color);margin-right:.5rem}.register-company-info-title{color:var(--success-color);font-weight:600}.register-company-info-details{color:var(--text-primary);font-size:.875rem}.register-company-info-details p{margin-bottom:.25rem}.register-company-info-details strong{font-weight:600}.register-company-status{align-items:center;background:var(--gradient-success);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.register-error{align-items:center;background:#ef44441a;border:1px solid var(--error-color);border-radius:.75rem;color:var(--error-color);display:flex;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem}.register-error-icon{flex-shrink:0;margin-right:.5rem}.register-error-link{color:var(--error-color);display:inline-block;font-weight:500;margin-top:.5rem;text-decoration:underline}.register-error-link:hover{color:var(--error-color);text-decoration:none}.register-actions{align-items:center;display:flex;justify-content:space-between;margin-top:2rem}.register-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.register-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-btn:hover:before{left:100%}.register-btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow);color:#fff}.register-btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.register-btn-outline{background-color:initial;border:2px solid var(--border-color);color:var(--text-primary)}.register-btn-outline:hover{background-color:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.register-footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.register-footer-text{color:var(--text-secondary);font-size:.875rem}.register-footer-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.register-footer-link:hover{color:var(--primary-dark)}.register-form-section{animation:slideInUp .6s ease-out}.register-progress{animation:fadeIn .8s ease-out .2s both}.register-actions{animation:fadeIn .8s ease-out .4s both}@media (max-width:640px){.register-main{padding:2rem 1rem}.register-form-section{padding:1.5rem}.register-section-title{font-size:1.25rem}.register-actions{flex-direction:column;gap:1rem}.register-actions>div{width:100%}.register-btn{justify-content:center;width:100%}}.register-input-icon.loading{animation:spin 1s linear infinite}@media (max-width:480px){.register-form-section{padding:1rem}.register-plan-card{padding:1.5rem}}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{align-items:center;animation:slideInUp .4s ease-out;display:flex;justify-content:space-between}.dashboard-welcome h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.dashboard-welcome p{color:var(--text-secondary);margin:0}.new-expense-btn{align-items:center;animation:hoverLift .3s ease;display:flex}.new-expense-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{animation:slideInUp .4s ease-out}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-content-wrapper{align-items:center;display:flex;justify-content:space-between}.stat-info p:first-child{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.stat-value{font-size:1.5rem;margin:.25rem 0}.stat-change{font-size:.875rem}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.stat-change.neutral{color:var(--text-secondary)}.stat-icon-wrapper{background-color:#3b82f61a;border-radius:.5rem;padding:.75rem;transition:transform .3s}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.recent-expenses-card{animation:slideInLeft .5s ease-out}.quick-actions-card{animation:slideInRight .5s ease-out}.expenses-list{display:flex;flex-direction:column;gap:1rem}.expense-item{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s}.expense-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.expense-main{align-items:center;display:flex;gap:.75rem}.expense-icon{background-color:#3b82f61a;border-radius:.5rem;padding:.5rem}.expense-details p:first-child{color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.expense-meta{color:var(--text-secondary);font-size:.875rem;margin:0}.expense-right{text-align:right}.expense-amount{color:var(--text-primary);font-weight:600;margin:0 0 .25rem}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-link{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;padding:1rem;text-decoration:none;transition:all .3s}.action-link:hover{background-color:#3b82f60d;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.action-icon-wrapper{border-radius:.5rem;margin-right:.75rem;padding:.5rem}.action-icon-wrapper.success{background-color:#10b9811a}.action-icon-wrapper.primary{background-color:#3b82f61a}.action-icon-wrapper.warning{background-color:#f59e0b1a}.action-info p:first-child{color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.action-info p:last-child{color:var(--text-secondary);font-size:.875rem;margin:0}.notifications-card{animation:slideInUp .6s ease-out}.notification-header{align-items:center;display:flex}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{align-items:flex-start;background-color:#f59e0b0d;border:1px solid #f59e0b33;border-radius:.5rem;display:flex;padding:1rem;transition:all .3s}.notification-item:hover{box-shadow:0 4px 8px #f59e0b1a;transform:translateY(-2px)}.notification-icon{margin-right:.75rem;margin-top:.125rem}.notification-content p:first-child{color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.notification-content p:last-child{color:var(--text-secondary);font-size:.875rem;margin:0}@keyframes hoverLift{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.approval-counters-section{animation:slideInUp .4s ease-out}.approval-counters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.approval-counters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.approval-counters-grid{grid-template-columns:repeat(3,1fr)}}.approval-counter-card{animation:slideInUp .4s ease-out;border-left:4px solid var(--primary-color)}.approval-counter-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.approval-counter-card.clickable{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s ease}.approval-counter-card.clickable:hover{border-left-color:var(--primary-color);box-shadow:0 6px 16px #3b82f633;transform:translateY(-3px)}.approval-counter-card.clickable:active{box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.approval-counter-content{align-items:center;display:flex;gap:1rem}.approval-counter-icon{background-color:#3b82f61a;border-radius:.5rem;padding:.75rem;transition:transform .3s}.approval-counter-card:hover .approval-counter-icon{transform:scale(1.1)}.approval-counter-info{flex:1 1}.approval-counter-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.approval-counter-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:.25rem 0}.approval-counter-change{color:var(--text-secondary);font-size:.875rem;margin:0}.admin-info-section,.no-approvals-message{animation:slideInUp .4s ease-out}.admin-info-card{border-left:4px solid var(--primary-color)}.admin-info-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.admin-info-content{display:flex;flex-direction:column;gap:1rem}.admin-stat{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.admin-stat-icon{background-color:#3b82f61a;border-radius:.5rem;padding:.5rem}.admin-stat-info{flex:1 1}.admin-stat-label{color:var(--text-secondary);font-size:.875rem;margin:0 0 .25rem}.admin-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.admin-warning{align-items:flex-start;background-color:#f59e0b0d;border:1px solid #f59e0b33;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}.admin-warning-content{flex:1 1}.admin-warning-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.admin-warning-message{color:var(--text-secondary);font-size:.875rem;margin:0}.expenses-container{display:flex;flex-direction:column;gap:1.5rem}.expenses-header{align-items:center;display:flex;justify-content:space-between}.expenses-header-text h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.expenses-header-text p{color:var(--text-secondary);margin:0}.new-expense-link{align-items:center;display:flex}.expenses-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.expenses-summary{grid-template-columns:1fr}}.summary-card-content{align-items:center;display:flex}.summary-icon{border-radius:.5rem;margin-right:1rem;padding:.75rem}.summary-icon.primary{background-color:#3b82f61a}.summary-icon.warning{background-color:#f59e0b1a}.summary-icon.success{background-color:#10b9811a}.summary-text p:first-child{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.expenses-table-wrapper{overflow-x:auto}.expenses-table{border-collapse:collapse;width:100%}.expenses-table thead tr{border-bottom:1px solid var(--border-color)}.expenses-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-align:left}.expenses-table th.text-right{text-align:right}.expenses-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.expenses-table tbody tr:hover{background-color:var(--background-color)}.expenses-table td{padding:1.25rem 1.5rem}.expense-description{display:flex;flex-direction:column}.expense-title{color:var(--text-primary);font-weight:500;margin:0 0 .25rem}.expense-justification{color:var(--text-secondary);font-size:.875rem;margin:0;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-amount-cell{align-items:center;display:flex}.amount-text{color:var(--text-primary);font-size:1.125rem;font-weight:600}.expense-date,.expense-department{color:var(--text-secondary)}.expense-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.action-icon-btn{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s}.action-icon-btn:hover{background-color:#3b82f61a;color:var(--primary-color)}.action-icon-btn.edit:hover{background-color:#f59e0b1a;color:var(--warning-color)}.action-icon-btn.delete:hover{background-color:#ef44441a;color:var(--error-color)}.empty-expenses{padding:3rem 1rem;text-align:center}.empty-expenses-icon{color:var(--text-secondary);height:3rem;margin:0 auto 1rem;width:3rem}.empty-expenses-message{color:var(--text-secondary);margin:0 0 .5rem}.empty-expenses-hint{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.expenses-header{align-items:flex-start;flex-direction:column;gap:1rem}.new-expense-link{justify-content:center;width:100%}.expenses-table{font-size:.875rem}.expenses-table td,.expenses-table th{padding:.75rem .5rem}.expense-justification{max-width:10rem}}.create-expense-container{display:flex;flex-direction:column;gap:1.5rem}.create-expense-header{align-items:center;display:flex;gap:1rem}.create-expense-back-btn{background:none;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:color .2s,background-color .2s}.create-expense-back-btn:hover{background-color:var(--background-color);color:var(--text-primary)}.create-expense-back-icon{height:1.25rem;width:1.25rem}.create-expense-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.create-expense-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.create-expense-form{display:flex;flex-direction:column;gap:1.5rem}.create-expense-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.create-expense-form-grid{grid-template-columns:1fr 1fr}}.create-expense-form-section{display:flex;flex-direction:column;gap:1rem}.create-expense-card-header{align-items:center;display:flex;gap:.5rem}.create-expense-card-icon{height:1.25rem;width:1.25rem}.create-expense-input-container{position:relative}.create-expense-input-icon{color:var(--text-secondary);height:1.25rem;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;z-index:1}.create-expense-input-with-icon{padding-left:2.75rem!important}.create-expense-file-upload{border:2px dashed var(--border-color);border-radius:.5rem;cursor:pointer;padding:1.5rem;text-align:center;transition:border-color .2s}.create-expense-file-upload:hover{border-color:var(--primary-color)}.create-expense-file-upload-icon{color:var(--text-secondary);height:2rem;margin:0 auto .5rem;width:2rem}.create-expense-file-upload-text{color:var(--text-secondary);font-size:.875rem;margin:0}.create-expense-file-upload-hint{color:var(--text-secondary);font-size:.75rem;margin:.25rem 0 0}.create-expense-file-selected{align-items:center;color:var(--success-color);display:flex;font-size:.875rem;margin-top:.5rem}.create-expense-file-selected-icon{height:1rem;margin-right:.25rem;width:1rem}.create-expense-preview{display:flex;flex-direction:column;gap:1rem}.create-expense-preview-header{align-items:center;display:flex;gap:.5rem}.create-expense-preview-icon{height:1.25rem;width:1.25rem}.create-expense-preview-content{display:flex;flex-direction:column;gap:.75rem}.create-expense-preview-item{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.create-expense-preview-label{color:var(--text-secondary);font-weight:500}.create-expense-preview-value{color:var(--text-primary);font-weight:500}.create-expense-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.create-expense-actions button{min-width:120px}@media (max-width:768px){.create-expense-actions{flex-direction:column}.create-expense-actions button{width:100%}}.approvals-container{display:flex;flex-direction:column;gap:1.5rem}.approvals-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.approvals-header p{color:var(--text-secondary);margin:0}.search-container{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.search-container{flex-direction:row}}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;top:50%;transform:translateY(-50%)}.search-input{padding-left:2.5rem}.filter-select-wrapper{width:100%}@media (min-width:640px){.filter-select-wrapper{width:12rem}}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:1rem}.stat-content{align-items:center;display:flex}.stat-icon{border-radius:.5rem;padding:.5rem}.stat-icon.warning{background-color:#f59e0b1a}.stat-icon.error{background-color:#ef44441a}.stat-icon.success{background-color:#10b9811a}.stat-text{margin-left:.75rem}.stat-label{color:var(--text-secondary);font-size:.75rem;margin:0 0 .25rem}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.approvals-list{display:flex;flex-direction:column;gap:1rem}.approval-item{border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:background-color .2s}.approval-item:hover{background-color:var(--background-color)}.approval-content{align-items:flex-start;display:flex;justify-content:space-between}.approval-main{flex:1 1}.approval-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.approval-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.priority-badge{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.priority-badge.high{background-color:var(--error-color)}.priority-badge.normal{background-color:var(--warning-color)}.priority-badge.low{background-color:var(--success-color)}.approval-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:768px){.approval-details-grid{grid-template-columns:1fr 1fr}}.detail-section{display:flex;flex-direction:column}.detail-label{color:var(--text-secondary);font-size:.875rem;margin:0 0 .25rem}.user-info{margin-top:.25rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:var(--primary-color);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.user-details{display:flex;flex-direction:column}.user-name{color:var(--text-primary);margin:0}.user-email{color:var(--text-secondary);font-size:.875rem;margin:0}.amount-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:.25rem 0 0}.justification-section{margin-bottom:1rem}.justification-text{color:var(--text-primary);line-height:1.5;margin:.25rem 0 0}.approval-meta{color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;gap:.5rem}.approval-meta,.meta-item{align-items:center;display:flex}.meta-item{gap:.25rem}.approval-actions{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem;min-width:120px}.action-button{align-items:center;display:flex;font-size:.875rem;gap:.25rem;justify-content:center}.empty-state{padding:3rem 1rem}.empty-icon{height:3rem;margin:0 auto 1rem;width:3rem}.empty-icon,.empty-message{color:var(--text-secondary)}.empty-message{margin:0 0 .5rem}.empty-hint{color:var(--text-secondary);font-size:.875rem;margin:0}.message{align-items:center;border-radius:.5rem;display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:1rem}.message-success{background-color:var(--success-light);border:1px solid var(--success-color);color:var(--success-dark)}.message-error{background-color:var(--error-light);border:1px solid var(--error-color);color:var(--error-dark)}.loading-state{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.loading-icon{color:var(--primary-color);height:2rem;margin:0 auto 1rem;width:2rem}.error-state{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.error-icon{align-items:center;color:var(--error-color);display:flex;justify-content:center;margin:0 auto 1rem}.error-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.error-message{color:var(--text-secondary);line-height:1.5;margin:0 auto 1.5rem;max-width:400px}.retry-button{align-items:center;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.action-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.approval-content{flex-direction:column}.approval-actions{margin-left:0;margin-top:1rem;width:100%}}.rapport-container{display:flex;flex-direction:column;gap:1.5rem}.rapport-header{align-items:center;display:flex;justify-content:space-between}.rapport-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.rapport-description{color:var(--text-secondary);font-size:.875rem}.rapport-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rapport-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.rapport-table-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rapport-table-container{overflow-x:auto;width:100%}.rapport-table{border-collapse:collapse;width:100%}.rapport-table thead tr{border-bottom:1px solid var(--border-color)}.rapport-table th{color:var(--text-primary);font-size:.875rem;font-weight:500;padding:1rem;text-align:left}.rapport-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.rapport-table tbody tr:hover{background-color:var(--background-color)}.rapport-table td{padding:1rem}.rapport-user-cell{display:flex;flex-direction:column;gap:.25rem}.rapport-user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.rapport-user-email{color:var(--text-secondary);font-size:.75rem}.rapport-description-cell{max-width:250px}.rapport-description-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.rapport-description-text,.rapport-description-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rapport-description-text{color:var(--text-secondary);font-size:.75rem}.rapport-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.rapport-badge-department{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.rapport-badge-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .625rem}.rapport-badge-status.pending{background-color:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.rapport-badge-status.approved{background-color:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.rapport-badge-status.engaged{background-color:#3b82f61a;color:#2563eb}.rapport-badge-status.rejected{background-color:rgba(var(--error-color-rgb),.1);color:var(--error-color)}.rapport-badge-status.escalated{background-color:#fb923c1a;color:#ea580c}.rapport-amount{color:var(--text-primary);font-size:.875rem;font-weight:700}.rapport-validator-cell{display:flex;flex-direction:column;gap:.25rem}.rapport-validator-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.rapport-validator-role{color:var(--text-secondary);font-size:.75rem}.rapport-validator-pending{font-style:italic}.rapport-date,.rapport-validator-pending{color:var(--text-secondary);font-size:.875rem}.rapport-empty-state{color:var(--text-secondary);padding:2rem;text-align:center}.rapport-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.rapport-pagination-info{color:var(--text-secondary);font-size:.875rem}.rapport-pagination-buttons{display:flex;gap:.5rem}.rapport-stats-container{display:flex;flex-direction:column;gap:1.5rem}.rapport-stats-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.rapport-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rapport-stats-grid-2col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.rapport-stat-card{align-items:center;display:flex}.rapport-stat-icon{border-radius:.5rem;margin-right:1rem;padding:.75rem}.rapport-stat-icon.primary{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.rapport-stat-icon.warning{background-color:rgba(var(--warning-color-rgb),.1);color:var(--warning-color)}.rapport-stat-icon.success{background-color:rgba(var(--success-color-rgb),.1);color:var(--success-color)}.rapport-stat-icon.blue{background-color:#3b82f61a;color:#2563eb}.rapport-stat-content{display:flex;flex-direction:column}.rapport-stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.rapport-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.rapport-stat-amount{color:var(--text-secondary);font-size:.875rem}.rapport-stat-list{display:flex;flex-direction:column;gap:.75rem}.rapport-stat-item{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.rapport-stat-item-left{align-items:center;display:flex;gap:.5rem}.rapport-stat-item-label{color:var(--text-primary);font-weight:500}.rapport-stat-item-right{text-align:right}.rapport-stat-item-count{color:var(--text-primary);font-weight:700}.rapport-stat-item-amount{color:var(--text-secondary);font-size:.875rem}.rapport-user-avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;margin-right:.75rem;width:2rem}.rapport-user-info{display:flex;flex-direction:column}.rapport-user-info-name{color:var(--text-primary);font-weight:500}.rapport-user-info-email{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.rapport-table-header{align-items:flex-start;flex-direction:column}.rapport-table-actions{width:100%}.rapport-table-actions button{flex:1 1}.rapport-description-cell{max-width:150px}.rapport-stats-grid,.rapport-stats-grid-2col{grid-template-columns:1fr}}.profile-container{display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;flex-direction:column;gap:.5rem}.profile-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.profile-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.profile-grid{grid-template-columns:2fr 1fr}}.profile-main-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card-header{align-items:center;display:flex;gap:.5rem}.profile-card-icon{color:var(--text-secondary);height:1.25rem;width:1.25rem}.profile-card-actions{align-items:center;display:flex;gap:.5rem}.profile-edit-button{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.profile-edit-icon{height:1rem;width:1rem}.profile-save-actions{display:flex;gap:.5rem}.profile-save-button{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.profile-save-icon{height:1rem;width:1rem}.profile-cancel-button{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.profile-cancel-icon{height:1rem;width:1rem}.profile-form-section{display:flex;flex-direction:column;gap:1rem}.profile-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.profile-avatar{align-items:center;background:var(--gradient-primary);border:4px solid var(--surface-color);border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:2rem;font-weight:700;height:6rem;justify-content:center;width:6rem}.profile-avatar-text{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.profile-avatar-email{color:var(--text-secondary);font-size:.875rem;margin:0}.profile-avatar-role{align-items:center;background-color:rgba(var(--primary-color-rgb),.1);border-radius:9999px;color:var(--primary-color);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.profile-role-icon{height:.875rem;width:.875rem}.profile-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.profile-stat-item{align-items:center;background-color:var(--background-color);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;text-align:center}.profile-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.profile-stat-label{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.profile-company-info{display:flex;flex-direction:column;gap:.5rem}.profile-company-name{color:var(--text-primary);font-weight:600;margin:0}.profile-company-domain,.profile-company-role{color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.profile-form-row,.profile-stats-grid{grid-template-columns:1fr}.profile-save-actions{flex-direction:column}.profile-save-actions button{width:100%}}.welcome-page{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.welcome-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;max-width:1200px;padding:3rem;text-align:center;width:100%}.welcome-header{margin-bottom:3rem}.welcome-icon{margin-bottom:1.5rem}.welcome-title{color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.welcome-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.5;margin-bottom:0}.welcome-info-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.info-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem;text-align:left}.info-card-icon{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.info-card-content h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.info-card-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.welcome-actions{margin-bottom:3rem}.welcome-actions-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.welcome-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.welcome-action-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;text-align:left;transition:all .2s ease;width:100%}.welcome-action-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-2px)}.welcome-action-card.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.welcome-action-card.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.welcome-action-card.secondary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.welcome-action-card.secondary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.action-card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:1rem;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.action-card-content{flex:1 1}.action-card-content h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.action-card-content p{font-size:.875rem;line-height:1.5;margin:0 0 1rem;opacity:.9}.action-card-arrow{align-items:center;background:#fff3;border-radius:.5rem;display:flex;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.welcome-action-card:hover .action-card-arrow{transform:translateX(4px)}.welcome-company-info{margin-bottom:3rem}.company-info-card{align-items:flex-start;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem;text-align:left}.company-info-icon{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.company-info-content h3{color:#0c4a6e;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.company-info-content p{color:#0c4a6e;font-size:.875rem;line-height:1.5;margin:0}.welcome-footer{border-top:1px solid #e5e7eb;padding-top:2rem}.welcome-footer-text{color:#6b7280;font-size:.875rem;margin:0}.welcome-footer-link{color:#3b82f6;font-weight:500;text-decoration:none}.welcome-footer-link:hover{text-decoration:underline}@media (min-width:1200px){.welcome-container{max-width:1400px;padding:4rem}.welcome-info-cards{grid-template-columns:repeat(3,1fr)}.welcome-actions-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.welcome-action-card{padding:2.5rem}}@media (max-width:768px){.welcome-container{padding:2rem 1.5rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1.125rem}.welcome-actions-grid{grid-template-columns:1fr}.welcome-action-card{padding:1.5rem}.action-card-icon{height:48px;width:48px}.action-card-content h3{font-size:1.125rem}}.company-admin{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:#1a1a1a;font-size:2rem;font-weight:600;margin-bottom:.5rem}.admin-header .subtitle{color:#666;font-size:1rem}.loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.alert{animation:slideIn .3s ease-out;border-radius:8px;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3a3}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-icon{font-size:1.5rem}.plan-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:2rem}.plan-section h2{border-bottom:2px solid #f3f4f6;color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.plan-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1.5rem}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.plan-name{color:#111827;font-size:1.5rem;font-weight:700;text-transform:uppercase}.plan-status{color:#6b7280;font-size:.875rem;margin-top:.25rem}.trial-warning{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.quota-info{margin-top:1rem}.quota-label{color:#374151;font-size:.9375rem;margin-bottom:.75rem}.quota-bar{background:#e5e7eb;border-radius:12px;height:24px;margin-bottom:.5rem;overflow:hidden;position:relative}.quota-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.quota-fill.quota-warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.quota-percentage{color:#6b7280;font-size:.875rem;font-weight:600;text-align:right}.quota-exceeded{background:#fee2e2;color:#991b1b;font-weight:600;padding:.75rem 1rem;text-align:center}.plan-recommendation,.quota-exceeded{border-radius:6px;font-size:.875rem;margin-top:1rem}.plan-recommendation{background:#eff6ff;color:#1e40af;padding:1rem}.btn-upgrade{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-upgrade:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.pricing-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pricing-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1000px;overflow-y:auto;width:90%}.modal-header{padding:1.5rem 2rem}.modal-header h3{font-size:1.5rem}.modal-close{background:#0000;height:2rem;width:2rem}.modal-close:hover{background:#f8f9fa}.modal-body{padding:2rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.plan-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s}.plan-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.plan-featured{border-color:#6366f1;box-shadow:0 4px 16px #6366f133}.plan-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:-12px}.plan-card-header{margin-bottom:1.5rem;text-align:center}.plan-card-header h4{color:#1a1a1a;font-size:1.5rem;margin-bottom:.5rem}.plan-price{color:#6366f1;font-size:2rem;font-weight:700}.plan-price span{color:#6c757d;font-size:1rem;font-weight:400}.plan-features{list-style:none;margin:0 0 1.5rem;padding:0}.plan-features li{border-bottom:1px solid #f1f3f5;color:#495057;padding:.5rem 0}.plan-features li:last-child{border-bottom:none}.plan-select-btn,.plan-select-btn-featured{border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.plan-select-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#495057}.plan-select-btn:hover{background:#e9ecef;border-color:#6366f1;color:#6366f1}.plan-select-btn-featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-select-btn-featured:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.plans-note{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:.95rem;margin:0;padding:1rem;text-align:center}.company-info-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.section-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.btn-edit{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-edit:hover{background:#f3f4f6;border-color:#9ca3af}.info-display{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-row{background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;padding:.875rem}.info-label{color:#6b7280;font-size:.875rem;font-weight:600}.info-value{color:#111827;font-size:.9375rem}.info-form .form-group{margin-bottom:1.25rem}.info-form label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.info-form input{border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s;width:100%}.info-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-primary{background:#6366f1}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb}.invoices-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:2rem}.invoices-section h2{border-bottom:2px solid #f3f4f6;color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.no-invoices{color:#6b7280;padding:3rem 1rem;text-align:center}.no-invoices p{margin:.5rem 0}.no-invoices-hint{color:#9ca3af;font-size:.875rem}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.invoices-table th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.invoices-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:.9375rem;padding:.875rem 1rem}.invoices-table tbody tr:hover{background-color:#f9fafb}.invoice-status{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.invoice-status-paid{background:#d4edda;color:#155724}.invoice-status-pending{background:#fff3cd;color:#856404}.invoice-status-cancelled{background:#f8d7da;color:#721c24}.btn-download{color:#6366f1;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.btn-download:hover{color:#4f46e5;text-decoration:underline}.no-pdf{color:#9ca3af;font-size:.875rem;font-style:italic}.approvers-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:2rem}.approvers-section h2{border-bottom:2px solid #f3f4f6;color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.approvers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.approver-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1.5rem}.approver-card h3{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.approver-icon{font-size:1.25rem;opacity:.7}.no-approvers{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.approver-list{list-style:none;margin:0;padding:0}.approver-list li{background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.75rem}.approver-name{color:#1a1a1a;font-weight:600}.approver-email{color:#666;font-size:.875rem}.users-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem}.users-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.users-header h2{color:#111827;font-size:1.25rem;font-weight:600}.filters{display:flex;gap:1rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.users-table th{border-bottom:none;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:.9375rem;padding:.875rem 1rem}.users-table tbody tr{transition:background-color .15s}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr.user-inactive{opacity:.6}.user-name{align-items:center;display:flex;font-weight:500;gap:.5rem}.badge-you{background:#6366f1;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.role-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s}.role-select:focus,.role-select:hover:not(:disabled){border-color:#6366f1}.role-select:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.role-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.status-badge{border-radius:12px;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:all .2s}.btn-icon:hover{background:#e9ecef;transform:scale(1.1)}.btn-deactivate:hover{background:#f8d7da}.btn-activate:hover{background:#d4edda}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#1a1a1a;font-size:1.25rem;margin:0}.modal-close{align-items:center;border-radius:4px;color:#6c757d;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{background:#e9ecef;color:#1a1a1a}.user-details{margin-bottom:2rem}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#495057;font-weight:600}.detail-value{color:#1a1a1a}.role-badge{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.role-dg{background:#e7f3ff;color:#06c}.role-daf{background:#fff3e0;color:#e65100}.role-employee{background:#f1f3f5;color:#495057}.role-super-admin{background:#f3e5f5;color:#7b1fa2}.user-stats{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:2rem}.user-stats h4{color:#1a1a1a;margin-bottom:1rem}.stats-grid-small{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.stat-item .stat-label{color:#6c757d;font-size:.875rem;margin-bottom:.5rem}.stat-item .stat-value{color:#1a1a1a;font-size:1.5rem;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.company-admin{padding:1rem}.admin-header h1{font-size:1.5rem}.approvers-grid{grid-template-columns:1fr}.users-header{align-items:stretch}.filters,.users-header{flex-direction:column}.filter-select{width:100%}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.5rem}}.subscription-loading{align-items:center;display:flex;justify-content:center;padding:2rem}.subscription-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:2rem;margin-right:.5rem;width:2rem}.subscription-loading-text{color:#6b7280;font-size:.875rem}.subscription-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.subscription-error-text{color:#dc2626;font-size:.875rem}.subscription-status-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.subscription-status-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.subscription-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:768px){.subscription-status-grid{grid-template-columns:1fr 1fr}}.subscription-status-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.subscription-status-value{color:#111827;font-size:.875rem;font-weight:500}.subscription-status-badge{border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.25;padding:.25rem .5rem}.subscription-status-badge-active{background-color:#d1fae5;color:#059669}.subscription-status-badge-trial{background-color:#dbeafe;color:#2563eb}.subscription-status-badge-suspended{background-color:#fee2e2;color:#dc2626}.subscription-status-badge-default{background-color:#f3f4f6;color:#6b7280}.subscription-actions{display:flex;flex-wrap:wrap;gap:.75rem}.subscription-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background-color .2s}.subscription-btn:disabled{cursor:not-allowed;opacity:.5}.subscription-btn-primary{background-color:#2563eb;color:#fff}.subscription-btn-primary:hover:not(:disabled){background-color:#1d4ed8}.subscription-btn-danger{background-color:#dc2626;color:#fff}.subscription-btn-danger:hover:not(:disabled){background-color:#b91c1c}.subscription-btn-success{background-color:#059669;color:#fff}.subscription-btn-success:hover:not(:disabled){background-color:#047857}.subscription-plans-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.subscription-plans-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.subscription-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.subscription-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.subscription-plans-grid{grid-template-columns:repeat(3,1fr)}}.subscription-plan-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;position:relative;transition:box-shadow .2s}.subscription-plan-card:hover{box-shadow:0 4px 6px -1px #0000001a}.subscription-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.subscription-plan-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.subscription-plan-badge{border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.25;padding:.25rem .5rem}.subscription-plan-badge-upgrade{background-color:#d1fae5;color:#059669}.subscription-plan-badge-downgrade{background-color:#dbeafe;color:#2563eb}.subscription-plan-description{color:#6b7280;font-size:.875rem;line-height:1.25;margin-bottom:1rem}.subscription-plan-price{margin-bottom:1rem}.subscription-plan-price-amount{color:#111827;font-size:1.875rem;font-weight:700}.subscription-plan-price-period{color:#6b7280;font-size:1rem}.subscription-plan-users{margin-bottom:1rem}.subscription-plan-users-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem}.subscription-plan-users-icon{color:#6b7280;height:1rem;margin-right:.5rem;width:1rem}.subscription-plan-features{margin-bottom:1.5rem}.subscription-plan-features-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.subscription-plan-feature{align-items:center;color:#6b7280;display:flex;font-size:.875rem}.subscription-plan-feature-icon{color:#059669;flex-shrink:0;height:1rem;margin-right:.5rem;width:1rem}.subscription-plan-actions{display:flex;flex-direction:column;gap:.5rem}.subscription-plan-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background-color .2s;width:100%}.subscription-plan-btn:disabled{cursor:not-allowed;opacity:.5}.subscription-plan-btn-change{background-color:#059669;color:#fff}.subscription-plan-btn-change:hover:not(:disabled){background-color:#047857}.subscription-plan-btn-subscribe{background-color:#2563eb;color:#fff}.subscription-plan-btn-subscribe:hover:not(:disabled){background-color:#1d4ed8}.subscription-cancel-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.subscription-cancel-modal{animation:modalSlideIn .2s ease-out;background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:32rem;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.subscription-cancel-modal-header{padding:1.5rem 1.5rem 0;text-align:center}.subscription-cancel-modal-icon{align-items:center;background-color:#fef3c7;border-radius:50%;color:#f59e0b;display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;width:3rem}.subscription-cancel-modal-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.subscription-cancel-modal-subtitle{color:#6b7280;font-size:.875rem;margin:0}.subscription-cancel-modal-content{padding:1.5rem}.subscription-cancel-warning{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.subscription-cancel-warning-title{align-items:center;color:#dc2626;display:flex;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.subscription-cancel-warning-icon{color:#dc2626;height:1rem;margin-right:.5rem;width:1rem}.subscription-cancel-warning-text{color:#991b1b;font-size:.875rem;line-height:1.5;margin:0}.subscription-cancel-consequences{margin-bottom:1.5rem}.subscription-cancel-consequences-title{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.subscription-cancel-consequences-list{list-style:none;margin:0;padding:0}.subscription-cancel-consequence{align-items:flex-start;color:#374151;display:flex;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.subscription-cancel-consequence:last-child{margin-bottom:0}.subscription-cancel-consequence-icon{color:#dc2626;flex-shrink:0;height:1.25rem;margin-right:.75rem;margin-top:.125rem;width:1.25rem}.subscription-cancel-alternatives{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.subscription-cancel-alternatives-title{align-items:center;color:#0369a1;display:flex;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.subscription-cancel-alternatives-icon{color:#0369a1;height:1rem;margin-right:.5rem;width:1rem}.subscription-cancel-alternatives-text{color:#0c4a6e;font-size:.875rem;line-height:1.5;margin:0}.subscription-cancel-modal-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.subscription-cancel-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem 1rem;transition:all .2s}.subscription-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.subscription-cancel-btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.subscription-cancel-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.subscription-cancel-btn-danger{background-color:#dc2626;color:#fff}.subscription-cancel-btn-danger:hover:not(:disabled){background-color:#b91c1c}@media (max-width:640px){.subscription-actions{flex-direction:column}.subscription-btn{width:100%}.subscription-plan-actions{gap:.75rem}.subscription-plan-btn{width:100%}.subscription-cancel-modal-overlay{padding:.5rem}.subscription-cancel-modal-actions{flex-direction:column}.subscription-cancel-btn{width:100%}}.billing-container{background-color:#f9fafb;min-height:100vh}.billing-content{margin:0 auto;max-width:80rem;padding:2rem 1rem}@media (min-width:640px){.billing-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.billing-content{padding-left:2rem;padding-right:2rem}}.billing-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.billing-subtitle{color:#6b7280;margin-top:.5rem}.billing-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.billing-label{color:#374151;display:block;margin-bottom:0}.billing-label,.billing-text{font-size:.875rem;font-weight:500;line-height:1.25}.billing-text{color:#111827}.billing-text-muted{color:#6b7280}.billing-text-small{font-size:.875rem}.billing-mb-6{margin-bottom:1.5rem}.billing-mb-8{margin-bottom:2rem}.billing-mt-2{margin-top:.5rem}.billing-mt-3{margin-top:.75rem}.billing-mt-4{margin-top:1rem}.billing-ml-3{margin-left:.75rem}.billing-p-4{padding:1rem}.billing-p-6{padding:1.5rem}.billing-px-2{padding-left:.5rem;padding-right:.5rem}.billing-py-1{padding-bottom:.25rem;padding-top:.25rem}.billing-py-1-5{padding-bottom:.375rem;padding-top:.375rem}.billing-py-2{padding-bottom:.5rem;padding-top:.5rem}.billing-px-3{padding-left:.75rem;padding-right:.75rem}.billing-px-4{padding-left:1rem;padding-right:1rem}.billing-card,.billing-card-white{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.billing-alert-amber{background-color:#fffbeb;border:1px solid #fde68a;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.billing-alert-red{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.billing-alert-content{display:flex}.billing-alert-icon{flex-shrink:0}.billing-alert-text{margin-left:.75rem}.billing-alert-title{color:#92400e;font-size:.875rem;font-weight:500}.billing-alert-description{color:#b45309;font-size:.875rem;margin-top:.5rem}.billing-alert-actions{margin-top:.75rem}.billing-alert-button-container{display:flex;margin-left:-.5rem;margin-top:-.375rem}.billing-alert-button{align-items:center;background-color:#fffbeb;border:none;border-radius:.375rem;color:#92400e;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem}.billing-alert-button:hover{background-color:#fef3c7}.billing-alert-button:focus{box-shadow:0 0 0 2px #fbbf24;outline:none}.billing-error-text{color:#dc2626;font-size:.875rem}.billing-status-badge{align-self:flex-start;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1.25;padding:.25rem .5rem}.billing-status-active{background-color:#d1fae5;color:#059669}.billing-status-trial{background-color:#dbeafe;color:#2563eb}.billing-status-suspended{background-color:#fee2e2;color:#dc2626}.billing-status-cancelled{background-color:#fed7aa;color:#7c2d12}.billing-status-payment-failed{background-color:#fecaca;color:#991b1b}.billing-status-default{background-color:#f3f4f6;color:#6b7280}.billing-table{border-collapse:collapse;margin-top:.5rem;width:100%}.billing-table tbody tr{border-bottom:1px solid #e5e7eb}.billing-table tbody tr:last-child{border-bottom:none}.billing-table-label{color:#374151;font-size:.875rem;font-weight:500;padding:.75rem 0;vertical-align:top;width:30%}.billing-table-value{color:#111827;font-size:.875rem;padding:.75rem 0 .75rem 1rem;vertical-align:top}@media (max-width:640px){.billing-table-label{width:40%}.billing-table-value{padding-left:.5rem}}.billing-flex{display:flex}.billing-flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.billing-flex-center{align-items:center;display:flex;justify-content:center}.billing-flex-between{align-items:center;display:flex;justify-content:space-between}.billing-flex-shrink-0{flex-shrink:0}.billing-btn{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.billing-btn-primary{background-color:#2563eb;color:#fff}.billing-btn-primary:hover{background-color:#1d4ed8}.billing-btn-secondary{background-color:#4b5563;color:#fff}.billing-btn-secondary:hover{background-color:#374151}.billing-btn-danger{background-color:#dc2626;color:#fff}.billing-btn-danger:hover{background-color:#b91c1c}.billing-btn-success{background-color:#059669;color:#fff}.billing-btn-success:hover{background-color:#047857}.billing-btn-small{font-size:.75rem;padding:.25rem .5rem}.billing-btn-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem}.billing-btn-close:hover{color:#6b7280}.billing-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem;width:100%}.billing-input:focus{box-shadow:0 0 0 2px #3b82f6;outline:none}.billing-loading-container{align-items:center;background-color:#f9fafb;display:flex;justify-content:center;min-height:100vh}.billing-loading-content{text-align:center}.billing-spinner{animation:spin 1s linear infinite;border-bottom:2px solid #2563eb;border-radius:50%;height:3rem;margin:0 auto;width:3rem}.billing-loading-text{color:#6b7280;margin-top:1rem}.billing-icon{height:1.25rem;width:1.25rem}.billing-icon-amber{color:#f59e0b}.billing-icon-red{color:#f87171}.billing-icon-inline{display:inline;height:1rem;margin-right:.25rem;width:1rem}.billing-close-icon{height:1.5rem;width:1.5rem}.billing-no-invoices{padding:2rem;text-align:center}.billing-invoices-list{overflow-x:auto}.billing-table-header{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 0;text-align:left}.billing-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.billing-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:28rem;overflow-y:auto;width:90%}.billing-modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.billing-modal-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.billing-modal-content{padding:1.5rem}.billing-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}@media (max-width:640px){.billing-content{padding:1rem .5rem}.billing-title{font-size:1.5rem}.billing-flex-wrap{align-items:stretch;flex-direction:column}.billing-btn{text-align:center;width:100%}.billing-modal{margin:1rem;width:95%}.billing-modal-actions{flex-direction:column}.billing-modal-actions .billing-btn{width:100%}}.pricing-card{border:1px solid var(--border-color);transition:all .2s ease}.pricing-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pricing-header{margin-bottom:1rem}.status-badge{border-radius:.375rem;display:flex}.status-badge.active{background-color:var(--success-light);border:1px solid var(--success-color);color:var(--success-color)}.status-badge.inactive{background-color:var(--error-light);border:1px solid var(--error-color);color:var(--error-color)}.pricing-info{margin-top:.75rem}.price-display{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.75rem}.price-amount{color:var(--text-primary);font-size:1.5rem;font-weight:700}.price-interval{color:var(--text-secondary);font-size:.875rem}.plan-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.pricing-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}@media (max-width:768px){.pricing-card{margin-bottom:1rem}.price-display{align-items:flex-start;flex-direction:column;gap:0}.price-amount{font-size:1.25rem}}.animate-spin{animation:spin 1s linear infinite}.bg-info-light{background-color:#e0f2fe}.border-info-color{border-color:#0288d1}.text-info-color{color:#0288d1}.stripe-status{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:.375rem;margin-top:.75rem;padding:.5rem}.status-item{align-items:center;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.25rem}.status-item:last-child{margin-bottom:0}.status-item.success{color:var(--success-color)}.status-item.error{color:var(--error-color)}.btn:focus,.pricing-card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.stripe-product-price-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.price-subtitle{color:#6b7280;font-size:.875rem;margin-left:.5rem}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;gap:.75rem;justify-content:flex-end;padding:1.5rem}.alert,.modal-footer{align-items:center;display:flex}.alert{border-radius:6px;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.search-section{margin-bottom:1rem}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;left:.75rem;position:absolute;z-index:1}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.loading-container{color:#6b7280;flex-direction:column;padding:3rem}.spinner{height:2rem;margin-bottom:1rem;width:2rem}.spinner,.spinner-small{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6}.spinner-small{height:1rem;width:1rem}.tabs-container{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1rem}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{background-color:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:disabled{cursor:not-allowed;opacity:.5}.content-section{min-height:400px}.items-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s}.item-card:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.item-card.selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.item-name{color:#111827;font-size:.95rem;font-weight:600}.item-status{flex-shrink:0}.status-badge{align-items:center;border-radius:.25rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fef2f2;color:#dc2626}.item-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.item-meta{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;justify-content:space-between}.item-id{background-color:#f3f4f6;border-radius:.25rem;font-family:Courier New,monospace;padding:.125rem .375rem}.item-date{color:#6b7280}.prices-section,.products-section{flex:1 1}.section-title{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.empty-state{color:#6b7280;padding:2rem;text-align:center}.empty-state p{font-size:.875rem}@media (max-width:768px){.stripe-product-price-modal{margin:1rem;max-width:95vw}.tabs-container{flex-direction:column}.tab-button{justify-content:center}.item-header{gap:.5rem}.item-header,.item-meta{align-items:flex-start;flex-direction:column}.item-meta{gap:.25rem}}.plan-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.plan-modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.plan-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.plan-modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.plan-modal-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.plan-modal-close:hover{background-color:#f3f4f6;color:#374151}.plan-modal-close:disabled{cursor:not-allowed;opacity:.5}.plan-modal-form{padding:1.5rem}.plan-modal-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.plan-modal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.plan-form-group{display:flex;flex-direction:column}.plan-form-group-full{grid-column:1/-1}.plan-form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.plan-form-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.plan-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.plan-form-input:disabled{background-color:#f9fafb;color:#6b7280}.plan-form-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-height:80px;padding:.5rem .75rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.plan-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.plan-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.plan-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.plan-form-input-group{display:flex;gap:.5rem}.plan-form-input-group .plan-form-input{flex:1 1}.plan-form-input-group .plan-form-select{width:80px}.plan-form-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem}.plan-form-checkbox-input{accent-color:#3b82f6;height:1rem;width:1rem}.plan-form-checkbox-text{color:#374151;font-size:.875rem}.plan-form-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.plan-form-section{margin-bottom:1.5rem}.plan-features-container{display:flex;flex-direction:column;gap:.5rem}.plan-feature-item{align-items:center;background-color:#f3f4f6;border-radius:.375rem;display:flex;justify-content:space-between;padding:.5rem .75rem}.plan-feature-text{color:#374151;font-size:.875rem}.plan-feature-remove{background:none;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;padding:.25rem;transition:background-color .2s}.plan-feature-remove:hover{background-color:#fecaca}.plan-feature-add{display:flex;gap:.5rem}.plan-feature-add .plan-form-input{flex:1 1}.plan-feature-add-btn{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem;transition:background-color .2s}.plan-feature-add-btn:hover{background-color:#2563eb}.plan-modal-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:1.5rem}.plan-modal-actions-right{display:flex;gap:.75rem}.plan-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.plan-btn:disabled{cursor:not-allowed;opacity:.5}.plan-btn-primary{background-color:#3b82f6;color:#fff}.plan-btn-primary:hover:not(:disabled){background-color:#2563eb}.plan-btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.plan-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.plan-btn-danger{background-color:#dc2626;color:#fff}.plan-btn-danger:hover:not(:disabled){background-color:#b91c1c}.plan-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}@media (max-width:768px){.plan-modal-grid{grid-template-columns:1fr}.plan-modal-actions{flex-direction:column;gap:1rem}.plan-modal-actions-right{justify-content:stretch;width:100%}.plan-modal-actions-right .plan-btn{flex:1 1;justify-content:center}}.tracking-stats{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.tracking-stats-error,.tracking-stats-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.tracking-stats-error{color:#dc2626}.tracking-stats-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.tracking-stats-retry-btn:hover{background:#2563eb}.tracking-stats-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.tracking-stats-title{align-items:center;color:#1f2937;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.tracking-stats-refresh-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.tracking-stats-refresh-btn:hover{background:#e5e7eb;border-color:#9ca3af}.tracking-stats-overview{margin-bottom:2rem}.tracking-stats-card{background:#fff;box-shadow:0 4px 6px #0000001a;gap:1rem;padding:1.5rem}.tracking-stats-card,.tracking-stats-card-icon{align-items:center;border-radius:12px;display:flex}.tracking-stats-card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;height:3rem;justify-content:center;width:3rem}.tracking-stats-card-content h3{color:#6b7280;font-size:1rem;font-weight:600;margin:0 0 .25rem}.tracking-stats-card-value{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.tracking-stats-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:1.5rem}.tracking-stats-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.tracking-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tracking-stats-event-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.tracking-stats-event-card:hover{background:#f3f4f6;border-color:#d1d5db}.tracking-stats-event-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.tracking-stats-event-content h3{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.tracking-stats-event-count{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.tracking-stats-events{max-height:500px;overflow-y:auto}.tracking-stats-no-events{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.tracking-stats-events-list{display:flex;flex-direction:column;gap:.75rem}.tracking-stats-event-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.tracking-stats-event-item:hover{background:#f3f4f6;border-color:#d1d5db}.tracking-stats-event-item-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.tracking-stats-event-item-content{flex:1 1;min-width:0}.tracking-stats-event-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.tracking-stats-event-item-header h4{color:#374151;font-size:.875rem;font-weight:600;margin:0}.tracking-stats-event-item-time{color:#6b7280;font-size:.75rem;margin-left:1rem;white-space:nowrap}.tracking-stats-event-item-details{display:flex;flex-wrap:wrap;gap:1rem}.tracking-stats-event-detail{color:#6b7280;font-size:.75rem}.tracking-stats-event-detail strong{color:#374151}@media (max-width:768px){.tracking-stats{padding:1rem}.tracking-stats-header{align-items:stretch;flex-direction:column;gap:1rem}.tracking-stats-title{font-size:1.5rem}.tracking-stats-grid{grid-template-columns:1fr}.tracking-stats-event-item-header{align-items:flex-start;flex-direction:column;gap:.25rem}.tracking-stats-event-item-time{margin-left:0}}.cookie-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.cookie-banner{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #00000026;left:20px;max-width:500px;position:fixed;right:20px;z-index:9999}.cookie-content{padding:24px}.cookie-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.cookie-icon{color:#f59e0b;height:24px;width:24px}.cookie-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.cookie-description{margin-bottom:20px}.cookie-description p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.cookie-actions{display:flex;flex-wrap:wrap;gap:12px}.cookie-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.cookie-btn-primary{background:#3b82f6;color:#fff}.cookie-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.cookie-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cookie-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-icon{height:16px;width:16px}.cookie-preferences{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;left:50%;max-height:80vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.cookie-preferences-content{max-height:80vh;overflow-y:auto;padding:24px}.cookie-preferences-header{align-items:center;display:flex;gap:12px;margin-bottom:24px;position:relative}.cookie-preferences-header h3{color:#111827;flex:1 1;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:0;top:0;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.close-btn svg{height:20px;width:20px}.cookie-categories{margin-bottom:24px}.cookie-category{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.category-header{align-items:center;background:#f9fafb;display:flex;justify-content:space-between;padding:16px}.category-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.category-info p{color:#6b7280;font-size:14px;margin:0}.category-details{background:#fff;padding:12px 16px}.category-details p{color:#6b7280;font-size:13px;font-style:italic;margin:0}.cookie-toggle{display:inline-block;height:24px;position:relative;width:44px}.cookie-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.cookie-toggle input:checked+.toggle-slider{background-color:#3b82f6}.cookie-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.cookie-toggle.disabled{cursor:not-allowed;opacity:.6}.cookie-toggle.disabled .toggle-slider{background-color:#3b82f6;cursor:not-allowed}.cookie-preferences-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.cookie-info{align-items:flex-start;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:16px}.info-icon{color:#f59e0b;flex-shrink:0;height:20px;margin-top:2px;width:20px}.cookie-info p{color:#92400e;font-size:13px;line-height:1.4;margin:0}@media (max-width:640px){.cookie-banner{bottom:16px;left:16px;right:16px}.cookie-content{padding:20px}.cookie-actions{flex-direction:column}.cookie-btn{justify-content:center}.cookie-preferences{max-height:90vh;width:95%}.cookie-preferences-content{padding:20px}.category-header,.cookie-preferences-actions{flex-direction:column}.category-header{align-items:flex-start;gap:12px}}.legal-page{background:#f8fafc;min-height:100vh;padding:20px}.legal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;overflow:hidden}.legal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);gap:16px;padding:24px}.back-button,.legal-header{align-items:center;color:#fff;display:flex}.back-button{background:#fff3;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#ffffff4d;transform:translateY(-1px)}.back-icon{height:16px;width:16px}.legal-header h1{flex:1 1;font-size:28px;font-weight:700;margin:0}.legal-content{padding:32px}.legal-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.legal-section:last-child{border-bottom:none;margin-bottom:0}.legal-section h2{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 16px}.section-icon{color:#3b82f6;flex-shrink:0;height:24px;width:24px}.legal-section h3{color:#374151;font-size:16px;font-weight:600;margin:24px 0 12px}.legal-section p{color:#4b5563;line-height:1.6;margin:0 0 16px}.legal-section ul{margin:0 0 16px;padding-left:20px}.legal-section li{color:#4b5563;line-height:1.5;margin-bottom:8px}.legal-section a{color:#3b82f6;font-weight:500;text-decoration:none}.legal-section a:hover{color:#1d4ed8;text-decoration:underline}.address-info,.cnil-info,.company-info,.contact-dpo,.contact-info,.controller-info{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin:16px 0;padding:20px}.address-info p,.cnil-info p,.company-info p,.contact-dpo p,.contact-info p,.controller-info p{font-size:14px;margin:0 0 8px}.address-info p:last-child,.cnil-info p:last-child,.company-info p:last-child,.contact-dpo p:last-child,.contact-info p:last-child,.controller-info p:last-child{margin-bottom:0}.contact-info p{align-items:center;display:flex;gap:8px}.contact-icon{color:#6b7280;flex-shrink:0;height:16px;width:16px}.definitions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px}.definitions p{font-size:14px;margin:0 0 12px}.definitions p:last-child{margin-bottom:0}.definitions strong{color:#0369a1;font-weight:600}.legal-basis{background:#fefce8;border:1px solid #fde047;border-radius:8px;padding:20px}.legal-basis h3{color:#a16207;margin-top:0}.legal-basis p{color:#713f12}.retention-periods{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:20px}.retention-periods h3{color:#166534;margin-top:0}.retention-periods p{color:#14532d}.retention-periods strong{color:#15803d;font-weight:600}.user-rights{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:20px}.user-rights h3{color:#dc2626;margin-top:0}.user-rights p{color:#991b1b}.hosting-info{background:#f3f4f6;border-left:4px solid #6b7280;border-radius:8px;padding:20px}.hosting-info p{font-size:14px;margin:0 0 8px}.hosting-info p:last-child{margin-bottom:0}.hosting-info strong{color:#374151;font-weight:600}@media (max-width:768px){.legal-page{padding:16px}.legal-container{border-radius:8px}.legal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.legal-header h1{font-size:24px}.legal-content{padding:24px 20px}.legal-section{margin-bottom:24px;padding-bottom:20px}.legal-section h2{align-items:flex-start;flex-direction:column;font-size:18px;gap:8px}.section-icon{height:20px;width:20px}.address-info,.cnil-info,.company-info,.contact-dpo,.contact-info,.controller-info,.definitions,.hosting-info,.legal-basis,.retention-periods,.user-rights{padding:16px}}@media (max-width:480px){.legal-page{padding:12px}.legal-header{padding:16px}.legal-header h1{font-size:20px}.legal-content{padding:20px 16px}.legal-section h2{font-size:16px}.legal-section h3{font-size:14px}}.app-container{background-color:#f8fafc;background-color:var(--background-color);min-height:100vh}.card{border-radius:.75rem}.btn{border-radius:.5rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#3b82f6;background-color:var(--primary-color)}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-dark)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color)}.btn-success{background-color:#10b981;background-color:var(--success-color)}.btn-warning{background-color:#f59e0b;background-color:var(--warning-color)}.btn-error{background-color:#ef4444;background-color:var(--error-color)}.btn-outline{border:1px solid #e2e8f0;border:1px solid var(--border-color)}.form-group{margin-bottom:1rem}.form-label{font-weight:500}.form-input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;transition:border-color .2s}.status{font-weight:500;padding:.25rem .75rem}.status-pending{background-color:#fef3c7}.status-approved{background-color:#d1fae5}.status-engaged{background-color:#e0f2fe;color:#0c4a6e}.status-rejected{background-color:#fee2e2}.status-escalated{background-color:#e0e7ff}.space-y-6>*+*{margin-top:1.5rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s;width:280px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;max-width:100vw;padding:1rem}.card{margin-bottom:1rem;padding:1rem}.btn{font-size:1rem;padding:.75rem 1.5rem}.form-input{font-size:1rem;padding:1rem}}@media (max-width:480px){.card,.main-content{padding:.75rem}.card{border-radius:.5rem}.btn{justify-content:center;padding:.875rem 1.25rem;width:100%}}:root{--primary-color:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-color:#f8fafc;--surface-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-secondary:linear-gradient(135deg,#64748b,#475569);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--bg-gradient-primary:linear-gradient(135deg,#f8fafc,#dbeafe 50%,#e0e7ff);--bg-gradient-hero:linear-gradient(135deg,#2563eb,#7c3aed 50%,#4f46e5)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{background-color:#f8fafc;background-color:var(--background-color)}.App,.main-layout{min-height:100vh}.main-layout{display:flex}.sidebar{background-color:#fff;background-color:var(--surface-color);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);height:100vh;overflow-y:auto;position:fixed;width:250px;z-index:1000}.main-content{flex:1 1;margin-left:250px;max-width:calc(100vw - 250px);padding:2rem}.nav-item{align-items:center;border-radius:.5rem;color:#64748b;color:var(--text-secondary);display:flex;margin:.25rem .5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#f8fafc;background-color:var(--background-color);color:#1e293b;color:var(--text-primary)}.nav-item.active{background-color:#3b82f6;background-color:var(--primary-color);color:#fff}.nav-item svg{height:1.25rem;margin-right:.75rem;width:1.25rem}.card{background-color:#fff;background-color:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--gradient-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);background:var(--gradient-secondary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.btn-success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.btn-warning:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-error);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.btn-error:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background-color:initial;border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-outline:hover{background-color:#f8fafc;background-color:var(--background-color);border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;color:var(--primary-color);transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-label{color:#1e293b;color:var(--text-primary);font-size:.875rem}.form-input{background-color:#fff;background-color:var(--surface-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#64748b;color:var(--text-secondary)}.status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.status-escalated{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1;color:#3730a3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .5s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@media (max-width:1024px){.main-content{padding:1.5rem}.card{padding:1.25rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s;width:280px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;max-width:100vw;padding:1rem}.card{margin-bottom:1rem;padding:1rem}.btn{font-size:1rem;padding:.875rem 1.25rem}.form-input{font-size:1rem;padding:1rem}}@media (max-width:480px){.card,.main-content{padding:.75rem}.card{border-radius:.75rem}.btn{justify-content:center;padding:1rem 1.5rem;width:100%}}@media (min-width:1024px){.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn:hover{transform:translateY(-2px)}.sidebar{box-shadow:2px 0 10px #0000001a}}@media (min-width:1920px){.main-content{margin:0 auto 0 250px;max-width:1600px}.card{padding:2rem}.sidebar{width:280px}}@media (min-width:2560px){.main-content{margin:0 auto 0 300px;max-width:2000px}.sidebar{width:300px}.card{padding:2.5rem}.btn{font-size:1.125rem;padding:1.25rem 2rem}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:2px solid;border-color:#0000 #0000 #3b82f6;border-bottom:2px solid var(--primary-color);border-radius:50%;height:8rem;width:8rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:rgba(var(--error-color-rgb),.1);border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:.375rem;color:#ef4444;color:var(--error-color)}.error-message,.success-message{font-size:.875rem;padding:.75rem 1rem}.success-message{background-color:rgba(var(--success-color-rgb),.1);border:1px solid #10b981;border:1px solid var(--success-color);border-radius:.375rem;color:#10b981;color:var(--success-color)}