:root{--bg-primary: #0f0f23;--bg-secondary: rgba(15, 15, 35, .95);--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--border-color-hover: rgba(102, 126, 234, .5);--shadow-color: rgba(0, 0, 0, .3);--input-bg: rgba(15, 15, 35, .95);--color-scheme: dark}[data-theme=light]{--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #475569;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(102, 126, 234, .5);--shadow-color: rgba(0, 0, 0, .08);--input-bg: #ffffff;--color-scheme: light}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease}#root{min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}select,option{background:var(--input-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}select option{background:var(--input-bg)!important;color:var(--text-primary)!important;padding:.75rem!important}select option:hover,select option:focus,select option:checked{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}input,textarea{color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-tertiary)!important}input[type=date],input[type=datetime-local],input[type=time]{color-scheme:var(--color-scheme)}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.container-fluid{width:100%;padding-right:2rem;padding-left:2rem}.container-responsive{width:100%;max-width:100%;padding:2rem}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.container-fluid{padding-right:1.5rem;padding-left:1.5rem}.container-responsive{padding:1.5rem}}@media(max-width:480px){.container-fluid{padding-right:1rem;padding-left:1rem}.container-responsive{padding:1rem}}.grid-responsive{display:grid;gap:1.5rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-md{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}.grid-responsive{gap:1rem}}@media(max-width:480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.grid-responsive{gap:.75rem}}.flex-responsive{display:flex;gap:1rem;flex-wrap:wrap}.flex-mobile-column{display:flex;gap:1rem}@media(max-width:768px){.flex-mobile-column{flex-direction:column}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responsive{font-size:clamp(.875rem,2vw,1rem)}.title-responsive{font-size:clamp(1.5rem,4vw,2.5rem)}.subtitle-responsive{font-size:clamp(1rem,3vw,1.5rem)}.p-responsive{padding:clamp(1rem,2vw,2rem)}.px-responsive{padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}.py-responsive{padding-top:clamp(1rem,2vw,2rem);padding-bottom:clamp(1rem,2vw,2rem)}.m-responsive{margin:clamp(1rem,2vw,2rem)}.mx-responsive{margin-left:clamp(1rem,2vw,2rem);margin-right:clamp(1rem,2vw,2rem)}.my-responsive{margin-top:clamp(1rem,2vw,2rem);margin-bottom:clamp(1rem,2vw,2rem)}.btn-touch{min-height:44px;min-width:44px;padding:.75rem 1.5rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.btn-touch{min-height:48px;padding:.875rem 1.75rem}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.card-responsive{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}@media(max-width:768px){.card-responsive{padding:1.25rem;border-radius:12px}}@media(max-width:480px){.card-responsive{padding:1rem}}.modal-responsive{width:90%;max-width:600px;max-height:90vh;overflow-y:auto}@media(max-width:768px){.modal-responsive{width:95%;max-width:none;max-height:95vh}}@media(max-width:480px){.modal-responsive{width:100%;height:100%;max-height:100vh;border-radius:0}}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.overflow-touch{overflow-y:auto;-webkit-overflow-scrolling:touch}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gpu-accelerate{transform:translateZ(0);will-change:transform}.reduce-motion{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print,.sidebar{display:none!important}body{background:#fff!important;color:#000!important}}@media(prefers-color-scheme:dark){:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a3e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7)}}@media(orientation:landscape)and (max-height:500px){.modal-responsive{max-height:95vh}.sidebar{width:60px}}.language-toggle-container{display:flex;align-items:center;gap:.75rem}.language-icon{width:24px;height:24px;color:#ffffffb3}.language-toggle{position:relative;display:flex;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px;cursor:pointer;transition:all .3s ease;overflow:hidden}.language-toggle:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:20px;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease}.language-toggle:hover:before{opacity:.6}.toggle-option{position:relative;z-index:2;padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:#ffffff80;transition:color .3s ease;cursor:pointer}.toggle-option.active{color:#fff}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:1;box-shadow:0 0 20px #667eea80,inset 0 0 10px #fff3}.toggle-slider.slider-right{transform:translate(calc(100% + 4px))}.language-toggle:hover{box-shadow:0 0 20px #667eea4d;border-color:#667eea80}[data-theme=light] .language-icon{color:#667eea}[data-theme=light] .language-toggle{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid rgba(102,126,234,.25)}[data-theme=light] .language-toggle:hover{box-shadow:0 0 15px #667eea4d;border-color:#667eea80;background:linear-gradient(135deg,#667eea26,#764ba226)}[data-theme=light] .toggle-option{color:#667eea;font-weight:700}[data-theme=light] .toggle-option.active{color:#fff}[data-theme=light] .toggle-slider{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 0 15px #7c3aed66,inset 0 0 10px #ffffff4d}.register-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem}.register-header{max-width:1400px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.register-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;cursor:pointer;color:#fff}.register-logo .logo-icon{width:32px;height:32px;color:#667eea}.register-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.register-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000004d}.register-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-subtitle{color:#fff9;margin:0 0 2rem;font-size:1.125rem}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;margin-bottom:1.5rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.plan-option{position:relative;padding:1.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.plan-option:hover{border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 20px #667eea33}.plan-option.selected{border-color:#667eea99;background:#667eea1a}.plan-option.popular{border-color:#10b9814d}.plan-option.popular.selected{border-color:#667eea99}.plan-popular-badge{position:absolute;top:-12px;right:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}.plan-name{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.75rem}.plan-price{display:flex;align-items:baseline;margin-bottom:1rem}.price-free{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-currency{font-size:1.25rem;font-weight:700;color:#fff9}.price-amount{font-size:2rem;font-weight:800;color:#fff}.price-period{font-size:.875rem;color:#ffffff80;margin-left:.25rem}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.plan-features li{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.feature-icon{width:16px;height:16px;color:#10b981;flex-shrink:0}.plan-selected-indicator{margin-top:1rem;padding:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.check-icon{width:16px;height:16px}.promo-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(255,255,255,.2);color:#a78bfa;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.promo-toggle-btn:hover{border-color:#a78bfa80;background:#a78bfa1a}.promo-icon{width:20px;height:20px}.promo-code-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.promo-input-group{position:relative;display:flex;align-items:center}.promo-input{flex:1;text-transform:uppercase}.promo-input.valid{border-color:#10b98180;background:#10b9810d}.promo-input.invalid{border-color:#ef444480;background:#ef44440d}.promo-status{position:absolute;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.promo-status.checking{color:#ffffff80}.promo-status.valid{color:#10b981}.promo-status.invalid{color:#ef4444}.status-icon{width:16px;height:16px}.promo-discount-info{padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-weight:600;font-size:.9375rem}.promo-discount-info p{margin:0}.price-summary{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#ffffffb3;font-size:.9375rem}.summary-row.original-price{text-decoration:line-through;color:#fff6;font-size:.875rem}.summary-row.discount{color:#10b981;font-weight:600}.summary-row.total{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:1.125rem;font-weight:700;color:#fff}.total-price{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-link{text-align:center;color:#fff9;margin:0}.login-link a{color:#a78bfa;font-weight:600;text-decoration:none;transition:color .3s ease}.login-link a:hover{color:#667eea}.features-sidebar{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;position:sticky;top:2rem}.features-sidebar h3{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 1.5rem}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.feature-list li{display:flex;gap:1rem}.feature-check{width:24px;height:24px;color:#10b981;flex-shrink:0;margin-top:.25rem}.feature-list strong{display:block;color:#fff;margin-bottom:.25rem;font-size:1rem}.feature-list p{margin:0;color:#fff9;font-size:.875rem;line-height:1.5}.payment-card{max-width:600px;margin:0 auto}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;color:#fffc;font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.back-icon{width:16px;height:16px}.price-summary-large{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin:2rem 0}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.payment-method-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.payment-method-card:hover{border-color:#667eea80;background:#ffffff14;transform:translateY(-4px)}.payment-method-card.selected{border-color:#667eea;background:#667eea1a;box-shadow:0 4px 20px #667eea4d}.payment-icon{width:48px;height:48px;color:#667eea;margin:0 auto 1rem}.payment-method-card h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem;font-weight:700}.payment-method-card p{color:#fff9;font-size:.875rem;margin:0}.mbway-form{margin-top:2rem}.form-hint{font-size:.875rem;color:#ffffff80;margin-top:.5rem}.success-card{max-width:600px;margin:0 auto;text-align:center}.success-icon-wrapper{width:80px;height:80px;margin:0 auto 2rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon{width:48px;height:48px;color:#fff;stroke-width:3}.payment-instructions{margin:2rem 0}.payment-details{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row span:first-child{color:#fff9;font-size:.9rem}.reference-value{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.05em}.amount{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-note{font-size:.875rem;color:#ffffff80;line-height:1.6;margin-top:1rem}@media(max-width:1024px){.register-container{grid-template-columns:1fr}.features-sidebar{position:relative;top:0}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.register-page{padding:1rem}.register-card{padding:2rem 1.5rem}.register-title{font-size:2rem}.plan-grid{grid-template-columns:1fr}.register-container{gap:1.5rem}.payment-methods{grid-template-columns:1fr}}.theme-toggle{position:relative;cursor:pointer;transition:all .3s ease;opacity:.6}.theme-toggle:hover{opacity:1}.theme-toggle-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:80px;height:40px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px;overflow:hidden;transition:all .3s ease}.theme-toggle:hover .theme-toggle-track{box-shadow:0 0 20px #667eea4d;border-color:#667eea80}.theme-toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:2;box-shadow:0 0 20px #667eea80,inset 0 0 10px #fff3;display:flex;align-items:center;justify-content:center}.theme-toggle-slider.slider-right{transform:translate(calc(100% + 4px))}.theme-icon{width:20px;height:20px;color:#fff;z-index:3}.theme-options{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px;z-index:1}.theme-option-icon{width:20px;height:20px;color:#ffffff4d;transition:all .3s ease}.theme-option-icon.active{color:transparent}.theme-toggle:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:20px;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:.6}[data-theme=light] .theme-toggle-track{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid rgba(102,126,234,.25)}[data-theme=light] .theme-toggle:hover .theme-toggle-track{box-shadow:0 0 15px #667eea4d;border-color:#667eea80}[data-theme=light] .theme-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 20px #667eea80,inset 0 0 10px #ffffff4d}[data-theme=light] .theme-option-icon{color:#667eea66}.notification-bell-container{position:relative}.notification-bell-button{position:relative;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background:#ffffff1a;border-color:#a78bfa4d;color:#fff}.bell-icon{width:20px;height:20px}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #ef444466}.notification-overlay{position:fixed;inset:0;z-index:999}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-height:500px;background:linear-gradient(135deg,#1a1a3e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff08}.notification-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.notification-header .count{color:#a78bfa;font-size:.875rem}.close-button{padding:.25rem;background:none;border:none;color:#ffffff80;cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#fff;background:#ffffff1a;border-radius:4px}.close-button svg{width:18px;height:18px}.notification-list{flex:1;overflow-y:auto;max-height:360px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#ffffff0d}.notification-list::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a78bfa80}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:#fff6}.empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.3}.empty-notifications p{margin:0;font-size:.875rem}.notification-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0d}.notification-item.warning{border-left:3px solid #ef4444}.notification-item.info{border-left:3px solid #3b82f6}.notification-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.notification-icon.warning{color:#ef4444}.notification-icon.info{color:#3b82f6}.notification-content{flex:1}.notification-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.25rem}.notification-message{font-size:.8125rem;color:#fff9;line-height:1.4}.notification-footer{padding:.875rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff08}.notification-footer button{width:100%;padding:.625rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:6px;color:#a78bfa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notification-footer button:hover{background:#a78bfa33;border-color:#a78bfa80}[data-theme=light] .notification-bell-button{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid rgba(102,126,234,.25);color:#667eea}[data-theme=light] .notification-bell-button:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e);border-color:#667eea66;color:#5b21b6}[data-theme=light] .notification-dropdown{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 32px #00000026}[data-theme=light] .notification-header{border-bottom:1px solid rgba(0,0,0,.08);background:#00000005}[data-theme=light] .notification-header h3{color:#0f172a}[data-theme=light] .notification-header .count{color:#7c3aed}[data-theme=light] .close-button:hover{color:#1e293b;background:#0000000f}[data-theme=light] .notification-item{border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .notification-item:hover{background:#0000000a}[data-theme=light] .notification-title{color:#0f172a}[data-theme=light] .notification-message{color:#64748b}[data-theme=light] .empty-notifications{color:#94a3b8}[data-theme=light] .notification-footer{border-top:1px solid rgba(0,0,0,.08);background:#00000005}[data-theme=light] .notification-footer button{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);color:#7c3aed}[data-theme=light] .notification-footer button:hover{background:#7c3aed26;border-color:#7c3aed80}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 2rem);right:-1rem}}.dashboard-container{min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden;transition:background-color .3s ease}[data-theme=light] .dashboard-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}.dashboard-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite}[data-theme=light] .dashboard-container:before{background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%)}.dashboard-header{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;transition:all .3s ease}[data-theme=light] .dashboard-header{background:#e2e8f0;box-shadow:0 2px 12px #0000001a,0 1px 3px #0000000f;border-bottom:1px solid rgba(0,0,0,.15)}.dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.8) 20%,rgba(59,130,246,.8) 50%,rgba(139,92,246,.8) 80%,transparent 100%);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.company-info{display:flex;align-items:center;gap:1rem}.company-name{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:1600px){.company-name{font-size:2.2rem}}.user-email{color:var(--text-secondary);font-size:1.05rem}@media(min-width:1600px){.user-email{font-size:1.25rem}}[data-theme=light] .user-email{color:#667eea!important;font-weight:700}[data-theme=light] .company-name{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}[data-theme=light] .profile-button{background:linear-gradient(135deg,#667eea1f,#764ba21f)!important;border:1px solid rgba(102,126,234,.25)!important;color:#667eea!important}[data-theme=light] .profile-button:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e)!important;border-color:#667eea80!important}[data-theme=light] .profile-button svg{color:#667eea!important}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#1e1e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;min-width:200px;box-shadow:0 10px 40px #0000004d;z-index:1000}[data-theme=light] .profile-menu{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 10px 40px #667eea33}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem;font-weight:500}.profile-menu-item:hover{background:#667eea33}.profile-menu-item.logout{color:#ef4444}.profile-menu-item.logout:hover{background:#ef44441a}[data-theme=light] .profile-menu-item{color:#667eea}[data-theme=light] .profile-menu-item:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f)}[data-theme=light] .profile-menu-item.logout{color:#ef4444}[data-theme=light] .profile-menu-item.logout:hover{background:#ef444414}.profile-menu-divider{height:1px;background:#ffffff1a;margin:.5rem 0}[data-theme=light] .profile-menu-divider{background:#667eea26}.btn-futuristic{position:relative;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #667eea4d}.btn-futuristic:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:12px;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease}.btn-futuristic:hover:before{opacity:1;animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{filter:blur(10px) brightness(1)}50%{filter:blur(15px) brightness(1.2)}}.btn-futuristic:hover{transform:translateY(-2px);box-shadow:0 10px 40px #667eea99}.btn-logout{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 20px #f5576c4d}.welcome-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;margin-bottom:2rem;position:relative;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color)}[data-theme=light] .welcome-card{box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.welcome-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea80,#764ba280,#f093fb80,#4facfe80,#667eea80);border-radius:20px;z-index:-1;filter:blur(15px);opacity:.3;background-size:300% 300%;animation:gradientShift 6s ease infinite}.welcome-card h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem;font-weight:700}@media(min-width:1600px){.welcome-card h2{font-size:3rem}}.welcome-card h2 svg{color:#a78bfa}[data-theme=light] .welcome-card h2 svg{color:#7c3aed!important}.welcome-card p{color:var(--text-secondary);font-size:1.1rem}@media(min-width:1600px){.welcome-card p{font-size:1.35rem}}.plan-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.5);border-radius:20px;color:#a78bfa;font-size:1rem;font-weight:600;box-shadow:0 0 20px #667eea33}@media(min-width:1600px){.plan-badge{font-size:1.25rem;padding:.625rem 1.25rem}}[data-theme=light] .plan-badge{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.4);color:#6d28d9;font-weight:700;box-shadow:0 0 15px #667eea26}h2[style*="background-clip: text"]{color:#fff!important}[data-theme=light] h2[style*="background-clip: text"]{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 2rem 2rem;position:relative;z-index:1}@media(max-width:768px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:0 1rem 1rem}}@media(max-width:480px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem 1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color);min-width:0;overflow:hidden}@media(max-width:768px){.analytics-card{padding:1rem .875rem;gap:.875rem}}@media(max-width:480px){.analytics-card{padding:.875rem .75rem;gap:.75rem}.analytics-icon{width:44px;height:44px}.analytics-icon svg{width:22px;height:22px}}.analytics-card:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:0 10px 30px var(--shadow-color)}[data-theme=light] .analytics-card{background:#f8fafc!important;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .analytics-card:hover{background:#fff!important;box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014;border-color:#667eea4d}[data-theme=light] .analytics-icon{background-color:var(--icon-bg)!important}[data-theme=light] .analytics-card:nth-child(1) .analytics-icon{background-color:#8b5cf626!important}[data-theme=light] .analytics-card:nth-child(2) .analytics-icon{background-color:#ef444426!important}[data-theme=light] .analytics-card:nth-child(3) .analytics-icon{background-color:#10b98126!important}[data-theme=light] .analytics-card:nth-child(4) .analytics-icon{background-color:#f59e0b26!important}[data-theme=light] .analytics-card:nth-child(5) .analytics-icon{background-color:#3b82f626!important}[data-theme=light] .analytics-card:nth-child(6) .analytics-icon{background-color:#8b5cf626!important}.analytics-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-icon svg{width:26px;height:26px}.analytics-label{font-size:1.05rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.analytics-value{font-size:2rem!important;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;display:block;width:100%;overflow:visible;white-space:normal}.analytics-subtitle{font-size:1.05rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}@media(min-width:1600px){.analytics-label{font-size:1.25rem!important}.analytics-value{font-size:2.5rem!important}.analytics-subtitle{font-size:1.25rem!important}.analytics-card{padding:1.75rem 1.5rem}.analytics-icon{width:60px;height:60px}.analytics-icon svg{width:32px;height:32px}}@media(max-width:1400px){.analytics-label{font-size:.85rem}.analytics-value{font-size:1.75rem!important}.analytics-subtitle{font-size:.9rem}}@media(max-width:1200px){.analytics-label{font-size:.8rem}.analytics-value{font-size:1.5rem!important}.analytics-subtitle{font-size:.85rem}}@media(max-width:992px){.analytics-label{font-size:.75rem}.analytics-value{font-size:1.35rem!important}.analytics-subtitle{font-size:.8rem}}@media(max-width:768px){.analytics-label{font-size:.7rem}.analytics-value{font-size:1.25rem!important}.analytics-subtitle{font-size:.75rem}}@media(max-width:480px){.analytics-label{font-size:.65rem}.analytics-value{font-size:1.1rem!important}.analytics-subtitle{font-size:.7rem}}[data-theme=light] .analytics-label{color:#64748b!important}[data-theme=light] .analytics-value{color:#1e293b!important}[data-theme=light] .analytics-subtitle{color:#64748b!important}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;position:relative;z-index:1}@media(min-width:1600px){.modules-grid{gap:2rem;padding:2.5rem}}.module-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}[data-theme=light] .module-card{background:#f8fafc!important;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}[data-theme=light] .module-card:hover{background:#fff!important;box-shadow:0 16px 32px #0000001f,0 4px 8px #00000014}.module-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.module-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.module-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #0000004d,0 0 0 1px #667eea80,inset 0 0 20px #667eea1a;border-color:#667eea80}.module-card:hover:before{opacity:1}.module-card:hover:after{opacity:1;animation:ripple 1.5s ease-out infinite}@keyframes ripple{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1) rotate(360deg);opacity:0}}.module-card:hover .card-glow{opacity:1}.card-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea,#764ba2,#f093fb,#4facfe);border-radius:20px;z-index:-1;filter:blur(20px);opacity:0;transition:opacity .3s ease;background-size:400% 400%;animation:gradientRotate 4s ease infinite}.module-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}[data-theme=light] .module-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}[data-theme=light] .module-icon svg{opacity:.9}.module-card h3{color:var(--text-primary);font-size:1.6rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.module-card p{color:var(--text-secondary);font-size:1.1rem}@media(min-width:1600px){.module-card{padding:2.5rem}.module-card h3{font-size:2rem}.module-card p{font-size:1.35rem}.module-icon{font-size:3.75rem;margin-bottom:1.5rem}}.module-card.disabled{opacity:.5;cursor:not-allowed}.module-card.disabled:hover{transform:none;box-shadow:none}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:#667eea80;border-radius:50%;animation:float 15s ease-in-out infinite;box-shadow:0 0 10px #667eeacc}[data-theme=light] .particle{background:#8b5cf626;box-shadow:0 0 6px #8b5cf633}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px);opacity:0}}.modules-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;position:relative;z-index:1}@media(min-width:1600px){.modules-grid-small{gap:1.5rem}}.module-card-small{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid var(--border-color);text-align:center;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-color)}[data-theme=light] .module-card-small{background:#f8fafc!important;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}[data-theme=light] .module-card-small:hover{background:#fff!important;box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014}.module-card-small:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.module-card-small:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 40px #0000004d,0 0 0 1px #667eea80,inset 0 0 20px #667eea1a;border-color:#667eea80}.module-card-small:hover:before{opacity:1}.module-card-small:hover .card-glow{opacity:1}.module-card-small h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.module-card-small p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.4}@media(min-width:1600px){.module-card-small{padding:2rem;min-height:200px}.module-card-small h4{font-size:1.5rem}.module-card-small p{font-size:1.2rem}}@media(max-width:768px){.modules-grid-small{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.module-card-small{min-height:140px;padding:1rem}.module-card-small h4{font-size:.875rem}.module-card-small p{font-size:.75rem}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:4px 0 30px #0000004d}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:80px}.sidebar-logo{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;cursor:pointer;transition:all .3s ease;text-align:center}.sidebar-logo:hover{filter:brightness(1.2);transform:scale(1.05)}.sidebar-logo-collapsed{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:1.25rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.sidebar-logo-collapsed:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 30px #667eea80}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#667eea80}.sidebar-item{position:relative;padding:.75rem 1.5rem;margin:.25rem .75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.sidebar.collapsed .sidebar-item{padding:.75rem;justify-content:center;margin:.25rem auto;width:48px;height:48px}.sidebar-item-content{display:flex;align-items:center;gap:.75rem;flex:1}.sidebar.collapsed .sidebar-item-content{justify-content:center}.sidebar-icon{width:24px;height:24px;color:#fff9;transition:all .3s ease;flex-shrink:0}.sidebar-label{color:#fffc;font-size:1.25rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.sidebar-item.active{background:#667eea26;border:1px solid rgba(102,126,234,.3)}.sidebar-item.active .sidebar-icon{color:#667eea}.sidebar-item.active .sidebar-label{color:#fff;font-weight:600}.active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px 0 0 3px;box-shadow:0 0 10px #667eea80}.sidebar.collapsed .active-indicator{display:none}.sidebar-item:not(.disabled):not(.active):hover{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.sidebar-item:not(.disabled):hover .sidebar-icon{color:#667eea;transform:scale(1.1)}.sidebar-item:not(.disabled):hover .sidebar-label{color:#fff}.sidebar-item.disabled{cursor:not-allowed;opacity:.5}.sidebar-item.disabled:hover{background:transparent;border:none}.sidebar-item.disabled .sidebar-icon{color:#ffffff4d}.sidebar-item.disabled .sidebar-label{color:#fff6}.coming-soon-badge{padding:.25rem .5rem;background:#fb923c33;border:1px solid rgba(251,146,60,.3);border-radius:6px;font-size:.85rem;color:#fdba74;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.expand-icon{width:16px;height:16px;color:#fff9;margin-left:auto;transition:all .3s ease}.sidebar-item:hover .expand-icon{color:#667eea}.submenu{margin-left:1rem;margin-top:.25rem;margin-bottom:.5rem;padding-left:.5rem;border-left:2px solid rgba(102,126,234,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.submenu-item{padding:.6rem 1rem;margin:.15rem 0;font-size:1.05rem}.submenu-item .sidebar-icon{width:20px;height:20px}.submenu-item .sidebar-label{font-size:1.025rem}.sidebar-toggle{position:absolute;right:-12px;bottom:2rem;width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #16213e;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d;z-index:1001}.sidebar-toggle:hover{transform:scale(1.2);box-shadow:0 6px 30px #667eea80}.toggle-icon{width:14px;height:14px;color:#fff}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-item{animation:slideIn .3s ease forwards}.sidebar-item:nth-child(1){animation-delay:.1s}.sidebar-item:nth-child(2){animation-delay:.15s}.sidebar-item:nth-child(3){animation-delay:.2s}.sidebar-item:nth-child(4){animation-delay:.25s}[data-theme=light] .sidebar{background:#fff;border-right:1px solid rgba(102,126,234,.15);box-shadow:4px 0 20px #00000014}[data-theme=light] .sidebar-header{border-bottom:1px solid rgba(102,126,234,.15)}[data-theme=light] .sidebar-logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .sidebar-logo-collapsed{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .sidebar-logo-collapsed:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .sidebar-nav::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] .sidebar-nav::-webkit-scrollbar-thumb{background:#667eea4d}[data-theme=light] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#667eea80}[data-theme=light] .sidebar-icon{color:#64748b}[data-theme=light] .sidebar-label{color:#334155}[data-theme=light] .sidebar-item.active{background:#667eea1a;border:1px solid rgba(102,126,234,.25)}[data-theme=light] .sidebar-item.active .sidebar-icon{color:#667eea}[data-theme=light] .sidebar-item.active .sidebar-label{color:#0f172a;font-weight:600}[data-theme=light] .active-indicator{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea66}[data-theme=light] .sidebar-item:not(.disabled):not(.active):hover{background:#667eea0d;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .sidebar-item:not(.disabled):hover .sidebar-icon{color:#667eea}[data-theme=light] .sidebar-item:not(.disabled):hover .sidebar-label{color:#0f172a}[data-theme=light] .sidebar-item.disabled .sidebar-icon{color:#cbd5e1}[data-theme=light] .sidebar-item.disabled .sidebar-label{color:#94a3b8}[data-theme=light] .coming-soon-badge{background:#fb923c26;border-color:#fb923c4d;color:#ea580c}[data-theme=light] .expand-icon{color:#94a3b8}[data-theme=light] .sidebar-item:hover .expand-icon{color:#667eea}[data-theme=light] .submenu{border-left:2px solid rgba(102,126,234,.25)}[data-theme=light] .sidebar-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff;box-shadow:0 4px 20px #667eea4d}[data-theme=light] .sidebar-toggle:hover{box-shadow:0 6px 30px #667eea66}.modal-container{background:#1a1a3efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.5rem;color:#fff;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.modal-error{margin:20px 30px 0;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.9rem}.modal-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{background:#ffffff14;border-color:#667eea66;outline:none}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-hint{font-size:.8rem;color:#ffffff80;font-style:italic}.info-box{padding:12px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fffc;font-size:.9rem;margin-bottom:20px}.info-box strong{color:#667eea}.modal-actions{display:flex;gap:12px;margin-top:30px}.modal-button{flex:1;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button.cancel:hover{background:#ffffff14}.modal-button.submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#667eeab3}.toggle-input-button{padding:10px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:42px;height:46px;display:flex;align-items:center;justify-content:center}.toggle-input-button:hover{background:#667eea4d;border-color:#667eea80;transform:translateY(-2px)}.toggle-input-button:active{transform:translateY(0)}.add-field-btn,.remove-field-btn{min-width:42px;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-field-btn{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#10b981}.add-field-btn:hover{background:#10b9814d;border-color:#10b98180;transform:translateY(-2px)}.remove-field-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.remove-field-btn:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.add-field-btn:active,.remove-field-btn:active{transform:translateY(0)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.modal-header,.modal-form{padding:20px}.modal-container{max-height:95vh}}[data-theme=light] .form-label{color:#475569;font-weight:600}[data-theme=light] .form-hint{color:#94a3b8}[data-theme=light] .info-box{background:#667eea1a;border-color:#667eea40;color:#334155}[data-theme=light] .info-box strong{color:#667eea}[data-theme=light] .modal-button.submit{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .modal-button.submit:hover{box-shadow:0 8px 20px #667eea66}[data-theme=light] .modal-container::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] .modal-container::-webkit-scrollbar-thumb{background:#667eea80}[data-theme=light] .modal-container::-webkit-scrollbar-thumb:hover{background:#667eeab3}[data-theme=light] .toggle-input-button{background:#667eea1a;border-color:#667eea40;color:#667eea}[data-theme=light] .toggle-input-button:hover{background:#667eea26;border-color:#667eea66}[data-theme=light] .add-field-btn{background:#10b9811a;border-color:#10b98140;color:#059669}[data-theme=light] .add-field-btn:hover{background:#10b98126;border-color:#10b98166}[data-theme=light] .remove-field-btn{background:#ef44441a;border-color:#ef444440;color:#dc2626}[data-theme=light] .remove-field-btn:hover{background:#ef444426;border-color:#ef444466}.locations-modal{max-width:800px}.modal-subtitle{color:#fff9;font-size:.9rem;margin:.5rem 0 0;font-weight:400}.locations-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{color:#ffffff80;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-value{color:#fff;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.locations-content{padding:2rem;min-height:300px}.loading-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:#fff9;font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1.5rem;text-align:center}.locations-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.location-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;transition:all .3s ease}.location-card:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.location-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.location-type-icon{width:40px;height:40px;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0}.location-info{flex:1}.location-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem;display:flex;align-items:center;gap:.75rem}.main-badge{display:inline-block;padding:.25rem .5rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:6px;font-size:.7rem;color:#10b981;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.location-type{color:#ffffff80;font-size:.85rem;font-weight:500}.location-body{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.location-quantity{display:flex;align-items:baseline;gap:.5rem}.quantity-value{color:#fff;font-size:1.75rem;font-weight:700}.location-actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .3s ease}.action-icon{width:18px;height:18px}.action-btn.edit{color:#60a5fa}.action-btn.edit:hover{background:#60a5fa26;border-color:#60a5fa80;box-shadow:0 0 15px #60a5fa4d}.action-btn.delete{color:#f87171}.action-btn.delete:hover{background:#f8717126;border-color:#f8717180;box-shadow:0 0 15px #f871714d}.btn-add-location{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d}.btn-add-location:hover{transform:translateY(-2px);box-shadow:0 6px 30px #10b98180}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.confirm-modal{max-width:450px;padding:2rem}.confirm-modal h3{color:#fff;font-size:1.25rem;margin:0 0 1rem}.confirm-modal p{color:#fffc;margin:0 0 1rem;font-size:.95rem}.warning-text{color:#fca5a5;font-weight:600;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem}.modal-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-button.danger:hover{box-shadow:0 8px 20px #ef444466}@media(max-width:768px){.locations-summary{padding:1rem;gap:.75rem}.locations-content,.location-card{padding:1rem}.location-header{gap:.75rem}.location-type-icon{width:36px;height:36px;padding:.65rem}.location-name{font-size:1rem;flex-wrap:wrap}.location-body{flex-direction:column;align-items:flex-start;gap:1rem}.quantity-value{font-size:1.5rem}.location-actions{width:100%;justify-content:flex-end}}[data-theme=light] .modal-subtitle{color:#64748b}[data-theme=light] .locations-summary{background:#667eea0d;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .summary-value{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .location-card{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .location-card:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 4px 12px #00000014}[data-theme=light] .location-type-icon{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .main-badge{background:#10b9811a;border-color:#10b98140;color:#059669}[data-theme=light] .location-body{border-top:1px solid rgba(102,126,234,.1)}[data-theme=light] .quantity-value{color:#0f172a}[data-theme=light] .quantity-unit{color:#64748b}[data-theme=light] .action-btn.edit{color:#3b82f6}[data-theme=light] .action-btn.edit:hover{background:#3b82f61a;border-color:#3b82f666;box-shadow:0 0 12px #3b82f633}[data-theme=light] .action-btn.delete{color:#ef4444}[data-theme=light] .action-btn.delete:hover{background:#ef44441a;border-color:#ef444466;box-shadow:0 0 12px #ef444433}[data-theme=light] .btn-add-location{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b9814d}[data-theme=light] .btn-add-location:hover{box-shadow:0 6px 30px #10b98166}[data-theme=light] .warning-text{background:#ef44441a;border-color:#ef44444d;color:#dc2626}[data-theme=light] .modal-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .modal-button.danger:hover{box-shadow:0 8px 20px #ef444466}.movements-modal{max-width:900px}.movements-filters{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.filter-icon{width:20px;height:20px;color:#ffffff80;flex-shrink:0}.filter-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff14;border-color:#667eea4d;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 15px #667eea4d}.movements-content{padding:2rem;min-height:400px;max-height:500px;overflow-y:auto}.movements-content::-webkit-scrollbar{width:8px}.movements-content::-webkit-scrollbar-track{background:#ffffff0d}.movements-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.movements-timeline{position:relative;padding-left:2rem}.movements-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#667eea80,#667eea33,#667eea1a)}.movement-item{position:relative;margin-bottom:2rem;display:flex;gap:1.5rem}.movement-item:last-child{margin-bottom:0}.movement-indicator{position:absolute;left:-2rem;top:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0f0f23f2;border:2px solid rgba(102,126,234,.5);z-index:2}.movement-icon{width:20px;height:20px}.movement-icon.entry{color:#10b981}.movement-icon.exit{color:#f87171}.movement-icon.transfer{color:#60a5fa}.movement-icon.adjustment{color:#fbbf24}.movement-content{flex:1;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.movement-item.entry .movement-content{border-left:3px solid rgba(16,185,129,.5)}.movement-item.exit .movement-content{border-left:3px solid rgba(248,113,113,.5)}.movement-item.transfer .movement-content{border-left:3px solid rgba(96,165,250,.5)}.movement-item.adjustment .movement-content{border-left:3px solid rgba(251,191,36,.5)}.movement-content:hover{background:#ffffff0d;border-color:#667eea4d;transform:translate(5px)}.movement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.movement-type-badge{padding:.35rem .75rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:6px;font-size:.75rem;color:#a78bfa;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.movement-item.entry .movement-type-badge{background:#10b98126;border-color:#10b9814d;color:#10b981}.movement-item.exit .movement-type-badge{background:#f8717126;border-color:#f871714d;color:#f87171}.movement-item.transfer .movement-type-badge{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.movement-item.adjustment .movement-type-badge{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.movement-quantity{display:flex;align-items:baseline;gap:.5rem}.quantity-sign{font-size:1.5rem;font-weight:700}.quantity-sign.positive{color:#10b981}.quantity-sign.negative{color:#f87171}.quantity-sign.neutral{color:#60a5fa}.quantity-unit{color:#ffffff80;font-size:.9rem;font-weight:500}.movement-details{display:flex;flex-direction:column;gap:.5rem}.movement-description{color:#fffc;font-size:.95rem;margin:0}.location-name{color:#fff;font-weight:600}.movement-notes{color:#fff9;font-size:.85rem;font-style:italic;margin:0}.movement-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#ffffff80;margin-top:.5rem}.movement-time{display:flex;align-items:center;gap:.35rem}.meta-separator{color:#ffffff4d}.movement-user{color:#667eeacc}.movements-summary{padding:1.5rem 2rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.summary-stat{display:flex;align-items:center;justify-content:space-between}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.stat-value{color:#fff;font-size:1.25rem;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.empty-icon{width:64px;height:64px;color:#ffffff4d}.empty-state p{color:#fff9;font-size:1rem;margin:0}@media(max-width:768px){.movements-filters,.movements-content{padding:1rem}.movements-timeline{padding-left:1.5rem}.movements-timeline:before{left:15px}.movement-indicator{left:-1.5rem;width:32px;height:32px}.movement-icon{width:16px;height:16px}.movement-content{padding:.85rem}.movement-header{flex-direction:column;align-items:flex-start;gap:.75rem}.quantity-sign{font-size:1.25rem}}[data-theme=light] .movements-filters{background:#667eea0d;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .filter-icon{color:#64748b}[data-theme=light] .filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}[data-theme=light] .movements-content::-webkit-scrollbar-track{background:#f8fafc}[data-theme=light] .movements-content::-webkit-scrollbar-thumb{background:#667eea66}[data-theme=light] .movements-timeline:before{background:linear-gradient(180deg,#667eea66,#667eea33,#667eea1a)}[data-theme=light] .movement-indicator{background:#fff;border-color:#667eea80}[data-theme=light] .movement-content{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .movement-item.entry .movement-content{border-left:3px solid rgba(16,185,129,.5)}[data-theme=light] .movement-item.exit .movement-content{border-left:3px solid rgba(239,68,68,.5)}[data-theme=light] .movement-item.transfer .movement-content{border-left:3px solid rgba(59,130,246,.5)}[data-theme=light] .movement-item.adjustment .movement-content{border-left:3px solid rgba(245,158,11,.5)}[data-theme=light] .movement-content:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 2px 8px #00000014}[data-theme=light] .movement-type-badge{background:#667eea1a;border-color:#667eea40;color:#667eea}[data-theme=light] .movement-item.entry .movement-type-badge{background:#10b9811a;border-color:#10b98140;color:#059669}[data-theme=light] .movement-item.exit .movement-type-badge{background:#ef44441a;border-color:#ef444440;color:#dc2626}[data-theme=light] .movement-item.transfer .movement-type-badge{background:#3b82f61a;border-color:#3b82f640;color:#2563eb}[data-theme=light] .movement-item.adjustment .movement-type-badge{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}[data-theme=light] .movement-description{color:#334155}[data-theme=light] .location-name{color:#0f172a}[data-theme=light] .movement-meta{color:#94a3b8}[data-theme=light] .meta-separator{color:#cbd5e1}[data-theme=light] .movement-user{color:#667eea}[data-theme=light] .movements-summary{background:#667eea0d;border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .empty-state p,[data-theme=light] .loading-state{color:#64748b}.product-list-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;position:relative;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .product-list-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}.product-list-container.sidebar-collapsed{margin-left:80px}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px;cursor:pointer;transition:all .3s ease}.logo-text:hover{transform:translateY(-2px);filter:brightness(1.2)}.logout-button{padding:.75rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.95rem}.logout-button:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 0 20px #ef44444d;transform:translateY(-2px)}.page-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center}.page-subtitle{color:#fff9;font-size:.95rem}.product-content{position:relative;z-index:1}.add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d;position:relative;overflow:hidden;font-size:.95rem;white-space:nowrap}.add-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#10b981,#059669,#34d399,#10b981);border-radius:12px;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease;background-size:300% 300%;animation:gradientShift 3s ease infinite}.add-button:hover:before{opacity:1}.migration-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f59e0b4d;position:relative;overflow:hidden;font-size:.95rem;white-space:nowrap;animation:pulse 2s ease-in-out infinite}.migration-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f59e0b80;animation:none}@keyframes pulse{0%,to{box-shadow:0 4px 20px #f59e0b4d}50%{box-shadow:0 4px 30px #f59e0b99}}.btn-add-product{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d}.toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.view-toggle{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.25rem}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:transparent;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .3s ease}.view-toggle-btn:hover{color:#ffffffe6;background:#ffffff0d}.view-toggle-btn.active{background:#667eea33;color:#667eea;box-shadow:0 0 10px #667eea4d}.sort-select{padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px}.sort-select:hover{background:#ffffff14;border-color:#667eea4d}.sort-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.sort-select option{background:#1a1a3e;color:#fff;padding:.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filters-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#ffffff80;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea80;box-shadow:0 0 20px #667eea33}.filter-select{padding:.75rem 1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease;min-width:180px;font-weight:500}.filter-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 20px #667eea33}.filter-select:hover{border-color:#667eea4d;background:#ffffff14}.filter-select option{background:#1a1a3e;color:#fff;padding:.5rem}.family-filter{padding:.75rem 1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.products-list{display:flex;flex-direction:column;gap:1rem}.product-list-item{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;cursor:pointer}.product-list-item:hover{background:#ffffff0d;border-color:#667eea80;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.list-item-main{flex:1;display:flex;align-items:center;gap:2rem;min-width:0}.list-item-info{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.list-item-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0;line-height:1.3}.list-item-reference{color:#ffffff80;font-size:.875rem;font-family:monospace}.list-item-details{display:flex;gap:2rem;flex-wrap:wrap;flex:1}.list-detail{display:flex;flex-direction:column;gap:.25rem}.list-detail-label{color:#ffffff80;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.list-detail-value{color:#fff;font-size:1rem;font-weight:600}.list-detail-value.family{color:#a78bfa}.list-detail-value.price{color:#10b981}.list-detail-value.supplier-names{color:#fbbf24;font-size:.9rem;font-weight:500}.list-item-status{display:flex;align-items:center;flex-shrink:0}.list-item-status .stock-badge{position:static}.list-item-actions{display:flex;gap:.5rem;flex-shrink:0}.list-item-actions .action-button{flex:initial;min-width:auto}.product-card{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0000004d,0 0 0 1px #667eea80;border-color:#667eea80}.product-card:hover:before{opacity:1}.product-card:hover .product-card-glow{opacity:1}.product-card-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:20px;z-index:-1;filter:blur(20px);opacity:0;transition:opacity .3s ease;background-size:400% 400%;animation:gradientRotate 4s ease infinite}.stock-badge{position:absolute;top:1rem;right:1rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stock-badge.out{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 20px #ef44444d}.stock-badge.low{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.4);box-shadow:0 0 20px #fb923c4d}.stock-badge.in{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 20px #22c55e4d}.product-card-header{position:relative;z-index:1;margin-bottom:1.25rem;padding-right:110px;min-height:40px;display:flex;align-items:flex-start}.product-card-header h3,.product-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0;line-height:1.3}.product-details{position:relative;z-index:1;display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;background:#ffffff05;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;gap:1rem}.detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.6rem}.detail-label{color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500;flex-shrink:0}.detail-value{color:#fff;font-size:.95rem;font-weight:600;text-align:right}.detail-value.family{color:#a78bfa}.detail-value.reference{font-family:monospace;color:#ffffffb3}.detail-value.price{color:#10b981}.detail-value.supplier-names{color:#fbbf24;font-size:.85rem;font-weight:500}.product-info{position:relative;z-index:1;margin-bottom:1rem}.product-name{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.product-reference{color:#ffffff80;font-size:.85rem;margin-bottom:.5rem;font-family:monospace}.product-family{color:#a78bfa;font-size:.9rem;margin-bottom:1rem}.product-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#fff;font-size:1.1rem;font-weight:600}.product-actions{display:flex;gap:.5rem;position:relative;z-index:1;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;flex:1;justify-content:center;min-width:fit-content}.action-button svg{width:18px;height:18px}.action-button.edit:hover{background:#60a5fa26;border-color:#60a5fa80;box-shadow:0 0 20px #60a5fa4d;transform:translateY(-2px)}.action-button.locations{color:#a78bfa;border-color:#a78bfa33}.action-button.locations:hover{background:#a78bfa26;border-color:#a78bfa80;box-shadow:0 0 20px #a78bfa4d;transform:translateY(-2px)}.action-button.history{color:#fbbf24;border-color:#fbbf2433}.action-button.history:hover{background:#fbbf2426;border-color:#fbbf2480;box-shadow:0 0 20px #fbbf244d;transform:translateY(-2px)}.action-button.delete:hover{background:#f8717126;border-color:#f8717180;box-shadow:0 0 20px #f871714d;transform:translateY(-2px)}.btn-icon{padding:.6rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-edit{color:#60a5fa}.btn-edit:hover{background:#60a5fa33;border-color:#60a5fa80;box-shadow:0 0 20px #60a5fa4d}.btn-delete{color:#f87171}.btn-delete:hover{background:#f8717133;border-color:#f8717180;box-shadow:0 0 20px #f871714d}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3;gap:1rem}.empty-state{text-align:center;padding:4rem 2rem;color:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.empty-state svg{width:80px;height:80px;margin-bottom:1.5rem;opacity:.3}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#ffffff80;margin-bottom:2rem}.no-products{text-align:center;padding:4rem 2rem;color:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#1a1a3ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:500px;width:100%;color:#fff;box-shadow:0 20px 60px #00000080}.modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.modal-text{color:#fffc;margin:0 0 .5rem;font-size:1rem}.modal-warning{color:#fca5a5;font-size:.9rem;margin:0 0 1.5rem}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.modal-button.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.modal-button.cancel:hover{background:#ffffff1a;border-color:#fff3}.modal-button.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef44444d}.modal-button.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ef444480}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 20px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ef444480}.loading-spinner{width:50px;height:50px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:1024px){.product-list-container{padding:1.5rem;margin-left:80px}.product-list-container.sidebar-collapsed{margin-left:80px}.product-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.family-filter{min-width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.product-list-item{flex-direction:column;align-items:flex-start}.list-item-main{flex-direction:column;align-items:flex-start;width:100%;gap:1rem}.list-item-info{min-width:100%}.list-item-details{width:100%;gap:1rem}.list-item-status{width:100%}.list-item-actions{width:100%;flex-wrap:wrap}.list-item-actions .action-button{flex:1}}@media(max-width:768px){.product-list-container{padding:1rem;margin-left:0}.product-list-container.sidebar-collapsed{margin-left:0}.page-title{font-size:1.5rem}.logo{width:40px;height:40px;font-size:1.25rem}.btn-logout,.btn-add-product{padding:.6rem 1rem;font-size:.9rem}.products-grid{grid-template-columns:1fr;gap:1rem}.product-card{padding:1.25rem}.product-card-header{padding-right:90px}.product-card-header h3{font-size:1.1rem}.stock-badge{padding:.35rem .7rem;font-size:.7rem}.detail-label,.detail-value{font-size:.85rem}.action-button{padding:.6rem 1rem;font-size:.85rem}.action-button svg{width:16px;height:16px}.product-list-item{padding:1.25rem}.list-item-name{font-size:1.1rem}.list-item-reference{font-size:.8rem}.list-detail-label,.list-detail-value{font-size:.875rem}.modal-overlay{padding:1rem}.modal-content{padding:1.5rem}}@media(max-width:480px){.product-list-container{padding:.75rem}.page-title{font-size:1.25rem}.header-content{flex-direction:column;align-items:flex-start;gap:.5rem}.product-card{padding:1rem}.product-actions{flex-direction:column;gap:.5rem}.action-button{width:100%}.stock-badge{top:.75rem;right:.75rem}.product-list-item{padding:1rem}.list-item-name{font-size:1rem}.list-item-details{gap:.75rem}.list-detail{min-width:calc(50% - .375rem)}.list-item-actions{flex-direction:column}.list-item-actions .action-button{width:100%}}[data-theme=light] .product-header{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .add-button{box-shadow:0 4px 20px #10b98140}[data-theme=light] .add-button:hover{box-shadow:0 6px 30px #10b98166}[data-theme=light] .migration-button{box-shadow:0 4px 20px #f59e0b40}[data-theme=light] .migration-button:hover{box-shadow:0 6px 30px #f59e0b66}[data-theme=light] .filter-toggle{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .filter-toggle:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea59;color:#5b21b6}[data-theme=light] .filter-toggle.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;color:#7c3aed}[data-theme=light] .advanced-filters{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .filter-group label{color:#475569;font-weight:600}[data-theme=light] .filter-select,[data-theme=light] .filter-input{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#0f172a}[data-theme=light] .filter-select:focus,[data-theme=light] .filter-input:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea26;background:#fff}[data-theme=light] .clear-filters-button{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#ef4444}[data-theme=light] .clear-filters-button:hover:not(:disabled){background:#ef444426;border-color:#ef444466}[data-theme=light] .search-input:focus{border-color:#667eea80;box-shadow:0 0 20px #667eea26}[data-theme=light] .product-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .product-card:before{background:linear-gradient(135deg,#667eea14,#764ba214)}[data-theme=light] .product-card:hover{box-shadow:0 12px 24px #0000001f,0 0 0 1px #667eea59;border-color:#667eea59}[data-theme=light] .product-card-header h3,[data-theme=light] .product-name{color:#0f172a}[data-theme=light] .product-details{background:#f8fafc;border:1px solid rgba(102,126,234,.1)}[data-theme=light] .detail-row:not(:last-child){border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .detail-label{color:#64748b;font-weight:600}[data-theme=light] .detail-value.family{color:#7c3aed;font-weight:700}[data-theme=light] .detail-value.reference{color:#64748b}[data-theme=light] .detail-value.price{color:#059669}[data-theme=light] .stock-badge.out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(239,68,68,.5);box-shadow:0 0 15px #ef444440;font-weight:700}[data-theme=light] .stock-badge.low{background:#fb923c4d;color:#c2410c;border:1px solid rgba(251,146,60,.5);box-shadow:0 0 15px #fb923c40;font-weight:700}[data-theme=light] .stock-badge.in{background:#22c55e4d;color:#15803d;border:1px solid rgba(34,197,94,.5);box-shadow:0 0 15px #22c55e40;font-weight:700}[data-theme=light] .action-button{border:1px solid rgba(102,126,234,.2);background:#f8fafc}[data-theme=light] .action-button.edit{color:#3b82f6;border-color:#3b82f640}[data-theme=light] .action-button.edit:hover{background:#3b82f61f;border-color:#3b82f666;box-shadow:0 0 15px #3b82f633}[data-theme=light] .action-button.locations{color:#7c3aed;border-color:#7c3aed40}[data-theme=light] .action-button.locations:hover{background:#7c3aed1f;border-color:#7c3aed66;box-shadow:0 0 15px #7c3aed33}[data-theme=light] .action-button.history{color:#f59e0b;border-color:#f59e0b40}[data-theme=light] .action-button.history:hover{background:#f59e0b1f;border-color:#f59e0b66;box-shadow:0 0 15px #f59e0b33}[data-theme=light] .action-button.delete{color:#ef4444;border-color:#ef444440}[data-theme=light] .action-button.delete:hover{background:#ef44441f;border-color:#ef444466;box-shadow:0 0 15px #ef444433}[data-theme=light] .empty-state svg{opacity:.2}[data-theme=light] .empty-state h3{color:#0f172a}[data-theme=light] .modal-warning{color:#dc2626}[data-theme=light] .modal-button.cancel{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .modal-button.cancel:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea59}[data-theme=light] .loading-spinner{border:3px solid rgba(102,126,234,.15);border-top-color:#667eea}[data-theme=light] .view-toggle{background:#fff;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .view-toggle-btn{color:#64748b}[data-theme=light] .view-toggle-btn:hover{color:#667eea;background:#667eea0d}[data-theme=light] .view-toggle-btn.active{background:#667eea26;color:#667eea;box-shadow:0 0 10px #667eea33}[data-theme=light] .sort-select{background:#fff;border:1px solid rgba(102,126,234,.2);color:#0f172a}[data-theme=light] .sort-select:hover{background:#f8fafc;border-color:#667eea59}[data-theme=light] .sort-select:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .sort-select option{background:#fff;color:#0f172a}[data-theme=light] .product-list-item{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .product-list-item:hover{background:#f8fafc;border-color:#667eea59;box-shadow:0 8px 24px #0000001f}[data-theme=light] .list-item-name{color:#0f172a}[data-theme=light] .list-item-reference{color:#64748b}[data-theme=light] .list-detail-label{color:#64748b;font-weight:600}[data-theme=light] .list-detail-value{color:#1e293b}[data-theme=light] .list-detail-value.family{color:#7c3aed;font-weight:700}[data-theme=light] .list-detail-value.price{color:#059669}.product-detail-page{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;transition:margin-left .3s ease}.page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.header-content h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.product-meta{display:flex;align-items:center;gap:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.9rem}.stock-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase}.stock-badge.in{background:linear-gradient(135deg,#10b981,#059669)}.stock-badge.low{background:linear-gradient(135deg,#f59e0b,#d97706)}.stock-badge.out{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.analytics-card:hover{transform:translateY(-4px);border-color:#667eea80;box-shadow:0 12px 36px #667eea4d}.card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.card-icon svg{width:32px;height:32px}.card-icon.stock{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.value{background:linear-gradient(135deg,#10b981,#059669)}.card-icon.locations{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon.family{background:linear-gradient(135deg,#3b82f6,#2563eb)}.card-content{flex:1}.card-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.card-value{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.25rem}.card-hint{font-size:.85rem;color:#ffffff80}.detail-section{margin-bottom:2rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:16px}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:#fff}.title-icon{width:28px;height:28px;color:#667eea}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.85rem;color:#fff9;font-weight:600}.detail-value{font-size:1.1rem;color:#fff;font-weight:600}.detail-suppliers{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.detail-suppliers h3{font-size:1rem;color:#fff9;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.suppliers-list{display:flex;flex-direction:column;gap:.75rem}.supplier-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.supplier-item:hover{background:#ffffff14;border-color:#667eea4d;transform:translate(4px)}.supplier-info{display:flex;flex-direction:column;gap:.25rem}.supplier-name{font-size:1rem;font-weight:600;color:#fff}.supplier-ref{font-size:.85rem;color:#fff9}.supplier-price{display:flex;align-items:center;gap:.75rem}.price-value{font-size:1.25rem;font-weight:700;color:#10b981}.preferred-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.detail-description{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.detail-description h3{font-size:1rem;color:#fff9;margin:0 0 .75rem}.detail-description p{font-size:1rem;color:#fffc;line-height:1.6}.locations-list{display:flex;flex-direction:column;gap:1rem}.location-item{padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.location-item:hover{background:#ffffff14;border-color:#667eea80}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.location-info{display:flex;align-items:center;gap:1rem}.location-icon{width:40px;height:40px;padding:.75rem;background:#667eea33;border-radius:10px;color:#667eea}.location-info h4{font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.location-type{font-size:.85rem;color:#ffffff80;text-transform:capitalize}.location-stats{display:flex;gap:2rem}.stat{text-align:right}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#fff}.stat-label{display:block;font-size:.85rem;color:#ffffff80}.stat.value .stat-value{color:#10b981}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.movements-list{display:flex;flex-direction:column;gap:.75rem}.movement-item{display:flex;gap:1rem;padding:1rem;background:#ffffff0d;border-left:4px solid;border-radius:8px;transition:all .3s ease}.movement-item:hover{background:#ffffff14}.movement-item.entry{border-color:#10b981}.movement-item.exit{border-color:#ef4444}.movement-item.transfer{border-color:#3b82f6}.movement-item.adjustment{border-color:#f59e0b}.movement-type{font-size:1.5rem;flex-shrink:0}.movement-content{flex:1}.movement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.movement-location{font-weight:600;color:#fff}.movement-date{font-size:.85rem;color:#ffffff80}.movement-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.movement-quantity{font-weight:700;font-size:1.1rem}.movement-quantity.entry{color:#10b981}.movement-quantity.exit{color:#ef4444}.movement-notes{font-size:.9rem;color:#ffffffb3}.movement-user{font-size:.85rem;color:#ffffff80}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.empty-icon{width:80px;height:80px;color:#fff3;margin-bottom:1rem}.empty-state p,.error-state p{color:#fff9;font-size:1.1rem}@media(max-width:768px){.product-detail-page{padding:1rem}.analytics-grid,.detail-grid{grid-template-columns:1fr}.location-header{flex-direction:column;align-items:flex-start;gap:1rem}.location-stats{width:100%;justify-content:space-between}}[data-theme=light] .product-detail-page{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}[data-theme=light] .page-header{border-bottom:2px solid rgba(102,126,234,.2)}[data-theme=light] .btn-back{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .btn-back:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea59}[data-theme=light] .header-content h1{color:#0f172a}[data-theme=light] .meta-item{background:#667eea14;color:#334155}[data-theme=light] .stock-badge.in{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=light] .stock-badge.low{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=light] .stock-badge.out{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .btn-refresh:hover{box-shadow:0 8px 24px #667eea66}[data-theme=light] .analytics-card:hover{border-color:#667eea59;box-shadow:0 12px 24px #0000001f}[data-theme=light] .card-icon.stock{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .card-icon.value{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=light] .card-icon.locations{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=light] .card-icon.family{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=light] .card-label{color:#64748b}[data-theme=light] .card-value{color:#0f172a}[data-theme=light] .card-hint{color:#94a3b8}[data-theme=light] .detail-section{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .detail-description{border-top:1px solid rgba(102,126,234,.1)}[data-theme=light] .detail-description h3{color:#64748b}[data-theme=light] .detail-description p{color:#334155}[data-theme=light] .location-item{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .location-item:hover{background:#fff;border-color:#667eea4d;box-shadow:0 2px 8px #00000014}[data-theme=light] .location-icon{background:#667eea26;color:#667eea}[data-theme=light] .location-type{color:#64748b}[data-theme=light] .stat.value .stat-value{color:#10b981}[data-theme=light] .progress-bar{background:#667eea1a}[data-theme=light] .movement-item{background:#f8fafc;border-left-width:4px}[data-theme=light] .movement-item:hover{background:#fff;box-shadow:0 2px 8px #00000014}[data-theme=light] .movement-item.entry{border-color:#10b981}[data-theme=light] .movement-item.exit{border-color:#ef4444}[data-theme=light] .movement-item.transfer{border-color:#3b82f6}[data-theme=light] .movement-item.adjustment{border-color:#f59e0b}[data-theme=light] .movement-location{color:#0f172a}[data-theme=light] .movement-date{color:#94a3b8}[data-theme=light] .movement-quantity.entry{color:#10b981}[data-theme=light] .movement-quantity.exit{color:#ef4444}[data-theme=light] .movement-notes{color:#64748b}[data-theme=light] .movement-user{color:#94a3b8}[data-theme=light] .spinner{border:4px solid rgba(102,126,234,.1);border-top-color:#667eea}[data-theme=light] .empty-state p,[data-theme=light] .error-state p{color:#64748b}.reports-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;position:relative;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.reports-container.sidebar-collapsed{margin-left:80px}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.report-tabs{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.report-tabs::-webkit-scrollbar{height:4px}.report-tabs::-webkit-scrollbar-track{background:#ffffff0d}.report-tabs::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.report-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.report-tab:hover{background:#ffffff14;border-color:#667eea4d;color:#fff}.report-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea66}.report-content{position:relative;z-index:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.metric-card:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.metric-card.warning{border-left:3px solid rgba(251,191,36,.5)}.metric-card.danger{border-left:3px solid rgba(239,68,68,.5)}.metric-card.large{grid-column:span 2}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{width:32px;height:32px;color:#fff}.metric-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon.value{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon.alert{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.metric-icon.out{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.metric-label{color:#fff9;font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;overflow:visible;white-space:normal;word-wrap:break-word}.metric-value.large{font-size:2.5rem}.report-section{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.section-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.family-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .3s ease}.family-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.family-name{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.family-stats{display:flex;flex-direction:column;gap:.75rem}.family-stat{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#fff9;font-size:1rem;font-weight:500}.stat-value{color:#fff;font-weight:700;font-size:1.1rem}.report-table{width:100%;border-collapse:collapse}.report-table thead{background:#ffffff0d}.report-table th{padding:1rem;text-align:left;color:#fffc;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.report-table td{padding:1rem;color:#fffc;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.05)}.report-table tbody tr{transition:all .2s ease}.report-table tbody tr:hover{background:#ffffff0d}.report-table tbody tr:last-child td{border-bottom:none}.product-name-cell{color:#fff;font-weight:600}.reference-cell{font-family:monospace;color:#fff9}.value-cell{color:#10b981;font-weight:600}.warning-row{background:#fbbf240d;border-left:3px solid rgba(251,191,36,.5)}.danger-text{color:#f87171;font-weight:600}.success-text{color:#10b981;font-weight:600}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ok{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.low{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.out{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.empty-report{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.empty-icon{width:64px;height:64px;color:#10b98180}.empty-report p{color:#fff9;font-size:1rem;margin:0}.valuation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.valuation-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.valuation-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-3px)}.valuation-family{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.valuation-amount{color:#10b981;font-size:2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;overflow:visible;white-space:normal;word-wrap:break-word}.valuation-detail{color:#fff9;font-size:1rem;margin-bottom:1rem}.valuation-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.valuation-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff9;font-size:1rem}@media(min-width:1600px){.metric-label{font-size:1.25rem!important}.metric-value{font-size:2.5rem!important}.metric-value.large{font-size:3rem!important}.section-title{font-size:2rem!important}.family-name{font-size:1.5rem!important}.stat-label{font-size:1.15rem!important}.stat-value{font-size:1.35rem!important}.report-table th{font-size:1.15rem!important;padding:1.25rem!important}.report-table td{font-size:1.2rem!important;padding:1.25rem!important}.valuation-family{font-size:1.5rem!important}.valuation-amount{font-size:2.5rem!important}.valuation-detail{font-size:1.15rem!important}.metric-card{padding:2rem!important}.metric-icon{width:64px!important;height:64px!important}.metric-icon svg{width:36px!important;height:36px!important}}@media(max-width:1400px){.metric-label{font-size:.9rem}.metric-value{font-size:1.75rem!important}.metric-value.large{font-size:2.25rem!important}.valuation-amount{font-size:1.75rem!important}}@media(max-width:1200px){.metric-label{font-size:.85rem}.metric-value{font-size:1.5rem!important}.metric-value.large{font-size:2rem!important}.section-title{font-size:1.4rem}.valuation-amount{font-size:1.5rem!important}.report-table th{font-size:.9rem}.report-table td{font-size:.95rem}}@media(max-width:1024px){.reports-container,.reports-container.sidebar-collapsed{margin-left:80px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card.large{grid-column:span 1}.metric-label{font-size:.8rem}.metric-value{font-size:1.35rem!important}.metric-value.large{font-size:1.75rem!important}.valuation-amount{font-size:1.35rem!important}}@media(max-width:768px){.reports-container{padding:1rem;margin-left:0}.reports-container.sidebar-collapsed{margin-left:0}.reports-header{padding:1rem}.report-tabs{gap:.5rem}.report-tab{padding:.6rem 1rem;font-size:.85rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.25rem}.metric-icon{width:48px;height:48px}.metric-icon svg{width:24px;height:24px}.metric-label{font-size:.75rem}.metric-value{font-size:1.25rem!important}.metric-value.large{font-size:1.75rem!important}.section-title{font-size:1.25rem}.report-section{padding:1.5rem}.family-grid,.valuation-grid{grid-template-columns:1fr}.family-name{font-size:1.1rem}.stat-label{font-size:.85rem}.stat-value{font-size:1rem}.valuation-family{font-size:1.1rem}.valuation-amount{font-size:1.25rem!important}.valuation-detail{font-size:.9rem}.table-container{font-size:.85rem}.report-table th{font-size:.8rem!important;padding:.75rem .5rem!important}.report-table td{font-size:.85rem!important;padding:.75rem .5rem!important}}@media(max-width:480px){.metric-label{font-size:.7rem}.metric-value{font-size:1.1rem!important}.metric-value.large{font-size:1.5rem!important}.section-title{font-size:1.1rem}.family-name{font-size:1rem}.stat-label{font-size:.8rem}.stat-value{font-size:.95rem}.valuation-family{font-size:1rem}.valuation-amount{font-size:1.1rem!important}.valuation-detail{font-size:.85rem}.report-table th{font-size:.75rem!important}.report-table td{font-size:.8rem!important}}[data-theme=light] .reports-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f0f4f8)}[data-theme=light] .reports-header{border-bottom:1px solid rgba(102,126,234,.2)}[data-theme=light] .report-tabs::-webkit-scrollbar-track{background:#667eea14}[data-theme=light] .report-tabs::-webkit-scrollbar-thumb{background:#667eea66}[data-theme=light] .report-tab{background:#fff;border:1px solid rgba(102,126,234,.2);color:#64748b}[data-theme=light] .report-tab:hover{background:#f8fafc;border-color:#667eea59;color:#0f172a}[data-theme=light] .report-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea59}[data-theme=light] .metric-card{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}[data-theme=light] .metric-card:hover{background:#fff;border-color:#667eea59;box-shadow:0 8px 25px #0000001f}[data-theme=light] .metric-card.warning{border-left:3px solid rgba(251,191,36,.8)}[data-theme=light] .metric-card.danger{border-left:3px solid rgba(239,68,68,.8)}[data-theme=light] .metric-icon{box-shadow:0 2px 8px #0000001a}[data-theme=light] .metric-icon svg{color:#fff}[data-theme=light] .metric-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .metric-icon.value{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=light] .metric-icon.alert{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=light] .metric-icon.out{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .metric-label{color:#64748b}[data-theme=light] .report-section{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}[data-theme=light] .section-title{color:#0f172a;border-bottom:1px solid rgba(102,126,234,.2)}[data-theme=light] .family-card{background:#f8fafc;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .family-card:hover{background:#fff;border-color:#667eea59;box-shadow:0 4px 12px #00000014}[data-theme=light] .family-name{color:#0f172a}[data-theme=light] .stat-value{color:#1e293b;font-weight:700}[data-theme=light] .table-container{border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}[data-theme=light] .report-table thead{background:#f8fafc;border-bottom:2px solid rgba(102,126,234,.2)}[data-theme=light] .report-table th{color:#475569;border-bottom:1px solid rgba(102,126,234,.2)}[data-theme=light] .report-table td{color:#334155;border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .report-table tbody tr:hover{background:#f8fafc}[data-theme=light] .product-name-cell{color:#0f172a;font-weight:700}[data-theme=light] .reference-cell{color:#64748b}[data-theme=light] .value-cell{color:#059669;font-weight:700}[data-theme=light] .warning-row{background:#fbbf2414;border-left:3px solid rgba(251,191,36,.8)}[data-theme=light] .danger-text{color:#ef4444;font-weight:700}[data-theme=light] .success-text{color:#059669;font-weight:700}[data-theme=light] .status-badge.ok{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}[data-theme=light] .status-badge.low{background:#fbbf2426;color:#d97706;border:1px solid rgba(251,191,36,.35)}[data-theme=light] .status-badge.out{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.35)}[data-theme=light] .empty-report{background:#f8fafc;border-radius:12px}[data-theme=light] .empty-icon{color:#667eea66}[data-theme=light] .empty-report p{color:#64748b}[data-theme=light] .valuation-card{background:#f8fafc;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .valuation-card:hover{background:#fff;border-color:#667eea59;box-shadow:0 8px 20px #0000001a}[data-theme=light] .valuation-family{color:#0f172a}[data-theme=light] .valuation-amount{color:#059669}[data-theme=light] .valuation-detail{color:#64748b}[data-theme=light] .valuation-bar{background:#667eea26}[data-theme=light] .valuation-fill{background:linear-gradient(90deg,#10b981,#059669)}[data-theme=light] .loading-state{color:#64748b}[data-theme=light] .chart-container{background:#fff;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .chart-title{color:#0f172a}[data-theme=light] .chart-legend{color:#475569}[data-theme=light] .report-title{color:#0f172a}[data-theme=light] .report-subtitle{color:#64748b}[data-theme=light] .report-description{color:#475569}[data-theme=light] .report-hint{color:#94a3b8}[data-theme=light] .divider{border-color:#667eea33}[data-theme=light] .separator{background:#667eea33}[data-theme=light] .summary-card{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}[data-theme=light] .summary-card:hover{border-color:#667eea59;box-shadow:0 4px 12px #0000001f}[data-theme=light] .summary-title{color:#0f172a}[data-theme=light] .summary-value{color:#1e293b}[data-theme=light] .export-button{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .export-button:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea59;box-shadow:0 4px 12px #667eea33}[data-theme=light] .print-button{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#475569}[data-theme=light] .print-button:hover{background:#fff;border-color:#667eea59}[data-theme=light] .report-filter{background:#fff;border:1px solid rgba(102,126,234,.2);color:#1e293b}[data-theme=light] .report-filter:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .date-range-picker{background:#fff;border:1px solid rgba(102,126,234,.2);color:#1e293b}[data-theme=light] .date-range-picker:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .report-tooltip{background:#0f172a;color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #00000026}[data-theme=light] .pagination-button{background:#fff;border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .pagination-button:hover:not(:disabled){background:#f8fafc;border-color:#667eea59}[data-theme=light] .pagination-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}[data-theme=light] .pagination-button:disabled{background:#f0f4f8;border-color:#667eea1a;color:#94a3b8;cursor:not-allowed}[data-theme=light] .grid-header{background:#f8fafc;color:#475569;border-bottom:2px solid rgba(102,126,234,.2)}[data-theme=light] .grid-cell{color:#334155;border-color:#667eea1a}[data-theme=light] .grid-row:hover{background:#f8fafc}[data-theme=light] .grid-row.selected{background:#667eea14;border-color:#667eea4d}[data-theme=light] .progress-bar{background:#667eea26}[data-theme=light] .progress-label{color:#475569}[data-theme=light] .info-box{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#1e40af}[data-theme=light] .warning-box{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#92400e}[data-theme=light] .error-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#991b1b}[data-theme=light] .success-box{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #00000014}[data-theme=light] .stat-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#667eea59}[data-theme=light] .stat-number{color:#0f172a}[data-theme=light] .stat-description{color:#64748b}[data-theme=light] .tag{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=light] .badge-secondary{background:#f8fafc;color:#475569;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .dropdown-menu{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 20px #0000001f}[data-theme=light] .dropdown-item{color:#334155}[data-theme=light] .dropdown-item:hover{background:#f8fafc;color:#0f172a}[data-theme=light] .dropdown-divider{background:#667eea26}[data-theme=light] .accordion-header{background:#f8fafc;color:#0f172a;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .accordion-header:hover{background:#fff;border-color:#667eea59}[data-theme=light] .accordion-content{background:#fff;border:1px solid rgba(102,126,234,.2);border-top:none}[data-theme=light] .report-section::-webkit-scrollbar-track{background:#667eea14}[data-theme=light] .report-section::-webkit-scrollbar-thumb{background:#667eea4d}[data-theme=light] .report-section::-webkit-scrollbar-thumb:hover{background:#667eea80}.clients-container{min-height:100vh;background:linear-gradient(135deg,#1a1a3e,#0f0f23);color:#fff;padding:2rem;margin-left:280px;transition:margin-left .3s ease}.clients-container.sidebar-collapsed{margin-left:80px}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.page-title{font-size:2rem;margin:0;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.clients-content{position:relative;z-index:1}.search-input:focus{background:#ffffff14;border-color:#10b98166;outline:none;box-shadow:0 0 20px #10b98133}.filter-select{padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:180px}.filter-select:focus{background:#ffffff14;border-color:#10b98166;outline:none;box-shadow:0 0 20px #10b98133}.add-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #10b9814d;white-space:nowrap}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #10b98180}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.client-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease}.client-card:hover{background:#ffffff0d;border-color:#10b9814d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.client-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.client-avatar{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-title{flex:1;min-width:0}.client-name{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-company{font-size:.9rem;color:#fff9;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.active{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#10b981}.client-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-icon{width:18px;height:18px;color:#10b981b3;flex-shrink:0}.detail-value{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{flex:1;min-width:fit-content;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-button.toggle.activate{color:#10b981;border-color:#10b98133}.action-button.toggle.activate:hover{background:#10b98126;border-color:#10b98180;box-shadow:0 0 20px #10b9814d}@media(max-width:1200px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.clients-container{margin-left:80px;padding:1rem}.clients-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.toolbar{flex-direction:column}.search-box,.filter-select{width:100%;min-width:auto}.clients-grid{grid-template-columns:1fr;gap:1rem}.client-card{padding:1.25rem}.client-card-header{flex-wrap:wrap}.client-actions{width:100%}.action-button{flex:1 1 calc(50% - .25rem);font-size:.8rem;padding:.5rem .75rem}}@media(max-width:480px){.clients-container{margin-left:0;padding:.75rem}.logo-text{font-size:1.25rem}.client-avatar{width:48px;height:48px}.avatar-icon{width:28px;height:28px}.client-name{font-size:1.1rem}.action-button{font-size:.75rem}}[data-theme=light] .clients-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0);color:#0f172a}[data-theme=light] .clients-header{border-bottom-color:#667eea33}[data-theme=light] .page-title{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .search-input:focus{background:#fff;border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}[data-theme=light] .filter-select:focus{background:#fff;border-color:#10b98180;box-shadow:0 0 0 3px #10b9811a}[data-theme=light] .client-card{background:#fff;border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .client-card:hover{background:#fff;border-color:#10b98166;box-shadow:0 8px 24px #0000001f}[data-theme=light] .client-card-header{border-bottom-color:#667eea26}[data-theme=light] .client-avatar{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=light] .client-company{color:#64748b}[data-theme=light] .detail-icon{color:#10b981}[data-theme=light] .action-button.toggle.activate{color:#10b981;border-color:#10b9814d}[data-theme=light] .action-button.toggle.activate:hover{background:#10b9811a;border-color:#10b98180;box-shadow:0 4px 12px #10b98133}.emails-tab{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-primary)}.gmail-not-connected-banner{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:.5rem}.gmail-not-connected-banner .banner-icon{width:2rem;height:2rem;color:#ff9800;flex-shrink:0}.gmail-not-connected-banner .banner-content{flex:1}.gmail-not-connected-banner .banner-title{margin:0 0 .25rem;font-weight:600;color:#856404}.gmail-not-connected-banner .banner-text{margin:0;font-size:.875rem;color:#856404}.gmail-not-connected-banner .banner-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.gmail-not-connected-banner .banner-button:hover{background:var(--primary-dark)}.emails-tab-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.emails-tab-header .header-left{display:flex;align-items:center;gap:.75rem}.emails-tab-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.email-count{background:var(--primary-color);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.875rem;font-weight:500}.sync-button,.compose-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sync-button:hover:not(:disabled),.compose-button:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-button .icon,.compose-button .icon{width:1rem;height:1rem}.sync-button .icon.spinning{animation:spin 1s linear infinite}.compose-button{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.compose-button:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.compose-email{background:#fff;border:2px solid var(--primary-color);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.compose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.compose-header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.close-button{background:#f3f4f6;border:1px solid var(--border-color);font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;font-weight:700}.close-button:hover{background:#e5e7eb;color:#ef4444;border-color:#ef4444}.compose-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9375rem;font-weight:600;color:#1f2937;letter-spacing:.01em}.form-field input,.form-field textarea{padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:6px;font-size:.9375rem;font-family:inherit;transition:all .2s;background:#fff;color:#1f2937}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{resize:vertical;min-height:180px;line-height:1.6}.compose-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button,.send-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em}.cancel-button{background:#fff;border:2px solid #d1d5db;color:#374151}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937}.send-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;box-shadow:0 4px 6px #2563eb40}.send-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 12px #2563eb59;transform:translateY(-1px)}.send-button:active{transform:translateY(0);box-shadow:0 2px 4px #2563eb40}.send-button .icon{width:1.125rem;height:1.125rem}.loading,.emails-empty,.emails-tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-secondary)}.empty-icon{width:4rem;height:4rem;color:var(--border-color);margin-bottom:1rem}.empty-hint{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem}.emails-list{display:flex;flex-direction:column;gap:.75rem}.email-item{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.email-item:hover,.email-item.selected{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.email-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.email-from{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.direction-icon{width:1rem;height:1rem}.direction-icon.received{color:#3b82f6}.direction-icon.sent{color:#10b981}.email-date{font-size:.75rem;color:var(--text-tertiary)}.email-subject{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.email-snippet{font-size:.875rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.email-body{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.email-details{background:var(--bg-secondary);padding:1rem;border-radius:6px;margin-bottom:1rem}.detail-row{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.875rem}.detail-row:last-child{margin-bottom:0}.detail-row strong{min-width:4rem;color:var(--text-secondary)}.detail-row span{color:var(--text-primary)}.email-content{background:var(--bg-secondary);padding:1rem;border-radius:6px;font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin-bottom:1rem;max-height:400px;overflow-y:auto}.email-actions{display:flex;gap:.75rem}.reply-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.reply-button:hover{background:var(--primary-dark)}.client-detail-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;animation:fadeIn .3s ease;position:relative;overflow-x:hidden}.client-detail-header{margin-bottom:2rem}.client-header-info{display:flex;align-items:center;gap:1.5rem}.client-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#a78bfa33,#8b5cf633);border:2px solid rgba(167,139,250,.3);display:flex;align-items:center;justify-content:center}.client-avatar .icon-lg{width:40px;height:40px;color:#a78bfa}.client-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.client-meta{display:flex;align-items:center;gap:1.5rem;color:#fff9;font-size:.875rem}.client-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-2px)}.client-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:2rem}.tab-badge{background:#a78bfa33;color:#a78bfa;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.info-item .icon-sm{width:20px;height:20px;color:#a78bfa;margin-top:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:#a78bfa}.quotations-content{animation:fadeIn .3s ease}.quotations-list{display:grid;gap:1rem}.quotation-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.quotation-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translate(4px)}.quotation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.quotation-number{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.quotation-date{font-size:.875rem;color:#ffffff80;margin:0}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.quotation-details{display:flex;gap:2rem;margin-bottom:1rem}.detail-item{display:flex;gap:.5rem;align-items:center}.detail-label{font-size:.875rem;color:#ffffff80}.detail-value{font-size:.875rem;color:#ffffffe6;font-weight:600}.view-quotation-btn{padding:.5rem 1rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:6px;color:#a78bfa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-quotation-btn:hover{background:#a78bfa33;border-color:#a78bfa80}.stock-content{animation:fadeIn .3s ease}.stock-table{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.stock-table table{width:100%;border-collapse:collapse}.stock-table thead{background:#ffffff0d}.stock-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.stock-table td{padding:1rem;font-size:.875rem;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05)}.stock-table tbody tr{transition:all .2s ease}.stock-table tbody tr:hover{background:#ffffff08}@media(max-width:768px){.client-detail-container{padding:1rem}.client-header-info{flex-direction:column;align-items:flex-start}.client-stats-grid{grid-template-columns:1fr}.client-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.info-grid{grid-template-columns:1fr}.quotation-details{flex-direction:column;gap:.5rem}.stock-table{overflow-x:auto}}[data-theme=light] .client-detail-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}[data-theme=light] .back-button{background:#fff;border:1px solid rgba(102,126,234,.15);color:#1e293b;box-shadow:0 1px 3px #00000014}[data-theme=light] .back-button:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 4px 12px #00000026}[data-theme=light] .client-avatar{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.25)}[data-theme=light] .client-avatar .icon-lg{color:#667eea}[data-theme=light] .client-name{color:#0f172a}[data-theme=light] .client-meta{color:#64748b}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .stat-card:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 8px 24px #00000026}[data-theme=light] .stat-card:nth-child(2) .stat-icon{background:#22c55e1a}[data-theme=light] .stat-card:nth-child(2) .stat-icon svg{color:#22c55e}[data-theme=light] .stat-card:nth-child(3) .stat-icon{background:#fbbf241a}[data-theme=light] .stat-card:nth-child(3) .stat-icon svg{color:#fbbf24}[data-theme=light] .stat-card:nth-child(4) .stat-icon{background:#7c3aed1a}[data-theme=light] .stat-card:nth-child(4) .stat-icon svg{color:#7c3aed}[data-theme=light] .client-tabs{border-bottom:2px solid rgba(102,126,234,.15)}[data-theme=light] .info-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .card-title{color:#0f172a}[data-theme=light] .info-label{color:#94a3b8}[data-theme=light] .info-value{color:#1e293b}[data-theme=light] .summary-item{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .summary-label{color:#94a3b8}[data-theme=light] .quotation-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .quotation-card:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 8px 24px #00000026}[data-theme=light] .status-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=light] .status-badge.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=light] .status-badge.approved{background:linear-gradient(135deg,#22c55e,#16a34a)}[data-theme=light] .status-badge.rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .detail-value{color:#1e293b}[data-theme=light] .view-quotation-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.25);color:#667eea}[data-theme=light] .view-quotation-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea4d}[data-theme=light] .stock-table{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .stock-table thead{background:#f8fafc}[data-theme=light] .stock-table th{color:#475569;border-bottom:1px solid rgba(102,126,234,.15)}[data-theme=light] .stock-table td{color:#1e293b;border-bottom:1px solid rgba(102,126,234,.08)}[data-theme=light] .stock-table tbody tr:hover{background:#f8fafc}[data-theme=light] .client-header-info{color:#1e293b}[data-theme=light] .info-item svg{color:#667eea}[data-theme=light] .tab svg{color:currentColor}[data-theme=light] .detail-item svg{color:#667eea}[data-theme=light] .meta-item svg{color:#667eea}[data-theme=light] .quotation-card,[data-theme=light] .stat-card{transition:all .3s ease}[data-theme=light] .summary-item:hover{background:#f8fafc;border-color:#667eea40;box-shadow:0 4px 12px #00000026}[data-theme=light] .quotation-header h3{color:#0f172a}[data-theme=light] .quotation-header p{color:#64748b}[data-theme=light] .metric-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #00000014}[data-theme=light] .metric-card:hover{box-shadow:0 8px 24px #00000026}[data-theme=light] .currency-value{color:#667eea;font-weight:700}[data-theme=light] .percentage-value{color:#22c55e;font-weight:700}[data-theme=light] .notes-content{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .note-item{border-bottom:1px solid rgba(102,126,234,.08)}[data-theme=light] .note-text{color:#1e293b}[data-theme=light] .note-timestamp{color:#94a3b8}[data-theme=light] .emails-content{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .email-item{border-bottom:1px solid rgba(102,126,234,.08)}[data-theme=light] .email-subject{color:#0f172a}[data-theme=light] .email-preview{color:#64748b}[data-theme=light] .email-timestamp{color:#94a3b8}[data-theme=light] .divider{border-color:#667eea26}[data-theme=light] .client-detail-container::-webkit-scrollbar-track{background:#f0f4f8}[data-theme=light] .client-detail-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}[data-theme=light] .client-detail-container::-webkit-scrollbar-thumb:hover{background:#667eea80}[data-theme=light] .badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.25)}[data-theme=light] .badge.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.25)}[data-theme=light] .badge.warning{background:#fbbf241a;color:#f59e0b;border:1px solid rgba(251,191,36,.25)}[data-theme=light] .badge.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}[data-theme=light] .back-button:focus,[data-theme=light] .tab:focus,[data-theme=light] .view-quotation-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media print{[data-theme=light] .client-detail-container{background:#fff}[data-theme=light] .back-button{display:none}}.suppliers-container{min-height:100vh;background:linear-gradient(135deg,#1a1a3e,#0f0f23);color:#fff;padding:2rem;margin-left:280px;transition:margin-left .3s ease}.suppliers-container.sidebar-collapsed{margin-left:80px}.suppliers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.page-title{font-size:2.25rem;margin:0;font-weight:600;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.suppliers-content{position:relative;z-index:1}.toolbar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input{width:100%;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.05rem;transition:all .3s ease}.search-input:focus{background:#ffffff14;border-color:#f59e0b66;outline:none;box-shadow:0 0 20px #f59e0b33}.filter-select{padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.05rem;cursor:pointer;transition:all .3s ease;min-width:180px}.filter-select:focus{background:#ffffff14;border-color:#f59e0b66;outline:none;box-shadow:0 0 20px #f59e0b33}.add-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #f59e0b4d;white-space:nowrap}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f59e0b80}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.supplier-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease}.supplier-card:hover{background:#ffffff0d;border-color:#f59e0b4d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.supplier-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.supplier-avatar{width:56px;height:56px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{width:32px;height:32px;color:#fff}.supplier-title{flex:1;min-width:0}.supplier-name{font-size:1.4rem;font-weight:600;margin:0 0 .25rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-contact{font-size:1rem;color:#fff9;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:.4rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.status-badge.active{background:#f59e0b33;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.status-badge.inactive{background:#9ca3af33;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.supplier-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-row{display:flex;align-items:center;gap:.75rem;color:#fffc}.detail-icon{width:18px;height:18px;color:#f59e0bb3;flex-shrink:0}.detail-value{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{flex:1;min-width:fit-content;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-button.toggle.activate{color:#f59e0b;border-color:#f59e0b33}.action-button.toggle.activate:hover{background:#f59e0b26;border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b4d}.action-button.toggle.deactivate{color:#9ca3af;border-color:#9ca3af33}.action-button.toggle.deactivate:hover{background:#9ca3af26;border-color:#9ca3af80;box-shadow:0 0 20px #9ca3af4d}.action-button.edit{color:#60a5fa;border-color:#60a5fa33}.action-button.edit:hover{background:#60a5fa26;border-color:#60a5fa80;box-shadow:0 0 20px #60a5fa4d}@media(min-width:1600px){.logo-text{font-size:2rem!important}.page-title{font-size:2.75rem!important}.search-input,.filter-select,.add-button{font-size:1.2rem!important}.supplier-name{font-size:1.6rem!important}.supplier-contact{font-size:1.15rem!important}.status-badge{font-size:.95rem!important}.detail-value{font-size:1.15rem!important}.action-button{font-size:1.05rem!important}}@media(max-width:1400px){.page-title{font-size:2.1rem!important}.supplier-name{font-size:1.3rem!important}}@media(max-width:1200px){.suppliers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.suppliers-container{margin-left:80px;padding:1rem}.suppliers-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.toolbar{flex-direction:column}.search-box,.filter-select{width:100%;min-width:auto}.suppliers-grid{grid-template-columns:1fr;gap:1rem}.supplier-card{padding:1.25rem}.supplier-card-header{flex-wrap:wrap}.supplier-actions{width:100%}.action-button{flex:1 1 calc(50% - .25rem);font-size:.8rem;padding:.5rem .75rem}}@media(max-width:480px){.suppliers-container{margin-left:0;padding:.75rem}.logo-text{font-size:1.25rem}.supplier-avatar{width:48px;height:48px}.avatar-icon{width:28px;height:28px}.supplier-name{font-size:1.1rem}.action-button{font-size:.75rem}}[data-theme=light] .suppliers-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0);color:#0f172a}[data-theme=light] .suppliers-header{border-bottom-color:#667eea33}[data-theme=light] .page-title{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .search-input:focus{background:#fff;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}[data-theme=light] .filter-select{background:#f8fafc;border-color:#667eea33;color:#0f172a}[data-theme=light] .filter-select:focus{background:#fff;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}[data-theme=light] .supplier-card{background:#fff;border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .supplier-card:hover{background:#fff;border-color:#f59e0b66;box-shadow:0 8px 24px #0000001f}[data-theme=light] .supplier-card-header{border-bottom-color:#667eea26}[data-theme=light] .supplier-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=light] .supplier-name{color:#0f172a}[data-theme=light] .supplier-contact{color:#64748b}[data-theme=light] .status-badge.active{background:#f59e0b26;border-color:#f59e0b4d;color:#d97706}[data-theme=light] .detail-icon{color:#f59e0b}[data-theme=light] .action-button.toggle.activate{color:#f59e0b;border-color:#f59e0b4d}[data-theme=light] .action-button.toggle.activate:hover{background:#f59e0b1a;border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b33}[data-theme=light] .action-button.toggle.deactivate{color:#64748b;border-color:#94a3b84d}[data-theme=light] .action-button.toggle.deactivate:hover{background:#94a3b81a;border-color:#94a3b880;box-shadow:0 4px 12px #94a3b833}[data-theme=light] .action-button.edit{color:#667eea;border-color:#667eea4d}[data-theme=light] .action-button.edit:hover{background:#667eea1a;border-color:#667eea80;box-shadow:0 4px 12px #667eea33}.supplier-detail-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;animation:fadeIn .3s ease;position:relative;overflow-x:hidden}.supplier-detail-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.back-button:hover{background:#ffffff1a;border-color:#a78bfa80}.supplier-header-info{display:flex;align-items:center;gap:1.5rem}.supplier-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f59e0b33,#fb923c33);border:2px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center}.supplier-avatar .icon-lg{width:40px;height:40px;color:#f59e0b}.supplier-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.supplier-meta{display:flex;align-items:center;gap:1.5rem;color:#fff9;font-size:.875rem}.meta-item{display:flex;align-items:center;gap:.5rem}.supplier-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#f59e0b4d;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#fff9}.supplier-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:2rem}.tab{padding:1rem 1.5rem;background:none;border:none;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative}.tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.tab-badge{background:#f59e0b33;color:#f59e0b;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.overview-content{display:grid;gap:1.5rem}.info-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem}.info-item .icon-sm{width:20px;height:20px;color:#f59e0b;margin-top:.25rem}.info-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:.875rem;color:#ffffffe6}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-item{text-align:center;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.summary-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.summary-value{font-size:1.5rem;font-weight:700;color:#f59e0b}.products-content{animation:fadeIn .3s ease}.products-table{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.products-table table{width:100%;border-collapse:collapse}.products-table thead{background:#ffffff0d}.products-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.products-table td{padding:1rem;font-size:.875rem;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05)}.products-table tbody tr{transition:all .2s ease}.products-table tbody tr:hover{background:#ffffff08}.empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:#fff3}.empty-state p{font-size:1rem;margin:0}.icon-xs{width:16px;height:16px}.icon-lg{width:40px;height:40px}@media(max-width:768px){.supplier-detail-container{padding:1rem}.supplier-header-info{flex-direction:column;align-items:flex-start}.supplier-stats-grid{grid-template-columns:1fr}.supplier-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.info-grid{grid-template-columns:1fr}.products-table{overflow-x:auto}}[data-theme=light] .supplier-detail-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}[data-theme=light] .back-button{background:#fff;border:1px solid rgba(102,126,234,.15);color:#1e293b}[data-theme=light] .back-button:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 2px 8px #00000014}[data-theme=light] .supplier-avatar{background:linear-gradient(135deg,#f59e0b1a,#fb923c1a);border:2px solid rgba(245,158,11,.2)}[data-theme=light] .supplier-avatar .icon-lg{color:#f59e0b}[data-theme=light] .supplier-name{color:#0f172a;font-weight:700}[data-theme=light] .supplier-meta,[data-theme=light] .meta-item{color:#64748b}[data-theme=light] .stat-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .stat-card:hover{background:#fff;border-color:#667eea4d;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}[data-theme=light] .stat-icon{background:#667eea1a}[data-theme=light] .stat-icon svg{color:#667eea}[data-theme=light] .stat-card:nth-child(1) .stat-icon{background:#667eea1a}[data-theme=light] .stat-card:nth-child(1) .stat-icon svg{color:#667eea}[data-theme=light] .stat-card:nth-child(2) .stat-icon{background:#7c3aed1a}[data-theme=light] .stat-card:nth-child(2) .stat-icon svg{color:#7c3aed}[data-theme=light] .stat-card:nth-child(3) .stat-icon{background:#5b21b61a}[data-theme=light] .stat-card:nth-child(3) .stat-icon svg{color:#5b21b6}[data-theme=light] .stat-card:nth-child(4) .stat-icon{background:#a78bfa1a}[data-theme=light] .stat-card:nth-child(4) .stat-icon svg{color:#a78bfa}[data-theme=light] .stat-value{color:#0f172a;font-weight:700}[data-theme=light] .supplier-tabs{border-bottom:2px solid rgba(102,126,234,.15)}[data-theme=light] .tab{color:#64748b;background:none}[data-theme=light] .tab:hover{color:#1e293b;background:#667eea0d}[data-theme=light] .tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}[data-theme=light] .tab-badge{background:#667eea1a;color:#667eea}[data-theme=light] .info-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .card-title{color:#0f172a;font-weight:600}[data-theme=light] .info-item{color:#334155}[data-theme=light] .info-item .icon-sm{color:#667eea}[data-theme=light] .info-label{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}[data-theme=light] .info-value{color:#1e293b;font-weight:500}[data-theme=light] .activity-summary{gap:1.5rem}[data-theme=light] .summary-item{background:#f8fafc;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 4px #0000000d}[data-theme=light] .summary-label{color:#64748b;font-weight:500}[data-theme=light] .summary-value{color:#667eea;font-weight:700}[data-theme=light] .products-table{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .products-table thead{background:#f8fafc}[data-theme=light] .products-table th{color:#475569;font-weight:600;border-bottom:1px solid rgba(102,126,234,.15)}[data-theme=light] .products-table td{color:#334155;border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .products-table tbody tr:hover{background:#f8fafc}[data-theme=light] .products-table tbody tr:last-child td{border-bottom:none}[data-theme=light] .empty-icon{color:#cbd5e1}[data-theme=light] .empty-state p,[data-theme=light] .loading-state,[data-theme=light] .error-state{color:#64748b}[data-theme=light] .badge{background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}[data-theme=light] .badge.badge-primary{background:#667eea1a;color:#667eea}[data-theme=light] .badge.badge-success{background:#22c55e1a;color:#16a34a}[data-theme=light] .badge.badge-warning{background:#f59e0b1a;color:#d97706}[data-theme=light] .badge.badge-info{background:#3b82f61a;color:#2563eb}[data-theme=light] .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}[data-theme=light] .status-badge.active{background:#22c55e1a;color:#16a34a}[data-theme=light] .status-badge.inactive{background:#94a3b81a;color:#64748b}[data-theme=light] .tax-id-badge{background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}[data-theme=light] .supplier-since-badge{background:#a78bfa1a;color:#7c3aed;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}[data-theme=light] .action-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea40}[data-theme=light] .action-button:hover{box-shadow:0 4px 16px #667eea59;transform:translateY(-1px)}[data-theme=light] .action-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea40}[data-theme=light] .secondary-button{background:#fff;color:#667eea;border:1px solid rgba(102,126,234,.25);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=light] .secondary-button:hover{background:#f8fafc;border-color:#667eea66;box-shadow:0 2px 8px #00000014}[data-theme=light] .section-divider{border:none;border-top:1px solid rgba(102,126,234,.15);margin:2rem 0}[data-theme=light] .overview-content{gap:1.5rem}[data-theme=light] .supply-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}[data-theme=light] .supply-summary-card{background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}[data-theme=light] .supply-summary-card:hover{border-color:#667eea4d;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}[data-theme=light] .contact-section{background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}[data-theme=light] .contact-section .card-title{color:#0f172a;margin-bottom:1.5rem;font-weight:600}[data-theme=light] .email-field{color:#667eea;text-decoration:none;transition:color .2s ease}[data-theme=light] .email-field:hover{color:#5b21b6;text-decoration:underline}[data-theme=light] .phone-field{color:#1e293b;font-weight:500}[data-theme=light] .address-field{color:#334155;line-height:1.6}[data-theme=light] .payment-terms{background:#f8fafc;border:1px solid rgba(102,126,234,.15);border-radius:8px;padding:1rem;margin-top:1rem}[data-theme=light] .payment-terms-label{color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:.5rem}[data-theme=light] .payment-terms-value{color:#1e293b;font-weight:600;font-size:.875rem}[data-theme=light] .notes-section{background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}[data-theme=light] .note-item{background:#f8fafc;border:1px solid rgba(102,126,234,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}[data-theme=light] .note-item:last-child{margin-bottom:0}[data-theme=light] .note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}[data-theme=light] .note-date{color:#64748b;font-size:.75rem}[data-theme=light] .note-content{color:#334155;font-size:.875rem;line-height:1.6}[data-theme=light] .emails-section{background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}[data-theme=light] .email-item{background:#f8fafc;border:1px solid rgba(102,126,234,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}[data-theme=light] .email-item:last-child{margin-bottom:0}[data-theme=light] .email-subject{color:#0f172a;font-weight:600;font-size:.875rem;margin-bottom:.5rem}[data-theme=light] .email-preview{color:#64748b;font-size:.8125rem;line-height:1.5}[data-theme=light] .email-timestamp{color:#94a3b8;font-size:.75rem;margin-top:.5rem}[data-theme=light] .purchase-orders-list{background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}[data-theme=light] .po-item{padding:1rem 1.5rem;border-bottom:1px solid rgba(102,126,234,.1);transition:background .2s ease}[data-theme=light] .po-item:last-child{border-bottom:none}[data-theme=light] .po-item:hover{background:#f8fafc}[data-theme=light] .po-number{color:#667eea;font-weight:600;font-size:.875rem}[data-theme=light] .po-date{color:#64748b;font-size:.8125rem}[data-theme=light] .po-amount{color:#0f172a;font-weight:700;font-size:1rem}[data-theme=light] .tooltip{background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;box-shadow:0 4px 12px #00000040}[data-theme=light] .supplier-detail-container ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] .supplier-detail-container ::-webkit-scrollbar-track{background:#f0f4f8}[data-theme=light] .supplier-detail-container ::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}[data-theme=light] .supplier-detail-container ::-webkit-scrollbar-thumb:hover{background:#667eea80}[data-theme=light] a{color:#667eea;text-decoration:none;transition:color .2s ease}[data-theme=light] a:hover{color:#5b21b6;text-decoration:underline}@media(max-width:768px){[data-theme=light] .supplier-detail-container{padding:1rem}[data-theme=light] .supplier-stats-grid,[data-theme=light] .info-grid,[data-theme=light] .activity-summary{grid-template-columns:1fr}}.quotation-modal.modal-container{max-width:1200px!important;width:95vw;max-height:95vh;overflow-y:auto}.quotation-modal{max-width:1200px;width:95vw;max-height:95vh;overflow-y:auto}.items-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.items-header h3{margin:0;font-size:1.1rem;color:#ffffffe6}.add-item-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-item-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.item-headers{display:grid;grid-template-columns:2.5fr 1fr 1.3fr 1fr 1.3fr 60px;gap:1rem;padding:.75rem 1rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:10px;margin-bottom:.75rem;align-items:center}.item-header-label{font-size:.75rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-header-label.center{text-align:center}.item-header-label.right{text-align:right}.item-row{display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;align-items:flex-end}.item-fields{flex:1;display:grid;grid-template-columns:2.5fr 1fr 1.3fr 1fr 1.3fr;gap:1rem;align-items:end;min-width:0}.item-product,.item-quantity,.item-price,.item-discount,.item-subtotal{grid-column:span 1}.item-subtotal-value{padding:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-weight:600;text-align:right;font-size:.95rem;min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-item-button{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;transition:all .3s ease;flex-shrink:0}.remove-item-button:hover{background:#ef444433;border-color:#ef444480}.empty-items{text-align:center;padding:2rem;color:#ffffff80;font-style:italic}.totals-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.totals-display{display:flex;flex-direction:column;gap:.75rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#fffc;font-size:.95rem}.total-row.total-final{padding-top:.75rem;border-top:2px solid rgba(139,92,246,.3);font-size:1.25rem;font-weight:700;color:#fff}.total-row.total-final span:last-child{color:#a78bfa}.quotation-view-container{padding:1rem}.quotation-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.quotation-number-display{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.quotation-date{color:#fff9;font-size:.9rem;margin-top:.25rem}.client-info{margin-bottom:2rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.client-info h4{margin:0 0 .75rem;color:#ffffffb3;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.client-name-display{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.client-email-display{color:#fff9;font-size:.9rem}.items-table{width:100%;margin-bottom:2rem;border-collapse:collapse}.items-table th{text-align:left;padding:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.items-table th:first-child{border-top-left-radius:8px}.items-table th:last-child{border-top-right-radius:8px;text-align:right}.items-table td{padding:.875rem .75rem;border:1px solid rgba(255,255,255,.1);color:#fffc;font-size:.9rem}.items-table td:last-child{text-align:right}.product-name-col{font-weight:500;color:#fff}.product-ref-col{color:#ffffff80;font-size:.85rem}.quotation-notes{margin-bottom:1.5rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px}.quotation-notes h4{margin:0 0 .75rem;color:#ffffffb3;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.quotation-notes p{margin:0;color:#fffc;line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.quotation-modal{max-width:95vw;margin:1rem}.item-fields{grid-template-columns:1fr}.item-product,.item-quantity,.item-price,.item-discount,.item-subtotal{grid-column:span 1}.item-row{flex-direction:column}.remove-item-button{width:100%}.totals-section{grid-template-columns:1fr;gap:1.5rem}.items-table{font-size:.8rem}.items-table th,.items-table td{padding:.5rem .4rem}}[data-theme=light] .quotation-modal.modal-container{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 60px #00000040}[data-theme=light] .items-section{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .items-header h3{color:#0f172a}[data-theme=light] .add-item-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 10px #8b5cf640}[data-theme=light] .add-item-button:hover{box-shadow:0 4px 15px #8b5cf666}[data-theme=light] .item-headers{background:#8b5cf614;border:1px solid rgba(139,92,246,.25)}[data-theme=light] .item-header-label{color:#64748b}[data-theme=light] .item-row{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .item-subtotal-value{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#7c3aed}[data-theme=light] .remove-item-button{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#dc2626}[data-theme=light] .remove-item-button:hover{background:#ef444426;border-color:#ef444466}[data-theme=light] .empty-items{color:#94a3b8}[data-theme=light] .totals-section{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .total-row{color:#334155}[data-theme=light] .total-row.total-final{border-top:2px solid rgba(139,92,246,.3);color:#0f172a}[data-theme=light] .total-row.total-final span:last-child{color:#7c3aed}[data-theme=light] .quotation-view-header{border-bottom:2px solid rgba(102,126,234,.15)}[data-theme=light] .quotation-number-display{color:#0f172a}[data-theme=light] .quotation-date{color:#64748b}[data-theme=light] .client-info{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .client-info h4{color:#64748b}[data-theme=light] .client-name-display{color:#0f172a}[data-theme=light] .client-email-display{color:#64748b}[data-theme=light] .items-table th{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#7c3aed}[data-theme=light] .items-table td{border:1px solid rgba(102,126,234,.1);color:#334155}[data-theme=light] .items-table tbody tr:hover{background:#f8fafc}[data-theme=light] .product-name-col{color:#0f172a}[data-theme=light] .product-ref-col{color:#94a3b8}[data-theme=light] .quotation-notes{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .quotation-notes h4{color:#64748b}[data-theme=light] .quotation-notes p{color:#334155}.stock-allocation-modal{background:#1a1a3efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.stock-allocation-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.stock-allocation-modal .modal-header h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stock-allocation-modal .modal-close{background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.stock-allocation-modal .modal-close svg{width:24px;height:24px}.stock-allocation-modal .modal-close:hover{background:#ffffff1a;color:#fff}.stock-allocation-modal .modal-body{flex:1;overflow-y:auto;padding:2rem}.stock-allocation-modal .modal-description{color:#ffffffb3;margin:0 0 1.5rem;font-size:.95rem}.stock-allocation-modal .loading-state{text-align:center;padding:3rem;color:#fff9}.stock-allocation-modal .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1rem;margin-bottom:1.5rem;color:#fca5a5;font-size:.9rem}.stock-allocation-modal .products-list{display:flex;flex-direction:column;gap:1.5rem}.stock-allocation-modal .product-allocation{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.stock-allocation-modal .product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stock-allocation-modal .product-header h3{margin:0;font-size:1.1rem;color:#fff}.stock-allocation-modal .allocation-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600}.stock-allocation-modal .allocation-status.incomplete{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.stock-allocation-modal .allocation-status.complete{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.stock-allocation-modal .allocation-status .check-icon{width:16px;height:16px}.stock-allocation-modal .no-stock-warning{padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:.9rem;text-align:center}.stock-allocation-modal .warehouses-list{display:flex;flex-direction:column;gap:.75rem}.stock-allocation-modal .warehouse-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease}.stock-allocation-modal .warehouse-row:hover{background:#ffffff0a;border-color:#ffffff1a}.stock-allocation-modal .warehouse-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.stock-allocation-modal .warehouse-name{color:#fff;font-weight:500;font-size:.95rem}.stock-allocation-modal .warehouse-stock{color:#ffffff80;font-size:.85rem}.stock-allocation-modal .quantity-input{width:100px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;text-align:center;transition:all .3s ease}.stock-allocation-modal .quantity-input:focus{outline:none;background:#ffffff14;border-color:#8b5cf680}.stock-allocation-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.stock-allocation-modal .btn-cancel,.stock-allocation-modal .btn-submit{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none}.stock-allocation-modal .btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.stock-allocation-modal .btn-cancel:hover:not(:disabled){background:#ffffff1a;color:#fff}.stock-allocation-modal .btn-submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stock-allocation-modal .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.stock-allocation-modal .btn-submit:disabled{opacity:.5;cursor:not-allowed}.quotations-container{min-height:100vh;background:linear-gradient(135deg,#1a1a3e,#0f0f23);color:#fff;padding:2rem;margin-left:280px;transition:margin-left .3s ease}.quotations-container.sidebar-collapsed{margin-left:80px}.quotations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.page-title{font-size:2rem;margin:0;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logout-button{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.logout-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.quotations-content{position:relative;z-index:1}.filter-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.filter-select-old{padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:180px}.filter-select-old:focus{background:#ffffff14;border-color:#8b5cf666;outline:none;box-shadow:0 0 20px #8b5cf633}.add-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d;white-space:nowrap}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680}.loading{text-align:center;padding:4rem;color:#fff9;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;gap:1.5rem}.empty-state p{color:#fff9;font-size:1.1rem;margin:0}.quotations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.quotation-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease}.quotation-card:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.quotation-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.quotation-number-section{display:flex;align-items:flex-start;gap:1rem;flex:1}.quotation-icon{width:40px;height:40px;color:#a78bfa;flex-shrink:0}.quotation-number{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:#fff}.quotation-client{font-size:.9rem;color:#fff9;margin:0}.status-badge{padding:.4rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.status-badge.draft{background:#9ca3af33;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.status-badge.sent{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.status-badge.accepted{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-badge.in-progress{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.status-badge.invoicing{background:#ec489933;border:1px solid rgba(236,72,153,.3);color:#f472b6}.status-badge.rejected{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171}.status-badge.expired{background:#f59e0b33;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.quotation-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-row{display:flex;justify-content:space-between;align-items:center;color:#fffc}.detail-label{font-size:.9rem;color:#fff9}.detail-value{font-size:.9rem;font-weight:500}.detail-value.total{font-size:1.25rem;font-weight:700;color:#a78bfa}.quotation-actions{display:flex;gap:.5rem;justify-content:flex-start}.action-button{padding:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.action-icon{width:20px;height:20px}.action-button.view{color:#60a5fa;border-color:#60a5fa33}.action-button.view:hover{background:#60a5fa26;border-color:#60a5fa80;box-shadow:0 0 20px #60a5fa4d}.action-button.edit{color:#a78bfa;border-color:#a78bfa33}.action-button.edit:hover{background:#a78bfa26;border-color:#a78bfa80;box-shadow:0 0 20px #a78bfa4d}.action-button.send{color:#60a5fa;border-color:#60a5fa33}.action-button.send:hover{background:#60a5fa26;border-color:#60a5fa80;box-shadow:0 0 20px #60a5fa4d}.action-button.accept{color:#10b981;border-color:#10b98133}.action-button.accept:hover{background:#10b98126;border-color:#10b98180;box-shadow:0 0 20px #10b9814d}.action-button.reject{color:#f87171;border-color:#f8717133}.action-button.reject:hover{background:#f8717126;border-color:#f8717180;box-shadow:0 0 20px #f871714d}.action-button.in-progress{color:#a78bfa;border-color:#8b5cf633;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.action-button.in-progress:hover{background:#8b5cf626;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf64d}.action-button.invoicing{color:#f472b6;border-color:#ec489933;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.action-button.invoicing:hover{background:#ec489926;border-color:#ec489980;box-shadow:0 0 20px #ec48994d}.action-button.delete{color:#f87171;border-color:#f8717133}.action-button.delete:hover{background:#f8717126;border-color:#f8717180;box-shadow:0 0 20px #f871714d}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#1a1a3efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:500px;width:100%;animation:slideUp .3s ease}.modal-title{color:#fff;font-size:1.5rem;margin:0 0 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-text{color:#fffc;font-size:1rem;margin:0 0 1rem;line-height:1.5}.modal-warning{color:#fca5a5;font-size:.9rem;margin:0 0 1.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px}.modal-actions{display:flex;gap:1rem}.modal-button{flex:1;padding:.875rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.modal-button.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-button.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}@media(max-width:1200px){.quotations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.quotations-container{margin-left:80px;padding:1rem}.quotations-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.toolbar{flex-direction:column}.search-box,.filter-select{width:100%;min-width:auto}.quotations-grid{grid-template-columns:1fr;gap:1rem}.quotation-card{padding:1.25rem}.quotation-actions{flex-wrap:wrap}.action-button{flex:1 1 calc(25% - .375rem);min-width:40px}}@media(max-width:480px){.quotations-container{margin-left:0;padding:.75rem}.logo-text{font-size:1.25rem}.quotation-icon{width:32px;height:32px}.quotation-number{font-size:1.1rem}}[data-theme=light] .quotations-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0);color:#0f172a}[data-theme=light] .quotations-header{border-bottom-color:#667eea33}[data-theme=light] .page-title{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .add-button:hover{box-shadow:0 6px 20px #667eea66}[data-theme=light] .empty-icon{color:#cbd5e0}[data-theme=light] .quotation-card{background:#fff;border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .quotation-card:hover{background:#fff;border-color:#8b5cf666;box-shadow:0 8px 24px #0000001f}[data-theme=light] .quotation-card-header{border-bottom-color:#667eea26}[data-theme=light] .quotation-icon{color:#8b5cf6}[data-theme=light] .quotation-number{color:#0f172a}[data-theme=light] .quotation-client{color:#64748b}[data-theme=light] .status-badge.draft{background:#94a3b826;border-color:#94a3b84d;color:#64748b}[data-theme=light] .status-badge.sent{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}[data-theme=light] .status-badge.accepted{background:#10b98126;border-color:#10b9814d;color:#059669}[data-theme=light] .status-badge.rejected{background:#ef444426;border-color:#ef44444d;color:#dc2626}[data-theme=light] .status-badge.expired{background:#f59e0b26;border-color:#f59e0b4d;color:#d97706}[data-theme=light] .detail-row{color:#334155}[data-theme=light] .action-button{background:#fff;border-color:#667eea33;color:#334155}[data-theme=light] .action-button:hover{background:#f8fafc;box-shadow:0 4px 12px #0000001a}[data-theme=light] .action-button.view{color:#3b82f6;border-color:#3b82f64d}[data-theme=light] .action-button.view:hover{background:#3b82f61a;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633}[data-theme=light] .action-button.edit{color:#8b5cf6;border-color:#8b5cf64d}[data-theme=light] .action-button.edit:hover{background:#8b5cf61a;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf633}[data-theme=light] .action-button.send{color:#3b82f6;border-color:#3b82f64d}[data-theme=light] .action-button.send:hover{background:#3b82f61a;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633}[data-theme=light] .action-button.accept{color:#10b981;border-color:#10b9814d}[data-theme=light] .action-button.accept:hover{background:#10b9811a;border-color:#10b98180;box-shadow:0 4px 12px #10b98133}[data-theme=light] .action-button.reject{color:#dc2626;border-color:#dc26264d}[data-theme=light] .action-button.reject:hover{background:#dc26261a;border-color:#dc262680;box-shadow:0 4px 12px #dc262633}[data-theme=light] .action-button.delete{color:#dc2626;border-color:#dc26264d}[data-theme=light] .action-button.delete:hover{background:#dc26261a;border-color:#dc262680;box-shadow:0 4px 12px #dc262633}[data-theme=light] .modal-title{color:#dc2626;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .modal-text{color:#334155}[data-theme=light] .modal-warning{color:#dc2626;background:#ef44441a;border-color:#ef44444d}[data-theme=light] .modal-button.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}[data-theme=light] .modal-button.confirm:hover{box-shadow:0 6px 20px #ef444466}.quotation-detail-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;animation:fadeIn .3s ease}.quotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff1a;border-color:#8b5cf680}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.status-badge{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.header-actions{display:flex;gap:.75rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff1a;border-color:#8b5cf680}.action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:transparent}.action-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.status-actions{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.status-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.status-action-btn.send{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.status-action-btn.send:hover{background:#3b82f633}.status-action-btn.approve{background:#10b9811a;border-color:#10b9814d;color:#10b981}.status-action-btn.approve:hover{background:#10b98133}.status-action-btn.reject{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status-action-btn.reject:hover{background:#ef444433}.quotation-document{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 20px 60px #0000004d;color:#1f2937;max-width:900px;margin:0 auto}.document-header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb}.company-info h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.company-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-info{text-align:right}.document-info h3{font-size:1.75rem;font-weight:700;color:#8b5cf6;margin:0 0 .5rem}.document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.client-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px}.client-section h4{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.client-section p{margin:.25rem 0;color:#374151}.items-table thead{background:#f3f4f6}.items-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.items-table td{padding:1rem;color:#374151;border-bottom:1px solid #e5e7eb}.items-table tbody tr:last-child td{border-bottom:none}.items-table th:last-child,.items-table td:last-child{text-align:right}.totals-section{margin-left:auto;max-width:300px;margin-bottom:2rem}.totals-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.totals-row.total{border-top:2px solid #374151;border-bottom:none;padding-top:1rem;font-size:1.125rem}.notes-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px}.notes-section h4{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.notes-section p{margin:0;color:#374151;line-height:1.6}.validity-section{text-align:center;padding:1rem;background:#fef3c7;border-radius:8px;color:#92400e}.validity-section p{margin:0;font-size:.875rem}.edit-input,.edit-textarea{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:#fff9}.icon-sm{width:20px;height:20px}@media print{.quotation-detail-container{background:#fff;padding:0}.no-print{display:none!important}.quotation-document{box-shadow:none;padding:2rem}.status-badge{border:1px solid currentColor}}@media(max-width:768px){.quotation-detail-container{padding:1rem}.quotation-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.quotation-document{padding:1.5rem}.document-header{grid-template-columns:1fr}.document-info{text-align:left}.items-table{font-size:.75rem}.items-table th,.items-table td{padding:.5rem}}.invoices-container{margin-left:280px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);transition:margin-left .3s ease}.invoices-container.sidebar-collapsed{margin-left:80px}.invoices-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.invoices-content{padding:2rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.add-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.empty-state p{font-size:1.125rem;margin-bottom:.5rem}.empty-subtitle{font-size:.875rem;color:#fff6}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.invoice-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.invoice-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.invoice-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.invoice-number{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .5rem}.invoice-client{font-size:.875rem;color:#fff9;margin:0}.payment-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-badge.paid{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.payment-badge.unpaid{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.payment-badge.partially-paid{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.payment-badge.overdue{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.invoice-details{margin-bottom:1rem}.invoice-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-button.view{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.action-button.view:hover{background:#3b82f633;border-color:#3b82f680}.action-button.payment{background:#10b9811a;color:#10b981;border-color:#10b9814d}.action-button.payment:hover{background:#10b98133;border-color:#10b98180}.action-button.delete:hover{background:#ef444433;border-color:#ef444480}.modal-input,.modal-select{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;margin-top:1rem}.modal-button.confirm:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.invoices-container{margin-left:0}.invoices-header{flex-direction:column;gap:1rem;align-items:flex-start}.invoices-grid{grid-template-columns:1fr}.modal-content{min-width:90%}}[data-theme=light] .invoices-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}[data-theme=light] .invoices-header{background:#fffc;border-bottom-color:#667eea33;box-shadow:0 2px 8px #0000000d}[data-theme=light] .empty-subtitle{color:#94a3b8}[data-theme=light] .invoice-card{background:#fff;border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .invoice-card:hover{background:#fff;border-color:#a78bfa66;box-shadow:0 8px 24px #0000001f}[data-theme=light] .invoice-card-header{border-bottom-color:#667eea26}[data-theme=light] .invoice-number{color:#0f172a}[data-theme=light] .invoice-client{color:#64748b}[data-theme=light] .payment-badge.paid{background:#10b98126;color:#059669;border-color:#10b9814d}[data-theme=light] .payment-badge.unpaid{background:#ef444426;color:#dc2626;border-color:#ef44444d}[data-theme=light] .payment-badge.partially-paid{background:#fbbf2426;color:#d97706;border-color:#fbbf244d}[data-theme=light] .payment-badge.overdue{background:#dc262626;color:#dc2626;border-color:#dc26264d}[data-theme=light] .invoice-actions{border-top-color:#667eea26}[data-theme=light] .action-button.view{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}[data-theme=light] .action-button.view:hover{background:#3b82f633;border-color:#3b82f680}[data-theme=light] .action-button.payment{background:#10b9811a;color:#059669;border-color:#10b9814d}[data-theme=light] .action-button.payment:hover{background:#10b98133;border-color:#10b98180}[data-theme=light] .action-button.delete:hover{background:#ef444433;border-color:#ef444480}[data-theme=light] .modal-input:focus,[data-theme=light] .modal-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.invoice-detail-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);background-attachment:fixed;padding:2rem;transition:margin-left .3s ease}.invoice-detail-container.sidebar-collapsed{margin-left:80px}.invoice-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.logo-text{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.page-title{font-size:1.5rem;font-weight:700;color:#ffffffe6;margin:0}.logout-button{padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#ffffff1a;color:#fff}.invoice-detail-content{max-width:1000px;margin:0 auto}.invoice-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;color:#fff;transform:translate(-3px)}.action-buttons{display:flex;gap:.75rem}.btn-download,.btn-print,.btn-payment{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.btn-print{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.btn-print:hover{background:#ffffff1a;color:#fff}.btn-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b9814d}.btn-payment:hover{transform:translateY(-2px);box-shadow:0 6px 30px #10b98180}.invoice-preview{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#1f2937}.invoice-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb}.company-info h1{font-size:1.75rem;font-weight:800;color:#667eea;margin:0 0 .5rem}.company-info p{margin:.25rem 0;color:#6b7280;font-size:.9rem}.invoice-info{text-align:right}.invoice-title{font-size:2rem;font-weight:800;color:#667eea;margin:0 0 1rem}.invoice-info p{margin:.5rem 0;color:#4b5563;font-size:.95rem}.payment-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.payment-status-badge.paid{background:#10b98133;color:#059669;border:1px solid rgba(16,185,129,.3)}.payment-status-badge.unpaid{background:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.payment-status-badge.partially-paid{background:#f59e0b33;color:#d97706;border:1px solid rgba(245,158,11,.3)}.payment-status-badge.overdue{background:#ef44444d;color:#b91c1c;border:1px solid rgba(239,68,68,.4)}.client-section{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.client-section h3{font-size:.875rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.client-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.client-section p{margin:.25rem 0;color:#6b7280;font-size:.9rem}.items-section{margin-bottom:2rem}.items-table{width:100%;border-collapse:collapse}.items-table thead{background:#667eea;color:#fff}.items-table th{padding:.875rem 1rem;text-align:left;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.items-table tbody tr{border-bottom:1px solid #e5e7eb}.items-table tbody tr:last-child{border-bottom:none}.items-table td{padding:.875rem 1rem;color:#4b5563;font-size:.9rem}.items-table .text-center{text-align:center}.items-table .text-right{text-align:right;font-weight:600}.totals-section{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:2rem}.totals-row{display:flex;justify-content:space-between;min-width:300px;padding:.5rem 0;color:#4b5563;font-size:.95rem}.totals-row.total{border-top:2px solid #667eea;padding-top:1rem;margin-top:.5rem;font-size:1.25rem;font-weight:800;color:#667eea}.totals-row.paid{color:#059669;font-weight:600}.totals-row.remaining{color:#dc2626;font-weight:700;font-size:1.1rem}.notes-section{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.notes-section h4{font-size:.875rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.notes-section p{margin:0;color:#4b5563;line-height:1.6}.reference-section{text-align:center;padding:1rem;color:#9ca3af;font-size:.875rem;font-style:italic}.loading,.error-message{text-align:center;padding:3rem;color:#ffffffb3;font-size:1.1rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#1a1a3efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:500px;width:90%;animation:slideUp .3s ease}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.modal-text{color:#ffffffb3;margin:.5rem 0}.modal-input,.modal-select{width:100%;padding:.75rem;margin:1rem 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem}.modal-input:focus,.modal-select:focus{outline:none;border-color:#667eea80;background:#ffffff14}.modal-button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.modal-button.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.modal-button.confirm:disabled{opacity:.5;cursor:not-allowed}@media print{.invoice-detail-header,.invoice-actions-bar{display:none!important}.invoice-detail-container{background:#fff;padding:0;margin:0}.invoice-preview{box-shadow:none;margin:0;padding:2rem}}.price-confirm-modal{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:20px;padding:2rem;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:2px solid rgba(102,126,234,.3)}.modal-description{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.price-changes-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.price-change-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease}.price-change-item:hover{background:#ffffff14;border-color:#667eea4d}.product-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.product-info strong{color:#fff;font-size:1rem;font-weight:600}.supplier-name{color:#fff9;font-size:.875rem}.price-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.price-old,.price-new{display:flex;flex-direction:column;gap:.25rem}.price-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.price-old .price-value{font-size:1.25rem;font-weight:700;color:#fbbf24}.price-new .price-value{font-size:1.25rem;font-weight:700;color:#10b981}.price-arrow{font-size:1.5rem;color:#fff6;font-weight:300}.btn-secondary,.btn-primary{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none}.btn-secondary{background:#ffffff1a;color:#fff}.close-icon{width:24px;height:24px}.purchase-orders-container{margin-left:280px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);transition:margin-left .3s ease}.purchase-orders-container.sidebar-collapsed{margin-left:80px}.purchase-orders-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.page-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.logout-button{padding:.625rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.purchase-orders-content{padding:2rem}.toolbar{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input::placeholder{color:#fff6}.search-input:focus{background:#ffffff14;border-color:#8b5cf666;outline:none;box-shadow:0 0 20px #8b5cf633}.filter-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-toggle:hover{background:#ffffff14;border-color:#a78bfa4d;color:#fff}.filter-toggle.active{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfa}.filter-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center}.advanced-filters{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#ffffffb3}.filter-select,.filter-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#a78bfa80;box-shadow:0 0 0 3px #a78bfa1a}.filter-select option{background:#1a1a3e;color:#fff}.filter-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.clear-filters-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.clear-filters-button:disabled{opacity:.4;cursor:not-allowed}.add-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.empty-state{text-align:center;padding:4rem 2rem;color:#ffffff80}.empty-icon{width:64px;height:64px;margin:0 auto 1.5rem;opacity:.3}.empty-state p{font-size:1.125rem;margin-bottom:1.5rem}.purchase-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.po-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.po-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.po-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.po-number{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .5rem}.po-supplier{font-size:.875rem;color:#fff9;margin:0}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.ordered{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-badge.received{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.cancelled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.po-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-label{font-size:.875rem;color:#fff9}.detail-value{font-size:.875rem;color:#fff;font-weight:500}.detail-value.total{font-size:1.125rem;font-weight:700;color:#a78bfa}.po-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.receive{background:#10b9811a;color:#10b981;border-color:#10b9814d}.action-button.receive:hover{background:#10b98133;border-color:#10b98180}.action-button.delete{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.action-button.delete:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.action-button:disabled{opacity:.4;cursor:not-allowed}.modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.modal-text{font-size:.875rem;color:#ffffffb3;margin:.5rem 0}.modal-button{flex:1;padding:.875rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.purchase-orders-container{margin-left:0}.purchase-orders-header{flex-direction:column;gap:1rem;align-items:flex-start}.purchase-orders-grid{grid-template-columns:1fr}.modal-content{min-width:90%}}[data-theme=light] .purchase-orders-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0)}[data-theme=light] .purchase-orders-header{background:#fffc;border-bottom-color:#667eea33;box-shadow:0 2px 8px #0000000d}[data-theme=light] .logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .search-input{background:#f8fafc;border-color:#667eea33;color:#0f172a}[data-theme=light] .search-input:focus{background:#fff;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}[data-theme=light] .filter-toggle{background:#f8fafc;border-color:#667eea33;color:#334155}[data-theme=light] .filter-toggle:hover{background:#fff;border-color:#a78bfa66;color:#0f172a}[data-theme=light] .filter-toggle.active{background:#a78bfa26;border-color:#a78bfa66;color:#7c3aed}[data-theme=light] .filter-badge{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=light] .advanced-filters{background:#fff;border-color:#667eea33;box-shadow:0 2px 8px #00000014}[data-theme=light] .filter-group label{color:#64748b}[data-theme=light] .filter-select,[data-theme=light] .filter-input{background:#f8fafc;border-color:#667eea33;color:#0f172a}[data-theme=light] .filter-select:focus,[data-theme=light] .filter-input:focus{border-color:#a78bfa80;box-shadow:0 0 0 3px #a78bfa1a}[data-theme=light] .filter-select option{background:#fff;color:#0f172a}[data-theme=light] .clear-filters-button{background:#ef44441a;border-color:#ef44444d;color:#dc2626}[data-theme=light] .clear-filters-button:hover:not(:disabled){background:#ef444433;border-color:#ef444480}[data-theme=light] .add-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66}[data-theme=light] .loading,[data-theme=light] .empty-state{color:#64748b}[data-theme=light] .empty-icon{opacity:.4;color:#cbd5e0}[data-theme=light] .po-card{background:#fff;border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .po-card:hover{background:#fff;border-color:#a78bfa66;box-shadow:0 8px 24px #0000001f}[data-theme=light] .po-card-header{border-bottom-color:#667eea26}[data-theme=light] .po-number{color:#0f172a}[data-theme=light] .po-supplier{color:#64748b}[data-theme=light] .status-badge.pending{background:#fbbf2426;color:#d97706;border-color:#fbbf244d}[data-theme=light] .status-badge.ordered{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}[data-theme=light] .status-badge.received{background:#10b98126;color:#059669;border-color:#10b9814d}[data-theme=light] .status-badge.cancelled{background:#ef444426;color:#dc2626;border-color:#ef44444d}[data-theme=light] .detail-label{color:#64748b}[data-theme=light] .detail-value{color:#334155}[data-theme=light] .detail-value.total{color:#8b5cf6}[data-theme=light] .po-actions{border-top-color:#667eea26}[data-theme=light] .action-button.receive{background:#10b9811a;color:#059669;border-color:#10b9814d}[data-theme=light] .action-button.receive:hover{background:#10b98133;border-color:#10b98180}[data-theme=light] .action-button.delete{background:#ef44441a;color:#dc2626;border-color:#ef44444d}[data-theme=light] .action-button.delete:hover:not(:disabled){background:#ef444433;border-color:#ef444480}[data-theme=light] .modal-title{color:#0f172a}[data-theme=light] .modal-text{color:#64748b}[data-theme=light] .modal-button.cancel:hover{background:#f8fafc;border-color:#667eea59}[data-theme=light] .modal-button.confirm:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66}.po-detail-container{margin-left:240px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);transition:margin-left .3s ease}.po-detail-container.sidebar-collapsed{margin-left:80px}.po-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:1.5rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff1a;transform:translate(-2px)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.page-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.logout-button{padding:.625rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ef444433}.po-detail-content{padding:2rem;max-width:1200px;margin:0 auto}.po-detail-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.po-card-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.po-title-section{display:flex;align-items:center;gap:1rem}.po-title-section h2{font-size:2rem;font-weight:700;color:#fff;margin:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.status-badge.ordered{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.status-badge.received{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.status-badge.cancelled{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-mark-delivered{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #22c55e4d}.btn-mark-delivered:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80}.po-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-item{background:#ffffff08;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.info-label{display:flex;align-items:center;font-size:.875rem;color:#fff9;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1.125rem;color:#fff;font-weight:600}.po-notes{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.notes-label{font-size:.875rem;font-weight:600;color:#a78bfa;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.notes-content{color:#ffffffe6;line-height:1.6}.po-items-section h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.items-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.items-table thead{background:#ffffff0d}.items-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.items-table td{padding:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.items-table tbody tr:hover{background:#ffffff05}.items-table tfoot{background:#8b5cf61a;border-top:2px solid rgba(139,92,246,.3)}.items-table tfoot td{padding:1rem;font-size:1.125rem;color:#fff;border-bottom:none}.text-center{text-align:center}.text-right{text-align:right}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.125rem;color:#ffffffb3}@media(max-width:768px){.po-detail-container{margin-left:0}.po-detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{flex-wrap:wrap}.po-card-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.btn-mark-delivered{width:100%}.po-info-grid{grid-template-columns:1fr}.items-table{font-size:.875rem}.items-table th,.items-table td{padding:.75rem .5rem}}.categories-container{margin-left:280px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);transition:margin-left .3s ease}.categories-container.sidebar-collapsed{margin-left:80px}.categories-header{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:2rem}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.page-title{font-size:2.25rem;font-weight:600;color:#fff;margin:0}.header-right{display:flex;align-items:center;gap:1rem}.logout-button{padding:.625rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ffffff26}.categories-content{padding:2rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab:hover{color:#ffffffe6;background:#ffffff08}.tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.tab-badge{background:#a78bfa33;color:#a78bfa;padding:.125rem .5rem;border-radius:12px;font-size:.85rem;font-weight:600}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.content-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.add-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px)}.button-icon{width:18px;height:18px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.item-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.item-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-4px)}.item-icon{width:48px;height:48px;border-radius:12px;background:#a78bfa1a;display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.item-icon svg{width:24px;height:24px}.item-content{flex:1}.item-content h4{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 .25rem}.item-content p{font-size:1rem;color:#ffffff80;margin:0}.item-actions{display:flex;gap:.5rem}.item-actions button{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.item-actions button:hover{background:#ffffff1a;border-color:#a78bfa4d;color:#fff}.item-actions button svg{width:18px;height:18px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a3e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;min-width:400px;max-width:500px}.modal-content h3{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.modal-input,.modal-select{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1rem}.modal-input:focus,.modal-select:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.modal-select option{background:#1a1a3e;color:#fff}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-button{flex:1;padding:.875rem;border:none;border-radius:8px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-button.cancel{background:#ffffff1a;color:#fff}.modal-button.cancel:hover{background:#ffffff26}.modal-button.confirm{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.modal-button.confirm:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6)}@media(min-width:1600px){.logo-text{font-size:2rem!important}.page-title{font-size:2.75rem!important}.logout-button,.tab{font-size:1.15rem!important}.tab-badge{font-size:.95rem!important}.content-header h3{font-size:1.75rem!important}.add-button{font-size:1.2rem!important}.item-content h4{font-size:1.35rem!important}.item-content p{font-size:1.15rem!important}.modal-content h3{font-size:1.6rem!important}.modal-input,.modal-select{font-size:1.15rem!important}.modal-button{font-size:1.2rem!important}}@media(max-width:1400px){.page-title{font-size:2.1rem!important}.content-header h3{font-size:1.4rem!important}.item-content h4{font-size:1.1rem!important}}@media(max-width:768px){.categories-container{margin-left:0}.categories-header{flex-direction:column;gap:1rem;align-items:flex-start}.tabs{overflow-x:auto}.items-grid{grid-template-columns:1fr}.modal-content{min-width:90%}}[data-theme=light] .categories-container{background:linear-gradient(135deg,#f0f4f8,#e2e8f0,#cbd5e0);color:#0f172a}[data-theme=light] .categories-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:#667eea33;box-shadow:0 2px 8px #00000014}[data-theme=light] .logo-text,[data-theme=light] .page-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .logout-button{background:#fff;border-color:#667eea40;color:#334155}[data-theme=light] .logout-button:hover{background:#f8fafc;border-color:#667eea59;box-shadow:0 2px 8px #00000014}[data-theme=light] .tabs{border-bottom-color:#667eea33}[data-theme=light] .tab{color:#64748b}[data-theme=light] .tab:hover{color:#0f172a;background:#667eea0d}[data-theme=light] .tab.active{color:#667eea;border-bottom-color:#667eea}[data-theme=light] .tab-badge{background:#667eea26;color:#5b21b6}[data-theme=light] .content-header h3{color:#0f172a}[data-theme=light] .add-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}[data-theme=light] .add-button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px #667eea66}[data-theme=light] .item-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#667eea26;box-shadow:0 2px 8px #00000014}[data-theme=light] .item-card:hover{background:#fff;border-color:#667eea4d;box-shadow:0 8px 24px #0000001f}[data-theme=light] .item-icon{background:#667eea1a;color:#667eea}[data-theme=light] .item-content h4{color:#0f172a}[data-theme=light] .item-content p{color:#64748b}[data-theme=light] .item-actions button{background:#fff;border-color:#667eea33;color:#334155}[data-theme=light] .item-actions button:hover{background:#f8fafc;border-color:#667eea4d;color:#667eea;box-shadow:0 2px 8px #00000014}[data-theme=light] .modal-overlay{background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .modal-content{background:#fff;border-color:#667eea33;box-shadow:0 20px 60px #00000026}[data-theme=light] .modal-content h3{color:#0f172a}[data-theme=light] .modal-input,[data-theme=light] .modal-select{background:#f8fafc;border-color:#667eea33;color:#0f172a}[data-theme=light] .modal-input::placeholder{color:#94a3b8}[data-theme=light] .modal-input:focus,[data-theme=light] .modal-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-theme=light] .modal-select option{background:#fff;color:#0f172a}[data-theme=light] .modal-button.cancel{background:#fff;border:1px solid rgba(102,126,234,.25);color:#334155}[data-theme=light] .modal-button.cancel:hover{background:#f8fafc;border-color:#667eea59;box-shadow:0 2px 8px #00000014}[data-theme=light] .modal-button.confirm{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}[data-theme=light] .modal-button.confirm:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px #667eea66}[data-theme=light] .empty-state{color:#64748b}[data-theme=light] .empty-state .empty-icon{color:#cbd5e0}[data-theme=light] .status-badge{background:#667eea26;border:1px solid rgba(102,126,234,.25);color:#5b21b6}[data-theme=light] .status-badge.active{background:#10b98126;border-color:#10b9814d;color:#059669}[data-theme=light] .status-badge.inactive{background:#94a3b826;border-color:#94a3b84d;color:#64748b}[data-theme=light] .error-message{background:#dc26261a;border-color:#dc26264d;color:#dc2626}[data-theme=light] .success-message{background:#10b9811a;border-color:#10b9814d;color:#059669}.account-settings{padding:2rem;max-width:1200px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.settings-header p{color:#fff9;font-size:1rem;margin:0}.message-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem}.message-alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.message-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-icon{width:20px;height:20px;flex-shrink:0}.settings-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#fff9;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-button:hover{color:#fff;background:#ffffff0d}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.settings-content{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.settings-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 2rem}.section-icon{width:28px;height:28px;color:#667eea}.settings-form{max-width:600px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#fffc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-input::placeholder{color:#fff6}.form-divider{margin:2rem 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.form-divider h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.divider-icon{width:20px;height:20px;color:#667eea}.btn-primary,.btn-secondary,.btn-danger{padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444433}.subscription-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.subscription-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.cancelled{background:#ef444433;color:#ef4444}.subscription-price{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label{color:#fff9;font-size:.875rem;font-weight:500}.detail-value{color:#fff;font-size:.875rem;font-weight:600}.subscription-actions{display:flex;gap:1rem}.billing-history{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.billing-history h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1rem}.text-muted{color:#ffffff80;font-size:.875rem}@media(max-width:768px){.account-settings{padding:1rem}.settings-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;justify-content:center}.subscription-header{flex-direction:column;gap:1rem}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}}.payment-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.payment-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-close-btn svg{width:24px;height:24px}.payment-modal-header{margin-bottom:2rem;text-align:center}.payment-modal-header h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-modal-header p{color:#ffffffb3;font-size:1.1rem;margin:0}.payment-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff9;cursor:pointer;transition:all .3s ease}.payment-method-btn:hover{background:#ffffff14;border-color:#667eea80}.payment-method-btn.active{background:#667eea26;border-color:#667eea;color:#fff;box-shadow:0 8px 24px #667eea4d}.method-icon{width:40px;height:40px}.payment-method-btn span{font-weight:700;font-size:1rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:700;color:#ffffffe6;font-size:.95rem}.form-input{padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;transition:all .3s ease}.form-input:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 4px #667eea1a}.form-hint{font-size:.875rem;color:#ffffff80;margin:0}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444}.error-icon{width:24px;height:24px;flex-shrink:0}.btn-payment-submit{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-payment-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.btn-payment-submit:disabled{opacity:.6;cursor:not-allowed}.payment-instructions{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.success-icon{width:80px;height:80px;color:#10b981;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.payment-instructions h3{font-size:1.75rem;font-weight:800;margin:0;color:#fff}.instructions-text{font-size:1.1rem;color:#fffc;margin:0;line-height:1.6}.instructions-text strong{color:#667eea;font-weight:800}.payment-info-box{width:100%;background:#ffffff0d;border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:.95rem;color:#fff9;font-weight:600}.info-value{font-size:1.25rem;color:#fff;font-weight:800;font-family:Courier New,monospace}.info-value.large{font-size:1.5rem;color:#667eea}.payment-steps{width:100%;text-align:left;background:#ffffff08;border-radius:12px;padding:1.5rem}.payment-steps h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 1rem}.payment-steps ol{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.payment-steps li{color:#fffc;font-size:.95rem;line-height:1.5}.payment-note{font-size:.9rem;color:#fff9;font-style:italic;margin:0}.btn-close-instructions{width:100%;padding:1rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-close-instructions:hover{background:#ffffff26;transform:translateY(-2px)}@media(max-width:768px){.payment-modal-content{padding:2rem 1.5rem;max-width:95%}.payment-modal-header h2{font-size:1.5rem}.payment-method-selector{grid-template-columns:1fr}.method-icon{width:32px;height:32px}.info-value.large{font-size:1.25rem}}.plan-management{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.settings-header{margin-bottom:3rem}.settings-header h1{font-size:2.5rem;font-weight:800;margin:1rem 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{color:#ffffffb3;font-size:1.1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-back:hover{background:#ffffff26;transform:translate(-4px)}.message-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;animation:slideIn .3s ease}.message-alert.success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.message-alert.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.message-alert.info{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.alert-icon{width:24px;height:24px;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.current-subscription-banner{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:3rem}.subscription-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.subscription-info h3{font-size:1.5rem;font-weight:700;margin:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.cancelled{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.scheduled-change-info,.cancellation-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-top:1rem}.info-icon{width:28px;height:28px;color:#f59e0b;flex-shrink:0}.scheduled-change-info p,.cancellation-info p{margin:0;color:#ffffffe6}.btn-cancel-schedule{padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease;font-weight:600;white-space:nowrap}.btn-cancel-schedule:hover{background:#ef44444d;transform:translateY(-2px)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.plan-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.plan-card.current-plan{border-color:#10b98180;background:#10b9810d}.plan-card.scheduled-plan{border-color:#f59e0b80;background:#f59e0b0d}.plan-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;z-index:1}.plan-badge.popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-badge.current{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.plan-badge.scheduled{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-header{margin-bottom:2rem;padding-top:1rem}.plan-header h3{font-size:2rem;font-weight:800;color:#fff;margin:0 0 1rem}.plan-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.plan-description{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0}.plan-features{flex:1;margin-bottom:1.5rem}.plan-features h4{font-size:.875rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{color:#ffffffd9;font-size:.95rem;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem}.plan-features li:last-child{border-bottom:none}.feature-icon{width:18px;height:18px;color:#10b981;flex-shrink:0}.btn-plan-select{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-plan-select.upgrade{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-plan-select.upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66;background:linear-gradient(135deg,#7c8ff0,#8b5bb8)}.btn-plan-select.downgrade{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-plan-select.downgrade:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-plan-select.disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.btn-plan-select.disabled:hover{transform:none;box-shadow:none}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1e1e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;max-width:500px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-size:1.75rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-secondary:hover{background:#ffffff26}@media(max-width:768px){.plan-management{padding:1rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.settings-header h1{font-size:2rem}.subscription-info,.scheduled-change-info,.cancellation-info{flex-direction:column;align-items:flex-start}.btn-cancel-schedule{width:100%}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.email-hub-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);padding:2rem;margin-left:280px;transition:margin-left .3s ease}.email-hub-container.sidebar-collapsed{margin-left:80px}.email-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;flex-direction:column;gap:.5rem}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;margin:0}.page-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.header-right{display:flex;gap:1rem;align-items:center}.logout-button{padding:.75rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.logout-button:hover{background:#ef444433;border-color:#ef444480}.email-hub-content{position:relative;z-index:1}.loading{text-align:center;padding:3rem;color:#fff9;font-size:1.125rem}.section-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.connection-section{margin-bottom:3rem}.connect-card,.connected-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.connect-card{text-align:center;max-width:500px;margin:0 auto}.connect-icon{width:64px;height:64px;color:#8b5cf6;margin:0 auto 1.5rem}.connect-card h4{font-size:1.5rem;color:#fff;margin:0 0 1rem}.connect-description{color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.connect-button{padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.connect-button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.connected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:56px;height:56px;border-radius:50%;border:2px solid rgba(139,92,246,.5)}.user-name{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.user-email{font-size:.875rem;color:#fff9;margin:.25rem 0 0}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.status-badge.connected{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-icon{width:18px;height:18px}.connected-actions{display:flex;gap:1rem}.sync-button,.disconnect-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.sync-button{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.sync-button:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680}.sync-button:disabled{opacity:.5;cursor:not-allowed}.disconnect-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.disconnect-button:hover{background:#ef444433;border-color:#ef444480}.sync-icon,.disconnect-icon{width:20px;height:20px}.sync-icon.spinning{animation:spin 1s linear infinite}.sync-progress{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6d28d9);transition:width .3s ease}.progress-text{text-align:center;font-size:.875rem;color:#ffffffb3;margin:0}.stats-section{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-4px)}.stat-icon{width:48px;height:48px;padding:12px;border-radius:12px;flex-shrink:0}.stat-icon.total{background:#8b5cf633;color:#a78bfa}.stat-icon.clients{background:#10b98133;color:#10b981}.stat-icon.suppliers{background:#3b82f633;color:#3b82f6}.stat-icon.unmatched{background:#fbbf2433;color:#fbbf24}.stat-label{font-size:.875rem;color:#fff9;margin:0 0 .25rem}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.last-sync{text-align:center;font-size:.875rem;color:#ffffff80;margin:1rem 0 0}.instructions-section{margin-bottom:2rem}.instructions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.instruction-item{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;gap:1rem}.instruction-number{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.instruction-content h4{font-size:1rem;color:#fff;margin:0 0 .5rem}.instruction-content p{font-size:.875rem;color:#fff9;margin:0;line-height:1.5}@media(max-width:768px){.email-hub-container{margin-left:0;padding:1.5rem}.stats-grid,.instructions{grid-template-columns:1fr}.connected-actions{flex-direction:column}.connected-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:480px){.email-hub-container{padding:1rem}.connect-card,.connected-card{padding:1.5rem}.stat-value{font-size:1.5rem}}[data-theme=light] .email-hub-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f0f4f8)}[data-theme=light] .email-hub-header{border-bottom:1px solid rgba(102,126,234,.2)}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .logout-button{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#ef4444}[data-theme=light] .logout-button:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 0 20px #ef444433}[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .connect-card,[data-theme=light] .connected-card{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .connect-icon{color:#667eea}[data-theme=light] .connect-card h4{color:#0f172a}[data-theme=light] .connect-description{color:#475569}[data-theme=light] .connect-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .connect-button:hover{background:linear-gradient(135deg,#5b21b6,#6d28d9);box-shadow:0 6px 30px #667eea80}[data-theme=light] .connected-header{border-bottom:1px solid rgba(102,126,234,.2)}[data-theme=light] .user-avatar{border:2px solid rgba(102,126,234,.35)}[data-theme=light] .user-name{color:#0f172a}[data-theme=light] .user-email{color:#64748b}[data-theme=light] .status-badge.connected{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}[data-theme=light] .sync-button{background:#667eea14;border:1px solid rgba(102,126,234,.25);color:#667eea}[data-theme=light] .sync-button:hover:not(:disabled){background:#667eea26;border-color:#667eea66;box-shadow:0 0 20px #667eea33}[data-theme=light] .disconnect-button:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 0 20px #ef444433}[data-theme=light] .sync-progress{border-top:1px solid rgba(102,126,234,.2)}[data-theme=light] .progress-bar{background:#e2e8f0}[data-theme=light] .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)}[data-theme=light] .progress-text{color:#475569}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .stat-card:hover{background:#f8fafc;border-color:#667eea59;box-shadow:0 8px 24px #0000001f}[data-theme=light] .stat-icon.total{background:#667eea26;color:#667eea}[data-theme=light] .stat-icon.clients{background:#10b98126;color:#059669}[data-theme=light] .stat-icon.suppliers{background:#3b82f626;color:#3b82f6}[data-theme=light] .stat-icon.unmatched{background:#f59e0b26;color:#f59e0b}[data-theme=light] .last-sync{color:#94a3b8}[data-theme=light] .instruction-item{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .instruction-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}[data-theme=light] .instruction-content h4{color:#0f172a}[data-theme=light] .instruction-content p{color:#475569}.calendar-page{min-height:100vh;height:100%;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);background-attachment:fixed;padding:2rem 2rem 4rem;transition:margin-left .3s ease;position:relative}.calendar-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,70,229,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.calendar-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;position:relative;z-index:1}.calendar-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0003;transition:all .3s ease}.sidebar-section:hover{background:#ffffff0d;border-color:#667eea4d}.sidebar-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mini-calendar{display:flex;flex-direction:column;gap:.75rem}.mini-month{text-align:center;font-weight:700;font-size:.9375rem;color:#a78bfa;padding:.75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mini-weekday{text-align:center;font-size:.75rem;font-weight:700;color:#ffffff80;padding:.25rem}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mini-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .2s}.mini-day:hover:not(.other-month){background:#667eea33;color:#fff;transform:scale(1.1)}.mini-day.other-month{color:#fff3;cursor:default}.mini-day.mini-today{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;box-shadow:0 0 20px #667eea80}.event-types{display:flex;flex-direction:column;gap:.75rem}.event-type-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s;cursor:pointer}.event-type-item:hover{background:#ffffff0d;transform:translate(4px);border-color:#667eea4d}.type-indicator{width:1rem;height:1rem;border-radius:4px;flex-shrink:0;box-shadow:0 0 10px currentColor}.type-indicator.delivery{background:#10b981}.type-indicator.payment{background:#f59e0b}.type-indicator.alert{background:#ef4444}.type-indicator.custom{background:#3b82f6}.event-type-item span:nth-child(2){flex:1;font-size:.875rem;font-weight:600;color:#fffc}.type-count{font-size:.75rem;font-weight:700;color:#a78bfa;background:#667eea33;padding:.25rem .625rem;border-radius:12px}.stats-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;border-radius:12px;text-align:center;color:#fff;box-shadow:0 4px 20px #667eea4d;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.calendar-main{display:flex;flex-direction:column;gap:1.5rem}.token-expired-banner{padding:1rem;background:linear-gradient(135deg,#fb923c33,#f59e0b33);border:1px solid rgba(251,146,60,.5);border-radius:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:1rem}.banner-icon{font-size:1.5rem;flex-shrink:0}.banner-text{flex:1;color:#ffffffe6;font-size:.9375rem;font-weight:500;line-height:1.5}.banner-close{background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s;flex-shrink:0}.banner-close:hover{background:#ffffff1a;color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003}.calendar-header .header-left{display:flex;align-items:center;gap:1.25rem}.calendar-header h1{margin:0;font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calendar-header .subtitle{margin:.375rem 0 0;font-size:.9375rem;color:#fff9;font-weight:500}.calendar-header .header-actions{display:flex;gap:.75rem}.connect-button,.sync-button,.create-button,.today-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.connect-button:hover,.sync-button:hover,.create-button:hover,.today-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.disconnect-button{padding:.75rem 1.5rem;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-2px)}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003}.calendar-navigation .nav-left{display:flex;align-items:center;gap:1.25rem}.nav-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#ffffffb3}.nav-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:scale(1.05);box-shadow:0 4px 20px #667eea66}.current-month{margin:0;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-toggle{display:flex;gap:.5rem}.view-button{padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.view-button:hover{background:#ffffff1a;color:#fff}.view-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea66}.calendar-container{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;box-shadow:0 8px 32px #0003;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0}.weekday{padding:.75rem;text-align:center;font-size:.875rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em}.calendar-grid{display:flex;flex-direction:column;gap:0}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-day{min-height:140px;padding:1rem;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03;transition:all .2s;position:relative;cursor:pointer}.calendar-day:nth-child(7n){border-right:none}.calendar-week:last-child .calendar-day{border-bottom:none}.calendar-day.empty{background:#0003;cursor:default}.calendar-day:not(.empty):hover{background:#667eea1a;box-shadow:inset 0 0 0 2px #667eea80;z-index:1}.calendar-day.today{background:#667eea26;border:2px solid #667eea}.calendar-day.today .day-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;box-shadow:0 4px 20px #667eea80}.day-number{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem;display:inline-block}.day-events{display:flex;flex-direction:column;gap:.375rem}.day-event{padding:.375rem .625rem;border-radius:6px;font-size:.8125rem;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;box-shadow:0 2px 8px #0000004d;border-left:3px solid rgba(255,255,255,.5)}.day-event:hover{transform:translate(4px);box-shadow:0 4px 12px #0006}.more-events{padding:.25rem .625rem;font-size:.75rem;color:#fff9;font-weight:600;cursor:pointer;text-align:center;border-radius:4px;background:#ffffff0d;transition:all .2s}.more-events:hover{color:#a78bfa;background:#667eea33}.modal-content{background:#0f0f23f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{background:none;border:none;color:#fff9;cursor:pointer;transition:all .2s;padding:.5rem;border-radius:8px}.close-button:hover{background:#ffffff1a;color:#fff}.modal-body{padding:2rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:#fffc;font-size:.875rem}.form-field input,.form-field textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9375rem;transition:all .3s ease}.form-field input:focus,.form-field textarea:focus{outline:none;background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field textarea{resize:vertical;font-family:inherit}.cancel-button{padding:.75rem 1.5rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff1a;color:#fff}.create-event-button,.view-google-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d;text-decoration:none;display:inline-block}.create-event-button:hover,.view-google-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.delete-button{padding:.75rem 1.5rem;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-button:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-2px)}.event-detail .modal-body{color:#fffc}.event-detail .event-info p{margin:1rem 0;line-height:1.6}.event-detail .event-info strong{color:#fff}.event-type{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.event-type.delivery{background:#10b98133;color:#10b981}.event-type.payment{background:#f59e0b33;color:#f59e0b}.event-type.alert{background:#ef444433;color:#ef4444}.event-type.custom{background:#3b82f633;color:#3b82f6}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:#fff9}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{display:none}}@media(max-width:768px){.calendar-page{padding:1rem;margin-left:0!important}.calendar-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.calendar-header h1{font-size:1.75rem}.calendar-header .header-actions{width:100%;flex-wrap:wrap}.calendar-navigation{flex-direction:column;gap:1rem;padding:1rem}.calendar-navigation .nav-left{flex-wrap:wrap;width:100%;justify-content:center}.current-month{font-size:1.25rem}.calendar-day{min-height:80px;padding:.5rem}.day-number{font-size:.875rem}.day-event{font-size:.625rem;padding:.25rem .375rem}.weekday{font-size:.75rem;padding:.5rem}.form-row{grid-template-columns:1fr}.modal-content{width:95%}}[data-theme=light] .calendar-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f0f4f8)}[data-theme=light] .calendar-page:before{background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%)}[data-theme=light] .sidebar-section{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .sidebar-section:hover{background:#fff;border-color:#667eea59;box-shadow:0 6px 16px #0000001f}[data-theme=light] .sidebar-title{color:#0f172a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .mini-month{color:#667eea;background:#667eea14;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .mini-weekday{color:#64748b}[data-theme=light] .mini-day{color:#1e293b}[data-theme=light] .mini-day:hover:not(.other-month){background:#667eea26;color:#0f172a}[data-theme=light] .mini-day.other-month{color:#cbd5e1}[data-theme=light] .mini-day.mini-today{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 0 20px #667eea66}[data-theme=light] .event-type-item{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .event-type-item:hover{background:#fff;border-color:#667eea4d;box-shadow:0 2px 8px #00000014}[data-theme=light] .type-indicator.delivery{background:#10b981;box-shadow:0 0 10px #10b9814d}[data-theme=light] .type-indicator.payment{background:#f59e0b;box-shadow:0 0 10px #f59e0b4d}[data-theme=light] .type-indicator.alert{background:#ef4444;box-shadow:0 0 10px #ef44444d}[data-theme=light] .type-indicator.custom{background:#3b82f6;box-shadow:0 0 10px #3b82f64d}[data-theme=light] .event-type-item span:nth-child(2){color:#1e293b}[data-theme=light] .type-count{color:#667eea;background:#667eea26}[data-theme=light] .stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea40}[data-theme=light] .stat-card:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .stat-value{color:#fff}[data-theme=light] .stat-label{color:#fff;opacity:.95}[data-theme=light] .token-expired-banner{background:linear-gradient(135deg,#fb923c26,#f59e0b26);border:1px solid rgba(251,146,60,.35)}[data-theme=light] .banner-text,[data-theme=light] .banner-close{color:#92400e}[data-theme=light] .banner-close:hover{background:#fb923c26;color:#78350f}[data-theme=light] .calendar-header{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .calendar-header h1{color:#0f172a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .calendar-header .subtitle{color:#64748b}[data-theme=light] .connect-button,[data-theme=light] .sync-button,[data-theme=light] .create-button,[data-theme=light] .today-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea40}[data-theme=light] .connect-button:hover,[data-theme=light] .sync-button:hover,[data-theme=light] .create-button:hover,[data-theme=light] .today-button:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .disconnect-button{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#ef4444}[data-theme=light] .disconnect-button:hover{background:#ef444426;border-color:#ef444466}[data-theme=light] .calendar-navigation{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .nav-button{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#475569}[data-theme=light] .nav-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea4d}[data-theme=light] .current-month{color:#0f172a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .view-button{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#475569}[data-theme=light] .view-button:hover{background:#fff;color:#0f172a;border-color:#667eea59}[data-theme=light] .view-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea4d}[data-theme=light] .calendar-container{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 12px #00000014}[data-theme=light] .calendar-weekdays{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=light] .weekday{color:#fff}[data-theme=light] .calendar-day{border-right:1px solid rgba(102,126,234,.15);border-bottom:1px solid rgba(102,126,234,.15);background:#fff}[data-theme=light] .calendar-day.empty{background:#f8fafc}[data-theme=light] .calendar-day:not(.empty):hover{background:#667eea14;box-shadow:inset 0 0 0 2px #667eea59}[data-theme=light] .calendar-day.today{background:#667eea1f;border:2px solid #667eea}[data-theme=light] .calendar-day.today .day-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea66}[data-theme=light] .day-number{color:#0f172a}[data-theme=light] .day-event{color:#fff;box-shadow:0 2px 8px #00000026;border-left:3px solid rgba(255,255,255,.8)}[data-theme=light] .day-event:hover{box-shadow:0 4px 12px #00000040}[data-theme=light] .more-events{color:#475569;background:#667eea1a}[data-theme=light] .more-events:hover{color:#667eea;background:#667eea33}[data-theme=light] .modal-overlay{background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .modal-content{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 60px #00000040}[data-theme=light] .modal-header h3{color:#0f172a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .close-button{color:#64748b}[data-theme=light] .close-button:hover{background:#667eea1a;color:#0f172a}[data-theme=light] .modal-footer{border-top:1px solid rgba(102,126,234,.15)}[data-theme=light] .form-field label{color:#475569}[data-theme=light] .form-field input,[data-theme=light] .form-field textarea{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#0f172a}[data-theme=light] .form-field input:focus,[data-theme=light] .form-field textarea:focus{background:#fff;border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .form-field input::placeholder,[data-theme=light] .form-field textarea::placeholder{color:#94a3b8}[data-theme=light] .cancel-button{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .cancel-button:hover{background:#667eea14;border-color:#667eea59;color:#5b21b6}[data-theme=light] .create-event-button,[data-theme=light] .view-google-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea40}[data-theme=light] .create-event-button:hover,[data-theme=light] .view-google-button:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .delete-button{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#ef4444}[data-theme=light] .delete-button:hover{background:#ef444426;border-color:#ef444466}[data-theme=light] .event-detail .modal-body,[data-theme=light] .event-detail .event-info p{color:#334155}[data-theme=light] .event-detail .event-info strong{color:#0f172a}[data-theme=light] .event-type.delivery{background:#10b98126;color:#059669}[data-theme=light] .event-type.payment{background:#f59e0b26;color:#d97706}[data-theme=light] .event-type.alert{background:#ef444426;color:#dc2626}[data-theme=light] .event-type.custom{background:#3b82f626;color:#2563eb}[data-theme=light] .loading{color:#64748b}.stock-locations-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);background-attachment:fixed;padding:2rem;transition:margin-left .3s ease;position:relative}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003}.header-content{flex:1}.page-title{display:flex;align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-icon{width:40px;height:40px;color:#a78bfa}.page-subtitle{margin:0;font-size:1rem;color:#fff9;font-weight:500}.header-actions{display:flex;gap:1rem}.btn-refresh,.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003}.btn-refresh{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.btn-refresh:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.analytics-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#a78bfa4d;box-shadow:0 10px 30px #0003}.analytics-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-icon svg{width:28px;height:28px}.analytics-icon.warehouse{background:#a78bfa1a;color:#a78bfa}.analytics-icon.products{background:#10b9811a;color:#10b981}.analytics-icon.value{background:#3b82f61a;color:#3b82f6}.analytics-content{flex:1;min-width:0;overflow:hidden}.analytics-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-value{font-size:1.75rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.map-section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-container{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0003}.map-placeholder{height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ffffff05}.placeholder-icon{width:80px;height:80px;color:#ffffff4d}.map-placeholder p{color:#fff9;font-size:1.125rem;font-weight:500;margin:0}.map-placeholder small{color:#fff6;font-size:.875rem;font-family:Courier New,monospace;background:#ffffff0d;padding:.5rem 1rem;border-radius:8px}.map-info-window{padding:.5rem}.map-info-window h3{margin:0 0 .5rem;font-size:1rem;color:#1a1a3e}.info-type,.info-address,.info-stock{margin:.25rem 0;font-size:.875rem;color:#4a5568}.info-type{font-weight:600;color:#667eea}.filters-section{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#fff6}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9375rem;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 20px #667eea66}.filter-icon{width:18px;height:18px}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.location-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.location-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#667eea4d;box-shadow:0 10px 30px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.location-title{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;overflow:hidden}.location-icon{width:40px;height:40px;color:#a78bfa;flex-shrink:0}.location-title h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-type-badge{display:inline-block;padding:.25rem .75rem;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.75rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.card-actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.action-btn svg{width:18px;height:18px}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background:#3b82f633;border-color:#3b82f680}.action-btn.delete{color:#ef4444}.btn-view-invoice{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-view-invoice:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-view-invoice svg{width:18px;height:18px}.card-body{padding:1.5rem}.location-address{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.75rem;background:#ffffff05;border-radius:8px;color:#ffffffb3;font-size:.9375rem}.address-icon{width:16px;height:16px;color:#a78bfa;flex-shrink:0}.stock-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff05;border-radius:8px}.summary-label{font-size:.875rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-value{font-size:.875rem;font-weight:700;color:#a78bfa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.stock-items h4{margin:0 0 .75rem;font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.items-list{display:flex;flex-direction:column;gap:.5rem}.stock-item{display:flex;justify-content:space-between;padding:.5rem;background:#ffffff05;border-radius:6px;font-size:.875rem}.item-name{color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-quantity{font-weight:600;color:#10b981;white-space:nowrap;flex-shrink:0}.more-items{padding:.5rem;text-align:center;font-size:.875rem;color:#ffffff80;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;grid-column:1 / -1}.spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#fff9;font-size:1.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;grid-column:1 / -1}.empty-icon{width:80px;height:80px;color:#ffffff4d}.empty-state p{color:#fff9;font-size:1.125rem;margin:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-container{background:#0f0f23f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.location-form-modal{max-width:800px}.modal-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:all .2s;padding:.5rem;border-radius:8px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-error{margin:1rem 2rem 0;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.9375rem}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#fffc;font-size:.875rem}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9375rem;transition:all .3s ease}.form-input:focus{outline:none;background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}textarea.form-input{resize:vertical;font-family:inherit}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.modal-button.cancel{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.modal-button.cancel:hover{background:#ffffff1a;color:#fff}.modal-button.submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}.modal-button.submit:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.modal-button.submit.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef44444d}.modal-button.submit.danger:hover{box-shadow:0 6px 30px #ef444480}.modal-button:disabled{opacity:.5;cursor:not-allowed}.confirm-modal{max-width:500px;text-align:center;padding:2rem}.confirm-modal h3{margin:0 0 1rem;font-size:1.5rem;color:#fff}.confirm-modal p{margin:0 0 1.5rem;color:#ffffffb3;line-height:1.6}.warning-text{color:#f87171!important;font-weight:600}@media(max-width:1024px){.locations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.stock-locations-page{padding:1rem;margin-left:0!important}.page-header{flex-direction:column;gap:1.5rem}.header-actions{width:100%;flex-wrap:wrap}.analytics-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-box{min-width:100%}.filter-buttons{width:100%}.filter-btn{flex:1}.locations-grid,.form-row{grid-template-columns:1fr}.modal-container{width:95%}}.location-hierarchy-section{margin:2rem 0}.hierarchy-container{display:flex;flex-direction:column;gap:2rem}.location-type-group{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0003;transition:all .3s ease}.location-type-group:hover{border-color:#667eea4d;box-shadow:0 10px 40px #667eea33}.type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.type-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;flex:1;min-width:0;overflow:hidden}.type-title .location-icon{width:32px;height:32px;color:#a78bfa;flex-shrink:0}.type-stats{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.stat-badge{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.875rem;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.stat-badge.value{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea4d;color:#a78bfa}.type-locations{display:flex;flex-direction:column;gap:1rem}.hierarchy-location-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .3s ease}.hierarchy-location-card:hover{background:#ffffff0a;border-color:#667eea4d;transform:translate(4px)}.hierarchy-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;cursor:pointer;gap:1rem}.location-info{flex:1;min-width:0;overflow:hidden}.location-info h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-address-small{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-icon{width:14px;height:14px;flex-shrink:0}.location-metrics{display:flex;gap:1.5rem;flex-shrink:0}.metric{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:0}.metric-value{font-size:1.125rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.metric.value-metric .metric-value{color:#10b981}.metric-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stock-distribution-bar{height:32px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.distribution-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:flex-end;padding:0 .75rem;transition:width .6s ease;position:relative}.distribution-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.distribution-label{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.expanded-stock-details{padding:1.25rem;background:#0003;border-top:1px solid rgba(255,255,255,.05);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.stock-details-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.stock-details-list{display:flex;flex-direction:column;gap:.75rem}.stock-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.stock-detail-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translate(4px)}.stock-detail-item .item-name{font-size:.9375rem;font-weight:500;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.item-details{display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.item-quantity{font-size:.875rem;font-weight:600;color:#a78bfa;padding:.25rem .75rem;background:#a78bfa1a;border-radius:6px;white-space:nowrap}.item-value{font-size:.9375rem;font-weight:700;color:#10b981;min-width:80px;max-width:100px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon-large{width:80px;height:80px;color:#fff3;margin-bottom:1.5rem}.hierarchy-empty p{margin:.5rem 0;font-size:1.125rem;font-weight:600;color:#fff9}.empty-hint{font-size:.875rem!important;font-weight:400!important;color:#fff6!important}@media(max-width:768px){.type-header{flex-direction:column;align-items:flex-start;gap:1rem}.type-stats{width:100%;justify-content:flex-start}.hierarchy-card-header{flex-direction:column;align-items:flex-start}.location-metrics{width:100%;justify-content:flex-start}.item-details{flex-direction:column;gap:.5rem;align-items:flex-end}}[data-theme=light] .stock-locations-page{background:#fff}[data-theme=light] .page-header{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .page-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .title-icon{color:#667eea}[data-theme=light] .page-subtitle{color:#64748b}[data-theme=light] .btn-refresh{background:#f8fafc;color:#667eea;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .btn-refresh:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea59}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .btn-primary:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .analytics-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .analytics-card:hover{border-color:#667eea4d;box-shadow:0 12px 24px #0000001f}[data-theme=light] .analytics-icon.warehouse{background:#667eea1f;color:#667eea}[data-theme=light] .analytics-icon.products{background:#10b9811f;color:#059669}[data-theme=light] .analytics-icon.value{background:#3b82f61f;color:#2563eb}[data-theme=light] .analytics-label{color:#64748b}[data-theme=light] .analytics-value{color:#0f172a}[data-theme=light] .section-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .map-container{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .map-placeholder{background:#f8fafc}[data-theme=light] .placeholder-icon{color:#667eea33}[data-theme=light] .map-placeholder p{color:#64748b}[data-theme=light] .map-placeholder small{background:#667eea14;color:#667eea}[data-theme=light] .search-icon{color:#94a3b8}[data-theme=light] .search-input{background:#fff;border:1px solid rgba(102,126,234,.2);color:#0f172a}[data-theme=light] .search-input:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .search-input::placeholder{color:#94a3b8}[data-theme=light] .filter-btn{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#64748b}[data-theme=light] .filter-btn:hover{background:#fff;border-color:#667eea59;color:#667eea}[data-theme=light] .filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea4d}[data-theme=light] .location-card{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .location-card:hover{border-color:#667eea4d;box-shadow:0 12px 24px #0000001f}[data-theme=light] .card-header{border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .location-icon{color:#667eea}[data-theme=light] .location-title h3{color:#0f172a}[data-theme=light] .location-type-badge{background:#667eea1f;border-color:#667eea40;color:#667eea}[data-theme=light] .action-btn{background:#f8fafc;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .action-btn.edit{color:#3b82f6;border-color:#3b82f640}[data-theme=light] .action-btn.edit:hover{background:#3b82f61a;border-color:#3b82f666}[data-theme=light] .action-btn.delete{color:#ef4444;border-color:#ef444440}[data-theme=light] .action-btn.delete:hover{background:#ef44441a;border-color:#ef444466}[data-theme=light] .location-address{background:#f8fafc;color:#334155}[data-theme=light] .address-icon{color:#667eea}[data-theme=light] .summary-item{background:#f8fafc}.location-card.closed-location{opacity:.7;background:#ffffff05;border-color:#ffffff0d}.location-status-badge.closed{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.invoice-reference{display:block;color:#ffffff80;font-size:.85rem;margin-top:.5rem;font-style:italic}.closed-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-weight:600}[data-theme=light] .summary-label{color:#64748b}[data-theme=light] .summary-value{color:#667eea}[data-theme=light] .stock-items h4{color:#64748b}[data-theme=light] .stock-item{background:#f8fafc}[data-theme=light] .item-name{color:#334155}[data-theme=light] .item-quantity{color:#10b981}[data-theme=light] .more-items{color:#94a3b8}[data-theme=light] .spinner{border:4px solid rgba(102,126,234,.2);border-top-color:#667eea}[data-theme=light] .loading-state p{color:#64748b}[data-theme=light] .empty-icon{color:#667eea33}[data-theme=light] .empty-state p{color:#64748b}[data-theme=light] .modal-header{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .modal-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .modal-error{background:#ef44441a;border-color:#ef44444d;color:#dc2626}[data-theme=light] .form-label{color:#475569}[data-theme=light] .form-input{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#0f172a}[data-theme=light] .form-input:focus{background:#fff;border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}[data-theme=light] .form-input::placeholder{color:#94a3b8}[data-theme=light] .modal-actions{border-top:1px solid rgba(0,0,0,.1)}[data-theme=light] .modal-button.cancel{background:#f8fafc;color:#667eea;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .modal-button.cancel:hover{background:linear-gradient(135deg,#667eea14,#764ba214)}[data-theme=light] .modal-button.submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .modal-button.submit:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .modal-button.submit.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef44444d}[data-theme=light] .modal-button.submit.danger:hover{box-shadow:0 6px 30px #ef444466}[data-theme=light] .confirm-modal h3{color:#0f172a}[data-theme=light] .confirm-modal p{color:#334155}[data-theme=light] .warning-text{color:#dc2626!important}[data-theme=light] .location-type-group{background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 2px 8px #00000014}[data-theme=light] .location-type-group:hover{border-color:#667eea4d;box-shadow:0 8px 24px #667eea1f}[data-theme=light] .type-header{border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .type-title{color:#0f172a}[data-theme=light] .type-title .location-icon{color:#667eea}[data-theme=light] .stat-badge{background:#f8fafc;border:1px solid rgba(102,126,234,.2);color:#334155}[data-theme=light] .stat-badge.value{background:#667eea1f;border-color:#667eea40;color:#667eea}[data-theme=light] .hierarchy-location-card{background:#f8fafc;border:1px solid rgba(102,126,234,.1)}[data-theme=light] .hierarchy-location-card:hover{background:#fff;border-color:#667eea4d}[data-theme=light] .location-info h4{color:#0f172a}[data-theme=light] .location-address-small{color:#64748b}[data-theme=light] .metric-value{color:#0f172a}[data-theme=light] .metric.value-metric .metric-value{color:#10b981}[data-theme=light] .metric-label{color:#94a3b8}[data-theme=light] .stock-distribution-bar{background:#667eea1a;border-top:1px solid rgba(102,126,234,.1)}[data-theme=light] .distribution-fill{background:linear-gradient(90deg,#667eea,#764ba2)}[data-theme=light] .expanded-stock-details{background:#667eea0d;border-top:1px solid rgba(102,126,234,.1)}[data-theme=light] .stock-details-header{color:#64748b}[data-theme=light] .stock-detail-item{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .stock-detail-item:hover{border-color:#667eea4d}[data-theme=light] .stock-detail-item .item-name{color:#0f172a}[data-theme=light] .item-quantity{background:#667eea1f;color:#667eea}[data-theme=light] .item-value{color:#10b981}[data-theme=light] .empty-icon-large{color:#667eea33}[data-theme=light] .hierarchy-empty p{color:#64748b}[data-theme=light] .empty-hint{color:#94a3b8!important}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);color:#fff;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;cursor:pointer}.logo-icon{width:32px;height:32px;color:#667eea}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;gap:1rem;align-items:center}.nav-link{background:none;border:none;color:#fffc;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:color .3s ease}.nav-link:hover{color:#fff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.hero-section{padding:120px 2rem 80px;max-width:1200px;margin:0 auto}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:50px;color:#a78bfa;font-weight:600;font-size:.875rem;margin-bottom:2rem}.badge-icon{width:16px;height:16px}.hero-title{font-size:4rem;font-weight:900;line-height:1.2;margin:0 0 1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;max-width:700px;margin:0 auto 2.5rem;line-height:1.8}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-hero-primary,.btn-hero-secondary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s ease}.btn-hero-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 8px 30px #667eea66}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea99}.btn-hero-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-hero-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-icon{width:20px;height:20px}.hero-stats{display:flex;gap:4rem;justify-content:center;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:800px;margin:0 auto}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#fff9;font-size:.875rem;margin-top:.5rem}.features-section{padding:80px 2rem;background:#0003}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;margin:0 0 1rem;line-height:1.2}.section-subtitle{font-size:1.125rem;color:#fff9;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#667eea4d;box-shadow:0 10px 40px #667eea33}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:32px;height:32px;color:#a78bfa}.feature-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.feature-description{color:#ffffffb3;line-height:1.6;margin:0}.pricing-section{padding:80px 2rem}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem;font-weight:600}.billing-toggle span{color:#ffffff80;transition:color .3s ease}.billing-toggle span.active{color:#fff}.toggle-switch{width:60px;height:30px;background:#ffffff1a;border-radius:15px;border:none;position:relative;cursor:pointer;transition:background .3s ease}.toggle-switch.annual{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-slider{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.toggle-switch.annual .toggle-slider{transform:translate(30px)}.savings-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:6px;margin-left:.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.pricing-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px);border-color:#667eea4d;box-shadow:0 15px 50px #667eea33}.pricing-card.popular{border-color:#667eea80;box-shadow:0 10px 40px #667eea4d}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px #667eea66}.badge-star{width:16px;height:16px}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.plan-name{font-size:1.75rem;font-weight:700;margin:0;word-wrap:break-word;color:#fff}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:0}.price-amount{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.price-period{font-size:1rem;color:#fff9;font-weight:500}.plan-description{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;min-height:2.5rem}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:#fffc;font-size:.95rem;line-height:1.5}.feature-item span{word-wrap:break-word;overflow-wrap:break-word;flex:1}.check-icon{width:20px;height:20px;color:#10b981;flex-shrink:0}.btn-select-plan{width:100%;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-select-plan.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 20px #667eea66}.btn-select-plan.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.btn-select-plan.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-select-plan.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.trust-section{padding:80px 2rem;background:#0003}.trust-content{text-align:center;max-width:900px;margin:0 auto}.trust-icon{width:80px;height:80px;color:#10b981;margin:0 auto 2rem}.trust-title{font-size:2.5rem;font-weight:800;margin:0 0 1rem}.trust-description{font-size:1.125rem;color:#ffffffb3;margin:0 0 3rem}.trust-badges{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981;font-weight:600}.trust-badge .badge-icon{width:20px;height:20px}.cta-section{padding:80px 2rem}.cta-content{text-align:center;max-width:700px;margin:0 auto;padding:4rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.cta-title{font-size:2.5rem;font-weight:800;margin:0 0 1rem}.cta-subtitle{font-size:1.125rem;color:#ffffffb3;margin:0 0 2rem}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:12px;font-weight:700;font-size:1.25rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #667eea66;margin-bottom:1rem}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea99}.cta-note{color:#ffffff80;font-size:.875rem;margin:0}.landing-footer{padding:3rem 2rem;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700}.footer-logo{width:28px;height:28px;color:#667eea}.footer-name{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#ffffff80;margin:0}@media(max-width:1200px){.nav-container,.hero-section,.features-section,.pricing-section,.trust-section,.cta-section{padding-left:1.5rem;padding-right:1.5rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media(max-width:1024px){.hero-title{font-size:3rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:1.75rem}.plan-name{font-size:1.5rem}.plan-price{font-size:2.75rem}}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-logo{font-size:1.25rem}.logo-icon{width:24px;height:24px}.nav-actions{gap:.5rem}.nav-link{padding:.5rem .75rem;font-size:.875rem}.btn-primary{padding:.625rem 1.25rem;font-size:.875rem}.hero-section{padding:100px 1rem 60px}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.hero-cta{flex-direction:column;gap:1rem}.btn-hero{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:2rem}.pricing-section{padding:60px 1rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px;margin:0 auto}.pricing-card{padding:2rem 1.5rem}.plan-name{font-size:1.75rem}.plan-price{font-size:3rem}.plan-features{margin:1.5rem 0}.footer-content{flex-direction:column;gap:2rem}.footer-links{flex-direction:column;text-align:center;gap:1rem}.trust-section{padding:60px 1rem}.trust-title{font-size:2rem}.trust-badges{flex-direction:column;align-items:stretch}.trust-badge{justify-content:center}.cta-section{padding:60px 1rem}.cta-content{padding:3rem 1.5rem}.cta-title{font-size:2rem}.btn-cta{width:100%;justify-content:center;padding:1rem 2rem;font-size:1.125rem}}@media(max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.section-title{font-size:1.75rem}.plan-name{font-size:1.5rem}.plan-price{font-size:2.5rem}.pricing-toggle{flex-direction:column;gap:.75rem}.toggle-option{font-size:.875rem}.cta-title{font-size:1.75rem}.btn-cta{font-size:1rem;padding:.875rem 1.5rem}.footer-brand{font-size:1.125rem}}.admin-dashboard-standalone{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#16213e);background-attachment:fixed;display:flex;flex-direction:column}.admin-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.admin-navbar-left{display:flex;align-items:center;gap:1rem}.admin-logo-icon{width:32px;height:32px;color:#667eea}.admin-logo-text{font-size:1.5rem;font-weight:800;color:#fff;margin:0}.admin-navbar-right{display:flex;align-items:center;gap:1rem}.btn-back-to-app{padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back-to-app:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#ef444433;border-color:#ef444480}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-header{margin-bottom:2rem;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.admin-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{color:#fff9;margin:0;font-size:1.125rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;color:#fff9;font-weight:600;cursor:pointer;border-radius:12px;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;color:#ffffffe6}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-icon{width:20px;height:20px}.admin-content{display:flex;flex-direction:column;gap:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.analytics-card{display:flex;gap:1.5rem;padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.analytics-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 8px 30px #667eea33}.analytics-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-icon svg{width:32px;height:32px;color:#fff}.analytics-icon.companies{background:linear-gradient(135deg,#667eea,#764ba2)}.analytics-icon.subscriptions{background:linear-gradient(135deg,#10b981,#059669)}.analytics-icon.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.analytics-icon.promo{background:linear-gradient(135deg,#ec4899,#be185d)}.analytics-data{flex:1}.analytics-label{color:#fff9;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.analytics-value{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.analytics-change{color:#10b981;font-size:.875rem;font-weight:600}.section-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea80}.btn-icon{width:18px;height:18px}.table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#ffffff0d}.admin-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#fffc;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.admin-table tbody tr:hover{background:#ffffff08}.admin-table td{padding:1rem 1.5rem;color:#ffffffb3;font-size:.9375rem}.company-name{color:#fff;font-weight:600}.revenue{color:#10b981;font-weight:600}.plan-badge{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.plan-badge.free{background:#9ca3af33;color:#d1d5db}.plan-badge.starter{background:#667eea33;color:#a78bfa}.plan-badge.professional{background:#10b98133;color:#10b981}.plan-badge.enterprise{background:#f59e0b33;color:#fbbf24}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.canceled,.status-badge.expired{background:#ef444433;color:#ef4444}.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.promo-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.promo-card:hover{transform:translateY(-2px);border-color:#667eea4d;box-shadow:0 8px 25px #667eea33}.promo-card.inactive{opacity:.5}.promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.promo-code{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.promo-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;padding:0}.action-btn svg{width:16px;height:16px;color:#ffffffb3}.action-btn.edit:hover{background:#667eea33;border-color:#667eea80}.action-btn.edit:hover svg{color:#a78bfa}.action-btn.delete:hover{background:#ef444433;border-color:#ef444480}.action-btn.delete:hover svg{color:#ef4444}.promo-body{display:flex;flex-direction:column;gap:1rem}.promo-type{font-size:1.25rem;font-weight:700;color:#10b981;text-align:center;padding:.75rem;background:#10b9811a;border-radius:8px}.promo-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{color:#ffffff80;font-weight:600}.detail-value{color:#fff;font-weight:600}.toggle-active-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.toggle-active-btn.active{background:#10b98133;color:#10b981}.toggle-active-btn.inactive{background:#ef444433;color:#ef4444}.toggle-icon{width:18px;height:18px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.modal-container{background:#1a1a3e;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#fffc;font-weight:600;font-size:.9375rem}.form-input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#667eea80;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#ffffff4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:1rem;padding:2rem;border-top:1px solid rgba(255,255,255,.1)}.modal-button{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.modal-button.cancel:hover{background:#ffffff1a}.modal-button.submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 15px #667eea4d}.modal-button.submit:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea80}@media(max-width:1024px){.admin-tabs{overflow-x:auto}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.promo-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header,.section-card{padding:1.5rem}.admin-title{font-size:2rem}.tab-btn{padding:.75rem 1rem;font-size:.875rem}.analytics-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.admin-table{min-width:600px}.form-row{grid-template-columns:1fr}.modal-container{margin:1rem}}.admin-header-simple{margin-bottom:2rem}.admin-header-simple .admin-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header-simple .admin-subtitle{color:#fff9;margin:0;font-size:1.125rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 8px 32px #0000004d}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:28px;height:28px;color:#fff}.stat-icon.companies{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.subscriptions{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.promos{background:linear-gradient(135deg,#ec4899,#be185d)}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#fff9;margin-bottom:.5rem;font-weight:600}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem}.stat-change{font-size:.875rem;color:#10b981;font-weight:600}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.management-card{padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.management-card:hover{transform:translateY(-4px);border-color:#667eea80;box-shadow:0 12px 40px #667eea33;background:#ffffff0d}.management-card-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.management-card-icon svg{width:32px;height:32px;color:#fff}.management-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem}.management-card p{color:#fff9;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.management-card-stat{display:inline-block;padding:.5rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#a78bfa;font-weight:700;font-size:.875rem}.view-container{padding:2rem;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.btn-back{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.btn-back:hover{background:#ffffff1a;border-color:#ffffff4d}.view-container h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem}.view-container p{color:#fff9;font-size:1.125rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.plan-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-8px);border-color:#667eea80;box-shadow:0 20px 60px #667eea4d;background:#ffffff14}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.plan-header h3{font-size:1.75rem;font-weight:800;color:#fff;margin:0}.badge-popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.plan-price{margin-bottom:1.5rem;display:flex;align-items:baseline;gap:.25rem}.price-free{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-currency{font-size:1.5rem;font-weight:700;color:#667eea}.price-amount{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-period{font-size:1rem;color:#ffffff80;font-weight:600}.plan-description{color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;min-height:3rem}.plan-features-list{flex:1;margin-bottom:1.5rem}.plan-features-list h4{font-size:.875rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.plan-features-list ul{list-style:none;padding:0;margin:0}.plan-features-list li{color:#ffffffd9;font-size:.95rem;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem}.plan-features-list li:last-child{border-bottom:none}.plan-features-list li.feature-enabled{color:#10b981;font-weight:600}.plan-features-list li.feature-disabled{color:#ffffff4d;text-decoration:line-through}.btn-edit-plan{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-edit-plan:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66;background:linear-gradient(135deg,#7c8ff0,#8b5bb8)}.btn-edit-plan:active{transform:translateY(0)}[data-theme=light] .admin-dashboard{background:#fff}[data-theme=light] .modal-overlay{background:#0f172ab3}[data-theme=light] .modal-container{background:#fff;border:1px solid rgba(102,126,234,.2);box-shadow:0 20px 60px #00000040}[data-theme=light] .modal-header{border-bottom:1px solid rgba(102,126,234,.15)}[data-theme=light] .modal-title{color:#0f172a;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .modal-close{color:#64748b}[data-theme=light] .modal-close:hover{background:#667eea1a;color:#667eea}[data-theme=light] .modal-body{color:#334155}[data-theme=light] .modal-buttons{border-top:1px solid rgba(102,126,234,.15)}[data-theme=light] .modal-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .modal-button:hover{box-shadow:0 6px 30px #667eea66}[data-theme=light] .modal-button.secondary{background:#f8fafc;color:#667eea;border:1px solid rgba(102,126,234,.2)}[data-theme=light] .modal-button.secondary:hover{background:#667eea14;border-color:#667eea59}[data-theme=light] .stats-grid{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .stat-card:hover{border-color:#667eea4d;box-shadow:0 8px 20px #0000001a}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .management-cards-grid{background:transparent}[data-theme=light] .management-card{background:#fff;border:2px solid rgba(102,126,234,.15)}[data-theme=light] .management-card:hover{border-color:#667eea59;box-shadow:0 12px 32px #0000001f}[data-theme=light] .management-card h3{color:#0f172a}[data-theme=light] .management-card p{color:#64748b}[data-theme=light] .management-card-stat{background:#667eea1a;border-color:#667eea40;color:#667eea}[data-theme=light] .view-container{background:#f8fafc;border:1px solid rgba(102,126,234,.15)}[data-theme=light] .btn-back{background:#fff;border:1px solid rgba(102,126,234,.2);color:#667eea}[data-theme=light] .btn-back:hover{background:#667eea14;border-color:#667eea59}[data-theme=light] .view-container h2{color:#0f172a}[data-theme=light] .view-container p{color:#64748b}[data-theme=light] .plan-card{background:#fff;border:2px solid rgba(102,126,234,.15)}[data-theme=light] .plan-card:hover{border-color:#667eea59;box-shadow:0 12px 32px #667eea33;background:#f8fafc}[data-theme=light] .plan-header h3{color:#0f172a}[data-theme=light] .badge-popular{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=light] .price-free{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .price-currency{color:#667eea}[data-theme=light] .price-amount{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .price-period{color:#94a3b8}[data-theme=light] .plan-description{color:#64748b}[data-theme=light] .plan-features-list h4{color:#94a3b8}[data-theme=light] .plan-features-list li{color:#334155;border-bottom:1px solid rgba(102,126,234,.1)}[data-theme=light] .plan-features-list li.feature-enabled{color:#059669}[data-theme=light] .plan-features-list li.feature-disabled{color:#cbd5e1}[data-theme=light] .btn-edit-plan{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}[data-theme=light] .btn-edit-plan:hover{box-shadow:0 8px 24px #667eea66;background:linear-gradient(135deg,#7c8ff0,#8b5bb8)}.privacy-policy-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.privacy-policy-container{max-width:900px;margin:0 auto;background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003}.privacy-policy-container h1{color:#667eea;margin-bottom:10px;font-size:2.5rem}.privacy-policy-container .last-updated{color:#666;font-size:.9rem;margin-bottom:30px}.privacy-policy-container h2{color:#764ba2;margin-top:30px;margin-bottom:15px;font-size:1.5rem}.privacy-policy-container p{margin-bottom:15px;text-align:justify;line-height:1.6;color:#333}.privacy-policy-container ul{margin-left:30px;margin-bottom:15px}.privacy-policy-container li{margin-bottom:8px;color:#333}.privacy-policy-container .contact-info{background:#f5f5f5;padding:20px;border-radius:8px;margin-top:30px}.privacy-policy-container .back-link{display:inline-block;margin-top:30px;color:#667eea;text-decoration:none;font-weight:600}.privacy-policy-container .back-link:hover{text-decoration:underline}