.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:4rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;transition:all .3s ease;overflow:visible}.topbar.light{--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #6b7280;--border-color: #e5e7eb;--hover-bg: #f3f4f6;--accent-color: #3b82f6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}.topbar.dark{--bg-primary: rgba(17, 24, 39, .95);--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: #374151;--accent-color: #60a5fa;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}.topbar-left{display:flex;align-items:center;gap:1rem;height:100%;overflow:visible}.topbar-center{display:flex;align-items:center;gap:1rem}.topbar-right{display:flex;align-items:center;gap:.75rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:var(--bg-secondary);transform:scale(1.05)}.sidebar-toggle svg{width:40px;height:40px}.logo{display:flex;align-items:center;height:100%}.logo-image{height:2.5rem;width:auto;max-width:150px;object-fit:contain;transition:all .3s ease;cursor:pointer;border-radius:8px}.logo-image:hover{transform:scale(1.05);filter:brightness(1.1)}.logo h2{margin:0;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout-controls{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.layout-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.layout-btn:hover{color:var(--text-primary);background:var(--hover-bg);transform:scale(1.05)}.layout-btn.active{color:#fff;background:var(--accent-color);box-shadow:0 2px 4px #3b82f64d;transform:scale(1.05)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:rotate(15deg) scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:rotate(15deg) scale(.95)}.theme-toggle svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;transition:all .3s ease;filter:drop-shadow(0 0 2px currentColor);flex-shrink:0}[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,#1e293b,#334155);border-color:#60a5fa;color:#fbbf24}[data-theme=dark] .theme-toggle:hover{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 0 20px #60a5fa4d}[data-theme=light] .theme-toggle{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#3b82f6;color:#1e293b}[data-theme=light] .theme-toggle:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 0 20px #3b82f633}.notifications-container{position:relative}.notifications-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;position:relative}.notifications-btn svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0;transition:transform .2s ease}.notifications-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);transform:scale(1.05)}.notifications-btn:hover svg{transform:rotate(-15deg)}.notifications-btn:active{transform:scale(.95)}.notifications-btn.has-notifications{border-color:var(--error-color, #ef4444);animation:notificationPulse 2s ease-in-out infinite}.notifications-btn.has-notifications svg{color:var(--error-color, #ef4444)}@keyframes notificationPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;border-radius:.625rem;border:2px solid var(--bg-primary);box-shadow:0 2px 6px #ef444466;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notifications-dropdown{position:absolute;top:calc(100% + .75rem);right:-.5rem;width:22rem;max-height:28rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;overflow:hidden;z-index:1001;animation:dropdownSlide .25s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.notifications-header h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.notifications-header h4:before{content:"🔔";font-size:1rem}.notification-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff!important;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:1rem;box-shadow:0 2px 4px #3b82f64d}.topbar.light .notification-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff!important}.topbar.dark .notification-count{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff!important}.notifications-list{max-height:22rem;overflow-y:auto;padding:.5rem}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin:.25rem;border-radius:.75rem;border:1px solid transparent;transition:all .2s ease;cursor:pointer;background:var(--bg-secondary)}.notification-item:hover{background:var(--hover-bg);border-color:var(--border-color);transform:translate(4px)}.notification-item.stock-alert{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.1),transparent)}.notification-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:.5rem;font-size:.875rem;flex-shrink:0;box-shadow:0 2px 6px #f59e0b4d}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.notification-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.7rem;color:var(--text-muted);font-weight:500}.notification-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:0}.notification-item:hover .notification-close{opacity:1}.notification-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.no-notifications{padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.no-notifications:before{content:"✨";display:block;font-size:2.5rem;margin-bottom:1rem;opacity:.6}.no-notifications p{font-size:.9rem;font-weight:500;margin:0}.profile-container{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.profile-btn:hover{background:var(--bg-secondary);transform:scale(1.05)}.profile-name{font-size:.875rem;font-weight:500;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:16rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;animation:slideDown .2s ease}.profile-header{padding:1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.75rem}.profile-avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0}.profile-info .profile-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;max-width:none}.profile-email{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:.75rem;color:var(--accent-primary);font-weight:500;background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:1rem;display:inline-block}.profile-menu{padding:.5rem 0}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease}.profile-menu-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.profile-menu-item.logout{color:var(--error)}.profile-menu-item.logout:hover{background:#ef44441a}.notification-item.persistent{border-left:3px solid var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.notification-item.payment{border-left-color:#f59e0b}.notification-mark-read{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.notification-mark-read:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.1)}.notification-close-stock{display:flex!important;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;border:none;border-radius:50%;background:#dc2626;color:#fff!important;cursor:pointer;transition:all .2s ease;flex-shrink:0;align-self:center;box-shadow:0 2px 4px #dc26264d;opacity:1!important;visibility:visible!important}.notification-close-stock:hover{background:#b91c1c;transform:scale(1.15);box-shadow:0 4px 8px #dc262666}.notification-close-stock svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;stroke-width:3!important;color:#fff!important;stroke:#fff!important;display:block!important;flex-shrink:0}.notification-item.persistent .notification-title{font-weight:700;color:var(--accent-primary)}.notification-item.payment .notification-title{color:#f59e0b}.notification-item.persistent .notification-text{font-weight:500}.notification-item.persistent{animation:persistentPulse 2s ease-in-out infinite}@keyframes persistentPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f61a}}.notification-item.payment{animation:paymentPulse 2s ease-in-out infinite}@keyframes paymentPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b1a}}@media(max-width:768px){.topbar{padding:0 1rem}.topbar-center{display:flex}.layout-controls{gap:.5rem}.layout-btn{padding:.5rem;min-width:auto}.notification-mark-read{width:1.5rem;height:1.5rem}.notification-item.persistent,.notification-item.payment{animation:none}.profile-name{display:none}.notifications-dropdown,.profile-dropdown{width:calc(100vw - 2rem);max-width:20rem}.logo h2{font-size:1rem}.logo-image{height:2rem;max-width:120px}.theme-toggle{width:2.5rem;height:2.5rem}.theme-toggle svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important}.notifications-btn{width:2.25rem;height:2.25rem}.notifications-btn svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.notification-badge{min-width:1rem;height:1rem;font-size:.6rem;padding:0 .25rem;top:-.15rem;right:-.15rem}.notifications-dropdown{width:calc(100vw - 1rem);max-width:20rem;right:-1rem}}@media(max-width:480px){.topbar{padding:0 .75rem}.notifications-dropdown,.profile-dropdown{width:calc(100vw - 1.5rem)}.logo-image{height:1.75rem;max-width:100px}}.organization-selector{position:relative;margin-left:1rem;height:100%;display:flex;align-items:center;z-index:100}.org-selector-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:160px;max-width:220px;max-height:2.75rem;overflow:hidden}.org-selector-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.org-selector-btn:disabled{opacity:.6;cursor:not-allowed}.org-info{display:flex;align-items:center;gap:.5rem;flex:1}.org-details{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.org-name{font-size:.9rem;font-weight:600;color:var(--text-primary)!important;line-height:1}.org-plan{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1}.org-selector-btn svg:last-child{transition:transform .2s ease}.org-selector-btn svg:last-child.rotated{transform:rotate(180deg)}.org-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:250px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;overflow:visible;animation:slideDown .2s ease}.org-dropdown-header{padding:.75rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.org-list{max-height:200px;overflow-y:auto}.org-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.org-option:last-child{border-bottom:none}.org-option:hover{background:var(--hover-bg)}.org-option.active{background:#3b82f61a;color:var(--primary-color)}.org-option:disabled{opacity:.6;cursor:not-allowed}.org-option-info{display:flex;align-items:center;gap:.5rem}.org-option-info>div{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.org-option-name{font-size:.9rem;font-weight:500;line-height:1}.org-option-plan{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1}.org-plan.infinity,.org-plan[data-plan*=INFINITY],.org-plan[data-plan*=Infinity]{color:#1e3a8a!important;font-weight:700;transition:color .3s ease}.dark .org-plan.infinity,.dark .org-plan[data-plan*=INFINITY],.dark .org-plan[data-plan*=Infinity]{color:gold!important}.org-selector-btn .org-info svg:first-child{transition:all .3s ease}.org-selector-btn:has(.org-plan.infinity) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=INFINITY]) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=Infinity]) .org-info svg:first-child{color:#1e3a8a;transition:color .3s ease}.dark .org-selector-btn:has(.org-plan.infinity) .org-info svg:first-child,.dark .org-selector-btn:has(.org-plan[data-plan*=INFINITY]) .org-info svg:first-child,.dark .org-selector-btn:has(.org-plan[data-plan*=Infinity]) .org-info svg:first-child{color:gold}.org-plan.enterprise,.org-plan[data-plan*=Enterprise],.org-plan[data-plan*=enterprise]{background:linear-gradient(45deg,gold,#ffed4e,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3s ease-in-out infinite;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.org-selector-btn:has(.org-plan.enterprise) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=Enterprise]) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=enterprise]) .org-info svg:first-child{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));animation:goldIconGlow 3s ease-in-out infinite}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes goldIconGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transform:scale(1.05)}}.org-plan.premium,.org-plan[data-plan*=Premium],.org-plan[data-plan*=premium]{background:linear-gradient(45deg,#cd7f32,#e6a85c,#cd7f32);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:bronzeGlow 4s ease-in-out infinite;font-weight:600}.org-selector-btn:has(.org-plan.premium) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=Premium]) .org-info svg:first-child,.org-selector-btn:has(.org-plan[data-plan*=premium]) .org-info svg:first-child{color:#cd7f32;filter:drop-shadow(0 0 4px rgba(205,127,50,.5));animation:bronzeIconGlow 4s ease-in-out infinite}@keyframes bronzeGlow{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.2)}}@keyframes bronzeIconGlow{0%,to{filter:drop-shadow(0 0 4px rgba(205,127,50,.5))}50%{filter:drop-shadow(0 0 6px rgba(205,127,50,.7))}}@media(max-width:1440px){.topbar{padding:0 1rem;gap:.5rem}.topbar-left{gap:.75rem}.topbar-right{gap:.5rem}.org-selector-btn{min-width:140px;max-width:180px;padding:.35rem .6rem;gap:.4rem}.org-name{font-size:.8rem}.org-plan{font-size:.65rem}.theme-toggle,.notifications-btn{width:2.5rem;height:2.5rem}.logo-image{height:2rem;max-width:120px}}@media(max-width:1366px){.topbar{padding:0 .75rem}.topbar-left{gap:.5rem}.topbar-right{gap:.4rem}.org-selector-btn{min-width:120px;max-width:160px;padding:.3rem .5rem;gap:.35rem}.org-name{font-size:.75rem}.org-plan{font-size:.6rem}.theme-toggle{width:2.25rem;height:2.25rem}.theme-toggle svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.notifications-btn{width:2.25rem;height:2.25rem}.notifications-btn svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important}.logo-image{height:1.75rem;max-width:100px}.sidebar-toggle{width:2rem;height:2rem}.sidebar-toggle svg{width:32px;height:32px}.profile-btn{padding:.35rem .5rem;gap:.35rem}.profile-name{font-size:.8rem;max-width:6rem}}@media(max-width:1024px)and (min-width:769px){.organization-selector{margin-left:.5rem}.org-selector-btn{min-width:120px;max-width:150px;padding:.35rem .6rem}.org-name{font-size:.75rem;color:var(--text-primary)!important}.org-plan{font-size:.65rem}.org-dropdown{left:-50px;right:-50px}}@media(max-width:768px){.organization-selector{display:none}}.logo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease}.logo-modal-content{position:relative;background:var(--bg-primary);border-radius:20px;padding:3rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 25px 50px #00000080;border:1px solid var(--border-color);animation:scaleIn .3s ease}.logo-modal-close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-modal-close:hover{background:#fff3;border-color:#fff6;transform:scale(1.1);color:#ff4757}.logo-modal-image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:60vh}.logo-modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 15px 35px #0000004d;transition:all .3s ease}.logo-modal-image:hover{transform:scale(1.02);box-shadow:0 20px 40px #0006}.logo-modal-info h3{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-modal-info p{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:500}@media(max-width:768px){.logo-modal-overlay{padding:1rem}.logo-modal-content{padding:2rem 1.5rem;gap:1.5rem}.logo-modal-close{width:2.5rem;height:2.5rem;top:.75rem;right:.75rem}.logo-modal-info h3{font-size:1.5rem}.logo-modal-info p{font-size:1rem}}@media(max-width:480px){.logo-modal-content{padding:1.5rem 1rem;gap:1rem}.logo-modal-info h3{font-size:1.25rem}.logo-modal-info p{font-size:.9rem}}.quick-sale-controls{display:flex;align-items:center;gap:.75rem;padding:.25rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-color)}.payment-method-selector{display:flex;align-items:center;gap:.25rem}.payment-method-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.payment-method-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.payment-method-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 6px #3b82f64d}.quick-sale-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.quick-sale-btn:hover:not(.disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.quick-sale-btn:active:not(.disabled){transform:translateY(0)}.quick-sale-btn.disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.quick-sale-key{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;background:#fff3;border-radius:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.5px}.quick-sale-btn.disabled .quick-sale-key{background:#0000001a}.quick-sale-text{font-size:.8rem}@media(max-width:1366px){.quick-sale-controls{gap:.5rem;padding:.2rem}.payment-method-btn{padding:.35rem .5rem;font-size:.7rem}.quick-sale-btn{padding:.4rem .75rem;font-size:.8rem}.quick-sale-key{font-size:.65rem;padding:.1rem .3rem}.quick-sale-text{font-size:.75rem}}@media(max-width:1024px){.payment-method-selector{display:none}.quick-sale-controls{padding:.15rem}}@media(max-width:768px){.quick-sale-controls{display:none}}.cash-input-container{position:relative;display:flex;flex-direction:column;align-items:center}.cash-input{width:110px;padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;text-align:center;transition:all .2s ease}.cash-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.cash-input::placeholder{color:var(--text-muted);font-size:.75rem}.cash-input::-webkit-outer-spin-button,.cash-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cash-input[type=number]{-moz-appearance:textfield}.change-display{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.35rem;padding:.3rem .6rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;border-radius:.4rem;white-space:nowrap;box-shadow:0 2px 8px #10b9814d;animation:fadeInUp .2s ease;z-index:10}.topbar.light .change-display{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b98133}.topbar.light .change-display:before{border-bottom-color:#d1fae5}.change-display:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #10b981}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1366px){.cash-input{width:95px;padding:.35rem .5rem;font-size:.75rem}.change-display{font-size:.65rem;padding:.25rem .5rem}}@media(max-width:1024px){.cash-input-container{display:none}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}[data-theme=dark] .upgrade-modal-overlay{background:#000c}.upgrade-modal-content{background:var(--bg-primary, white);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .upgrade-modal-content{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 25px 50px -12px #00000080}.upgrade-modal-header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,#fef2f2,#fef7ff);border-radius:16px 16px 0 0;position:relative}[data-theme=dark] .upgrade-modal-header{background:linear-gradient(135deg,#374151,#4b5563);border-bottom-color:var(--border-color, #4b5563)}.header-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;box-shadow:0 4px 12px #ef44444d}.zap-icon{position:absolute;top:-4px;right:-4px;color:#fbbf24;animation:zapPulse 2s infinite}@keyframes zapPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 8px #fbbf24)}}.header-text{flex:1}.header-text h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937)}.header-text p{margin:0;color:var(--text-secondary, #6b7280);font-size:.95rem}[data-theme=dark] .header-text h2{color:var(--text-primary, #f9fafb)}[data-theme=dark] .header-text p{color:var(--text-secondary, #d1d5db)}.close-button{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.close-button:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #374151)}[data-theme=dark] .close-button{color:var(--text-secondary, #d1d5db)}[data-theme=dark] .close-button:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary, #f9fafb)}.upgrade-modal-body{padding:2rem}.current-plan-info{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .current-plan-info{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}.current-plan-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-primary, #1f2937);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;margin-bottom:1rem}[data-theme=dark] .current-plan-badge{background:var(--accent-primary, #3b82f6)}.current-plan-badge strong{font-weight:600}.current-plan-info p{margin:0;color:var(--text-secondary, #64748b);font-size:.95rem}[data-theme=dark] .current-plan-info p{color:var(--text-secondary, #d1d5db)}.available-plans h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);text-align:center}[data-theme=dark] .available-plans h3{color:var(--text-primary, #f9fafb)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.plan-card{background:var(--bg-primary, white);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}[data-theme=dark] .plan-card{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #4b5563)}.plan-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.plan-card:hover:before{left:100%}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#3b82f6}.plan-card.selected{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 8px 20px #10b98133}.plan-card.popular{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}[data-theme=dark] .plan-card.popular{border-color:#3b82f6;background:var(--bg-primary, #1f2937)}.popular-badge{position:absolute;top:-1px;right:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:0 0 8px 8px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 2px 8px #f59e0b4d}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h4{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary, #1f2937)}[data-theme=dark] .plan-header h4{color:var(--text-primary, #f9fafb)}.currency{font-size:1rem;color:var(--text-secondary, #6b7280);font-weight:500}.amount{font-size:2rem;font-weight:800;color:var(--text-primary, #1f2937)}.period{font-size:.875rem;color:var(--text-secondary, #6b7280)}[data-theme=dark] .currency,[data-theme=dark] .period{color:var(--text-secondary, #d1d5db)}[data-theme=dark] .amount{color:var(--text-primary, #f9fafb)}.feature-highlight{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;color:#166534;font-weight:600;font-size:.875rem}.feature-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-primary, #374151)}[data-theme=dark] .feature-item{color:var(--text-primary, #e5e7eb)}.feature-item svg{color:#10b981;flex-shrink:0}.more-features{font-size:.75rem;color:var(--text-secondary, #6b7280);font-style:italic;text-align:center;margin-top:.75rem}[data-theme=dark] .more-features{color:var(--text-secondary, #d1d5db)}.plan-limits{border-top:1px solid var(--border-color, #e5e7eb);padding-top:1rem}.limit-item{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem;text-align:center}[data-theme=dark] .plan-limits{border-top-color:var(--border-color, #4b5563)}[data-theme=dark] .limit-item{color:var(--text-secondary, #d1d5db)}.upgrade-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}[data-theme=dark] .upgrade-modal-footer{background:var(--bg-secondary, #374151);border-top-color:var(--border-color, #4b5563)}.cancel-button,.upgrade-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.cancel-button{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #374151);border:1px solid var(--border-color, #d1d5db)}.cancel-button:hover:not(:disabled){background:var(--bg-hover, #e5e7eb)}[data-theme=dark] .cancel-button{background:var(--bg-tertiary, #4b5563);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #6b7280)}[data-theme=dark] .cancel-button:hover:not(:disabled){background:var(--bg-hover, #6b7280)}.upgrade-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.upgrade-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.upgrade-modal-content{width:95%;margin:1rem}.upgrade-modal-header{padding:1.5rem 1.5rem 1rem}.upgrade-modal-body{padding:1.5rem}.plans-grid{grid-template-columns:1fr}.upgrade-modal-footer{flex-direction:column;padding:1.5rem}.cancel-button,.upgrade-button{width:100%;justify-content:center}}@media(max-width:480px){.upgrade-modal-header{flex-direction:column;text-align:center;gap:1rem}.close-button{position:absolute;top:1rem;right:1rem}.header-text h2{font-size:1.25rem}.plan-price .amount{font-size:1.5rem}}.streaming-feature h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .streaming-feature h5{color:var(--text-secondary, #9ca3af)}.matauva-flix-icon{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}[data-theme=dark] .matauva-flix-icon{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}.matauva-flix-icon:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .matauva-flix-icon:hover{background:var(--bg-hover, #4b5563);border-color:var(--border-hover, #6b7280);box-shadow:0 4px 12px #0000004d}.streaming-icon{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.matauva-flix-icon span{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.plan-upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;width:100vw;height:100vh}.plan-upgrade-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px #0003;max-width:95vw;width:1400px;max-height:92vh;height:auto;overflow-y:auto;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:16px 16px 0 0;margin:-24px -24px 0}.modal-header h2{margin:0;color:var(--text-primary);font-size:22px;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.current-plan-section{margin-bottom:12px}.current-plan-compact{background:linear-gradient(135deg,rgba(59,130,246,.08),var(--bg-secondary));border:2px solid var(--primary-color);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 8px #3b82f61a}.current-plan-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.current-plan-badge{background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.current-plan-info h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:700;white-space:nowrap}.current-plan-price{display:flex;align-items:baseline;gap:3px;color:var(--primary-color);white-space:nowrap}.current-plan-price .amount{font-size:18px;font-weight:800}.current-plan-price .period{font-size:12px;opacity:.7}.current-plan-stats{display:flex;gap:12px;flex-wrap:wrap;flex:1;justify-content:flex-end}.stat-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff80;border-radius:8px;min-width:120px}[data-theme=dark] .stat-item{background:#0003}.stat-item svg{color:var(--primary-color);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:1px}.stat-label{font-size:9px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.2px}.stat-value{font-size:11px;color:var(--text-primary);font-weight:600}.available-plans-section{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.available-plans-section h3{text-align:center;background:linear-gradient(135deg,var(--primary-color),#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:20px;margin:0 0 8px;font-weight:600}.plans-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:20px;opacity:.8}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:100%;padding:0;justify-content:center}.plan-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:10px 20px;transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 6px #0000000a;width:100%;max-width:none;height:auto;min-height:auto}.plan-card:hover:not(.current){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.plan-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(59,130,246,.08),var(--bg-secondary));box-shadow:0 4px 12px #3b82f626}.plan-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4px;gap:0;position:relative}.plan-header h4{margin:0;color:var(--text-primary);font-size:14px;font-weight:700;letter-spacing:-.2px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;color:var(--primary-color);font-weight:700;margin:2px 0}.plan-price .currency{font-size:11px;opacity:.8}.plan-price .amount{font-size:20px;font-weight:800;letter-spacing:-.3px}.plan-price .period{font-size:10px;color:var(--text-secondary);opacity:.7}.plan-type-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001f}.plan-card.upgrade .plan-type-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:pulse-upgrade 2s infinite}@keyframes pulse-upgrade{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.plan-card.downgrade .plan-type-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:pulse-downgrade 2s infinite}@keyframes pulse-downgrade{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.plan-limits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 8px;margin:4px 0;padding:8px;background:#3b82f608;border-radius:6px;border:1px solid rgba(59,130,246,.08)}.plan-limits .limit-item{display:flex;align-items:center;gap:4px;color:var(--text-primary);font-size:10px;font-weight:500;padding:3px 6px;background:#ffffff80;border-radius:4px;white-space:nowrap}.plan-limits .limit-item.limit-full{grid-column:1 / -1;justify-content:center}[data-theme=dark] .limit-item{background:#00000026}.limit-item svg{width:10px;height:10px;min-width:10px;color:var(--primary-color);flex-shrink:0}.plan-card.popular:before{content:"⭐ POPULAR";position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 16px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.8px;box-shadow:0 4px 12px #8b5cf64d;z-index:1}.plan-card.popular{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633}.plan-description{margin:2px 0;text-align:center;min-height:auto}.plan-description p{margin:0;color:var(--text-secondary);font-size:10px;line-height:1.4;font-weight:400}.plan-features{margin-top:4px;flex-grow:0}.plan-features h5{margin:0 0 3px;color:var(--text-primary);font-size:11px;font-weight:600;text-align:center;padding-bottom:2px;border-bottom:1px solid var(--border-color)}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.plan-features li{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px;font-weight:400;padding:2px 0}.plan-features li svg{color:#10b981;flex-shrink:0;background:#10b9811a;border-radius:50%;padding:2px;width:14px;height:14px}.plan-features .more-features{color:var(--primary-color);font-style:italic;margin-left:20px;font-weight:500;opacity:.8;font-size:10px}.no-plans{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.no-plans svg{color:var(--text-tertiary);margin-bottom:16px}.validation-errors{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:20px}.error-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.error-header svg{color:#dc2626}.error-header h4{margin:0;color:#dc2626;font-size:16px;font-weight:600}.validation-errors ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}.error-item{padding:12px;background:#fff;border-radius:8px;border-left:4px solid #dc2626;color:#7f1d1d;font-size:14px;line-height:1.4}.error-note{margin:0;color:#991b1b;font-size:13px;font-weight:500}.price-calculation{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px}.calc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.calc-header svg{color:#0369a1}.calc-header h4{margin:0;color:#0369a1;font-size:16px;font-weight:600}.calc-description{margin:0 0 16px;color:#075985;font-size:14px;font-weight:500}.calc-breakdown{background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.breakdown-item.total{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:8px;font-weight:600;font-size:16px}.breakdown-item .upgrade{color:#059669}.breakdown-item .downgrade{color:#d97706}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;border:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary.upgrade{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary.upgrade:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-primary.downgrade{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-primary.downgrade:hover{background:linear-gradient(135deg,#d97706,#b45309)}.confirmation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:16px}.confirmation-header{padding:24px 24px 0;text-align:center}.confirmation-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.confirmation-content{padding:24px;text-align:center}.confirmation-content p{margin:0 0 16px;color:var(--text-secondary);line-height:1.5}.confirmation-price{background:var(--bg-secondary);border-radius:8px;padding:16px;margin:16px 0}.final-amount{font-size:24px;font-weight:700;color:var(--primary-color);margin-top:8px}.confirmation-note{font-size:13px;color:var(--text-tertiary);font-style:italic}.confirmation-actions{display:flex;gap:12px;padding:0 24px 24px}@media(min-width:1201px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}}@media(min-width:901px)and (max-width:1200px){.plan-upgrade-modal{max-width:1000px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}}@media(min-width:601px)and (max-width:900px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}}@media(max-width:900px){.current-plan-compact{flex-direction:column;align-items:flex-start;gap:16px}.current-plan-stats{width:100%;justify-content:flex-start;gap:12px}.stat-item{min-width:auto;flex:1 1 calc(50% - 6px)}}@media(max-width:600px){.plan-upgrade-modal{margin:10px;max-height:95vh;padding:20px;gap:20px}.modal-header{margin:-20px -20px 0;padding:20px}.modal-header h2{font-size:20px}.current-plan-compact{padding:16px}.current-plan-info{flex-direction:column;align-items:flex-start;gap:8px}.current-plan-info h3{font-size:18px}.current-plan-price .amount{font-size:20px}.current-plan-stats{gap:8px}.stat-item{flex:1 1 100%;min-width:100%}.plans-grid{grid-template-columns:1fr;gap:16px}.plan-card{width:100%;min-height:auto;padding:12px}.plan-header h4{font-size:20px}.plan-price .amount{font-size:28px}.modal-actions{flex-direction:column;gap:12px}.modal-actions button{width:100%}.confirmation-actions{flex-direction:column}}[data-theme=dark] .validation-errors{background:linear-gradient(135deg,#1f1f1f,#2d1b1b);border-color:#dc2626}[data-theme=dark] .error-item{background:#2d1b1b;color:#fca5a5}[data-theme=dark] .price-calculation{background:linear-gradient(135deg,#1f2937,#1e293b);border-color:#0369a1}[data-theme=dark] .calc-breakdown{background:#374151}[data-theme=dark] .confirmation-price{background:var(--bg-tertiary)}[data-theme=dark] .current-plan-section{background:transparent}[data-theme=dark] .current-plan-compact{background:linear-gradient(135deg,#3b82f626,#1e293be6);border-color:#3b82f680;box-shadow:0 2px 12px #3b82f626}[data-theme=dark] .current-plan-info h3{color:#f1f5f9}[data-theme=dark] .current-plan-price{color:#60a5fa}[data-theme=dark] .current-plan-price .period{color:#94a3b8}[data-theme=dark] .current-plan-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .current-plan-stats .stat-item{background:#1e293bcc;border:1px solid rgba(71,85,105,.5)}[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .stat-value{color:#e2e8f0}.plan-card{width:100%}.streaming-feature{display:flex;justify-content:center;align-items:center;margin-top:6px}.streaming-image-container{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:8px;border-radius:10px;background:#8b45131a;border:1px solid rgba(139,69,19,.3);transition:all .3s ease;width:fit-content}.streaming-icon-centered{width:36px;height:36px;border-radius:6px;object-fit:contain}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:16rem;background:var(--bg-primary);border-right:1px solid var(--border-color);transform:translate(-100%);transition:transform .3s ease;z-index:999;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar.light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}.sidebar.dark{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-hover: #334155;--bg-active: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--accent-color: #60a5fa;--accent-hover: #3b82f6;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);min-height:4rem;position:relative;overflow:hidden}.sidebar-header.with-logo{flex-direction:column;align-items:center;padding:1rem;min-height:5rem;margin-top:.5rem}.sidebar-header.with-logo.logo-only{padding:2.75rem 1rem 1rem;min-height:5.75rem;margin-top:1.25rem}.sidebar-header.without-logo{flex-direction:row;align-items:center;justify-content:space-between;padding-top:3rem;margin-top:1.5rem;min-height:5.5rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem;color:var(--accent-color);overflow:hidden;min-width:0;flex:1}.sidebar-logo-centered{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.company-logo-container{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;background:var(--bg-secondary);border:2px solid var(--border-color)}.company-logo-image{width:100%;height:100%;object-fit:cover;object-position:center}.company-logo-large{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.75rem;overflow:hidden;background:var(--bg-secondary);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease}.company-logo-large:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.company-logo-large.clickable{cursor:pointer;position:relative}.company-logo-large.clickable:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.company-logo-large.clickable:active{transform:scale(1.05)}.company-logo-image-large{width:100%;height:100%;object-fit:cover;object-position:center}.sidebar-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-title-centered{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.sidebar-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-header.with-logo .sidebar-close{position:absolute;top:1rem;right:1rem}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0 .75rem}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(2px)}.nav-link.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:var(--shadow)}.nav-link.active .nav-text{text-shadow:none}.sidebar.light .nav-link.active .nav-text{text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white}.nav-link.active svg{color:#fff}.nav-link.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);pointer-events:none}.nav-text{font-weight:500;font-size:.875rem}.nav-item-submenu{position:relative}.nav-link-submenu{width:100%;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left}.nav-link-submenu .submenu-arrow{margin-left:auto;display:flex;align-items:center;transition:transform .2s ease}.nav-link-submenu.open .submenu-arrow{transform:rotate(0)}.submenu-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.submenu-list.open{max-height:500px;opacity:1}.submenu-item{margin:0}.submenu-link{padding-left:2.5rem!important;font-size:.8rem}.submenu-link .nav-text{font-size:.8rem}.submenu-link svg{width:18px;height:18px}.nav-link.special{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;margin-top:1rem;position:relative}.nav-link.special:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translate(2px)}.special-badge{position:absolute;top:-.25rem;right:-.25rem;background:#d97706;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:.75rem;animation:glow 2s infinite alternate}[data-theme=dark] .special-badge{background:#fbbf24;color:#1f2937}@keyframes glow{0%{box-shadow:0 0 5px #d97706}to{box-shadow:0 0 10px #d97706,0 0 15px #d97706}}@keyframes glowDark{0%{box-shadow:0 0 5px #fbbf24}to{box-shadow:0 0 10px #fbbf24,0 0 15px #fbbf24}}[data-theme=dark] .special-badge{animation-name:glowDark}.sidebar-user{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:1rem}.sidebar-upgrade-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;position:relative;overflow:hidden;width:100%}.sidebar-upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sidebar-upgrade-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.sidebar-upgrade-btn:hover:before{left:100%}.sidebar-upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d}.user-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-secondary);padding:.125rem .5rem;background:var(--bg-hover);border-radius:1rem;display:inline-block}.app-version{font-size:.55rem;color:var(--text-secondary);opacity:.5;margin-top:.15rem}@media(min-width:1024px){.sidebar{position:fixed;transform:translate(0);height:calc(100vh - 4rem);width:15rem;top:4rem;left:0;z-index:99;transition:width .3s ease;overflow:hidden}.sidebar.closed{width:4.5rem;min-width:4.5rem;max-width:4.5rem;transform:translate(0);overflow:visible}.sidebar.closed .sidebar-header{display:none}.sidebar.closed .nav-text,.sidebar.closed .sidebar-title,.sidebar.closed .sidebar-title-centered,.sidebar.closed .user-name,.sidebar.closed .user-role,.sidebar.closed .user-details,.sidebar.closed .sidebar-upgrade-btn span,.sidebar.closed .special-badge,.sidebar.closed .saas-badge{opacity:0;width:0;overflow:hidden;white-space:nowrap}.sidebar.closed .nav-link{justify-content:center;padding:.75rem;width:100%;box-sizing:border-box}.sidebar.closed .nav-list{padding:0 .5rem;width:100%;box-sizing:border-box}.sidebar.closed .sidebar-header{justify-content:center;padding:1.5rem .5rem}.sidebar.closed .company-logo-large,.sidebar.closed .company-logo-container{margin:0 auto}.sidebar.closed .sidebar-user{padding:.5rem;width:100%;box-sizing:border-box}.sidebar.closed .user-info{justify-content:center;width:100%}.sidebar.closed .user-avatar{margin:0;flex-shrink:0}.sidebar.closed .sidebar-upgrade-btn{width:3rem;height:3rem;padding:.75rem;border-radius:50%;margin:0 auto}.sidebar.closed .sidebar-content,.sidebar.closed .sidebar-nav{width:100%;overflow:visible}.sidebar.closed .nav-link{position:relative}.sidebar.closed .nav-link:before{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-left:.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color);z-index:1000}.sidebar.closed .nav-link:hover:before{opacity:1}.sidebar.closed .nav-link-submenu:before{display:none}.sidebar.closed .nav-link-submenu .submenu-arrow{display:none}.sidebar.closed .nav-item-submenu{position:relative}.sidebar.closed .sidebar-nav,.sidebar.closed .nav-list{overflow:visible}.sidebar.closed .submenu-list{position:absolute;left:100%;top:0;max-height:none!important;height:auto!important;opacity:0;visibility:hidden;overflow:visible!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;min-width:200px;margin-left:.5rem;padding:.5rem 0;z-index:9999;transition:opacity .2s ease,visibility .2s ease}.sidebar.closed .nav-item-submenu:hover .submenu-list{opacity:1;visibility:visible}.sidebar.closed .submenu-list .submenu-link{padding:.75rem 1rem!important;white-space:nowrap;display:flex;align-items:center;gap:.75rem}.sidebar.closed .submenu-list .submenu-link:hover{background:var(--bg-hover)}.sidebar.closed .submenu-list .nav-text{opacity:1!important;width:auto!important;overflow:visible!important}.sidebar.closed .submenu-list .submenu-item{margin:0}.sidebar-close,.sidebar-overlay{display:none}}@media(min-width:1024px)and (max-width:1440px){.sidebar{width:14rem}.sidebar.closed{width:4.25rem;min-width:4.25rem;max-width:4.25rem}.sidebar.closed .nav-link{padding:.75rem}.sidebar.closed .nav-link svg{width:24px;height:24px}.sidebar.closed .sidebar-upgrade-btn{width:2.75rem;height:2.75rem}.sidebar.closed .sidebar-upgrade-btn svg{width:20px;height:20px}.sidebar.closed .user-avatar{width:2.25rem;height:2.25rem}.sidebar-header{padding:1rem .75rem}.sidebar-title{font-size:1.1rem}.sidebar-title-centered{font-size:.9rem}.nav-link{padding:.625rem .875rem;font-size:.85rem}.nav-text{font-size:.8rem}.company-logo-large{width:3.5rem;height:3.5rem}.user-name{font-size:.8rem}.user-role{font-size:.7rem}.sidebar-upgrade-btn{padding:.625rem .875rem;font-size:.8rem}}@media(min-width:1024px)and (max-width:1366px){.sidebar{width:13rem}.sidebar.closed{width:4rem;min-width:4rem;max-width:4rem}.sidebar.closed .nav-link{padding:.625rem}.sidebar.closed .nav-link svg{width:22px;height:22px}.sidebar.closed .sidebar-upgrade-btn{width:2.5rem;height:2.5rem}.sidebar.closed .sidebar-upgrade-btn svg{width:18px;height:18px}.sidebar.closed .user-avatar{width:2rem;height:2rem}.sidebar-header{padding:.875rem .625rem}.sidebar-title{font-size:1rem}.sidebar-title-centered{font-size:.85rem}.nav-link{padding:.5rem .75rem;gap:.5rem}.nav-text{font-size:.75rem}.company-logo-large{width:3rem;height:3rem}.sidebar-user{padding:.75rem}.user-avatar{width:2rem;height:2rem}.user-name{font-size:.75rem}.user-role{font-size:.65rem}.sidebar-upgrade-btn{padding:.5rem .75rem;font-size:.75rem}}@media(min-width:1024px)and (max-width:1280px){.sidebar{width:12rem}.sidebar.closed{width:4rem;min-width:4rem;max-width:4rem}.sidebar.closed .nav-link{padding:.625rem}.sidebar.closed .nav-link svg{width:22px;height:22px}.sidebar.closed .sidebar-upgrade-btn{width:2.5rem;height:2.5rem;padding:.5rem}.sidebar.closed .sidebar-upgrade-btn svg{width:18px;height:18px}.sidebar.closed .user-avatar{width:2rem;height:2rem}.nav-link{padding:.45rem .625rem}.nav-text{font-size:.7rem}}@media(max-width:1023px)and (min-width:768px){.sidebar{width:14rem}}@media(max-width:767px){.sidebar{width:100%;max-width:16rem}.sidebar-close{display:flex}.sidebar-header.with-logo{padding:1.5rem 1rem;min-height:5rem}.company-logo-large{width:3rem;height:3rem}.sidebar-title-centered{font-size:.9rem}.sidebar-upgrade-btn{padding:.625rem .875rem;font-size:.8rem}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.active:after{width:100%;background:#ffffff4d}.nav-link.saas-only{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(255,255,255,.2)}.nav-link.saas-only:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translate(4px);box-shadow:0 4px 12px #667eea4d}.saas-badge{background:#fff3;color:#fff;padding:.125rem .5rem;border-radius:.75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.logo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo-modal-content{background:var(--bg-primary);border-radius:1rem;padding:2rem;max-width:90vw;max-height:90vh;position:relative;box-shadow:var(--shadow-lg);animation:scaleIn .3s ease;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo-modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;z-index:10}.logo-modal-close:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:scale(1.1)}.logo-modal-image-container{display:flex;align-items:center;justify-content:center;max-width:400px;max-height:400px;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg-secondary)}.logo-modal-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.logo-modal-info{text-align:center;color:var(--text-primary)}.logo-modal-info h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.logo-modal-info p{font-size:1rem;color:var(--text-secondary);margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.logo-modal-content{padding:1.5rem;margin:1rem}.logo-modal-image-container{max-width:300px;max-height:300px}.logo-modal-close{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem}.logo-modal-info h3{font-size:1.25rem}.logo-modal-info p{font-size:.875rem}}@media(max-width:480px){.logo-modal-image-container{max-width:250px;max-height:250px}}.nav-link.blocked{position:relative;opacity:.7;cursor:pointer;background:linear-gradient(135deg,#ef44441a,#dc26260d);border-left:3px solid #ef4444;transition:all .3s ease}.nav-link.blocked:hover{opacity:1;background:linear-gradient(135deg,#ef444426,#dc26261a);transform:translate(4px);box-shadow:0 4px 12px #ef444433}.nav-link.blocked .nav-text{color:#dc2626;font-weight:500}.lock-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-left:auto}.lock-icon{color:#ef4444;z-index:2;position:relative}.neon-effect{position:absolute;color:#d97706;animation:neonPulse 2s infinite alternate;z-index:1}[data-theme=dark] .neon-effect{color:#fbbf24}@keyframes neonPulse{0%{opacity:.3;transform:scale(.8);filter:drop-shadow(0 0 2px #d97706) drop-shadow(0 0 4px #b45309)}to{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 6px #d97706) drop-shadow(0 0 12px #b45309) drop-shadow(0 0 18px #b45309)}}@keyframes neonPulseDark{0%{opacity:.3;transform:scale(.8);filter:drop-shadow(0 0 2px #fbbf24) drop-shadow(0 0 4px #f59e0b)}to{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 12px #f59e0b) drop-shadow(0 0 18px #f59e0b)}}[data-theme=dark] .neon-effect{animation-name:neonPulseDark}.nav-link.blocked:hover .lock-icon-container:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 1.5s infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.nav-link.blocked:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;margin-left:.5rem}.nav-link.blocked:hover:after{opacity:1}@media(max-width:768px){.nav-link.blocked:after{display:none}.lock-icon-container{margin-left:.5rem}.neon-effect{animation-duration:1.5s}}.sidebar.dark .nav-link.blocked{background:linear-gradient(135deg,#ef444426,#dc262614);border-left-color:#f87171}.sidebar.dark .nav-link.blocked:hover{background:linear-gradient(135deg,#ef444433,#dc26261f);box-shadow:0 4px 12px #ef44444d}.sidebar.dark .nav-link.blocked .nav-text,.sidebar.dark .lock-icon{color:#f87171}.layout{min-height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--bg-body);color:var(--text-primary);transition:all .3s ease;margin:0;padding:0;overflow-x:hidden}.layout.light{--bg-body: #f8fafc;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)}.layout.dark{--bg-body: #0f172a;--bg-primary: #1e293b;--bg-secondary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)}.layout-body{display:flex;flex:1;min-height:calc(100vh - 4rem);width:100%}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .3s ease;width:100%}.main-content.with-sidebar{margin-left:0;width:100%}.content-wrapper{flex:1;padding:1.5rem;overflow:auto;width:100%;max-width:none}@media(min-width:1024px){.layout-body{min-height:calc(100vh - 4rem);margin-top:4rem}.main-content.with-sidebar{margin-left:15rem;width:calc(100vw - 15rem)}.main-content.with-sidebar-minimized{margin-left:4.5rem;width:calc(100vw - 4.5rem)}.content-wrapper{padding:2rem;width:100%;max-width:none}}@media(min-width:1024px)and (max-width:1440px){.main-content.with-sidebar{margin-left:14rem;width:calc(100vw - 14rem)}.main-content.with-sidebar-minimized{margin-left:4rem;width:calc(100vw - 4rem)}.content-wrapper{padding:1.5rem}}@media(min-width:1024px)and (max-width:1366px){.main-content.with-sidebar{margin-left:13rem;width:calc(100vw - 13rem)}.main-content.with-sidebar-minimized{margin-left:3.75rem;width:calc(100vw - 3.75rem)}.content-wrapper{padding:1.25rem}}@media(min-width:1024px)and (max-width:1280px){.main-content.with-sidebar{margin-left:12rem;width:calc(100vw - 12rem)}.main-content.with-sidebar-minimized{margin-left:3.5rem;width:calc(100vw - 3.5rem)}.content-wrapper{padding:1rem}}@media(max-width:1023px)and (min-width:768px){.content-wrapper{padding:1.5rem}}@media(max-width:767px){.layout-body{min-height:calc(100vh - 3.5rem)}.content-wrapper{padding:1rem}}.content-wrapper::-webkit-scrollbar{width:6px}.content-wrapper::-webkit-scrollbar-track{background:transparent}.content-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.layout.loading{pointer-events:none}.layout.loading .content-wrapper{opacity:.6}.layout:focus-within{outline:none}@media print{.layout-body{display:block}.main-content{margin-left:0!important}.content-wrapper{padding:0}}.blocked-page{min-height:100vh;background:linear-gradient(135deg,#fef2f2,#fef7ff,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.blocked-page.animate-in{opacity:1;transform:translateY(0)}.blocked-page-container{max-width:800px;width:100%;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;border:1px solid #e5e7eb}.blocked-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.blocked-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.lock-icon-large{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#fff3;border-radius:50%;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);z-index:2}.zap-effects{position:absolute;top:0;left:0;right:0;bottom:0}.zap-1,.zap-2,.zap-3{position:absolute;color:#fbbf24;animation:zapFloat 3s infinite ease-in-out}.zap-1{top:10px;right:15px;animation-delay:0s}.zap-2{bottom:15px;left:10px;animation-delay:1s}.zap-3{top:50%;right:5px;animation-delay:2s}@keyframes zapFloat{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2);filter:drop-shadow(0 0 8px #fbbf24)}}.blocked-title h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2;position:relative}.blocked-title p{margin:0;font-size:1.1rem;opacity:.9;z-index:2;position:relative}.current-plan-section{padding:2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.plan-info-card{text-align:center;max-width:400px;margin:0 auto}.plan-badge{display:inline-flex;align-items:center;gap:.5rem;background:#1f2937;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.plan-info-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1f2937}.plan-info-card p{margin:0;color:#6b7280;font-size:1rem}.explanation-section{padding:2rem}.explanation-card{background:#fffbeb;border:1px solid #fed7aa;border-radius:12px;padding:1.5rem;max-width:500px;margin:0 auto}[data-theme=dark] .explanation-card{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}.explanation-card h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#92400e}.explanation-card ul{margin:0;padding-left:1.25rem;color:#78350f}.explanation-card li{margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.action-buttons{display:flex;justify-content:center;gap:1rem;padding:2rem;flex-wrap:wrap}.btn-secondary,.btn-primary,.btn-upgrade{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;min-width:140px;justify-content:center}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d;position:relative;overflow:hidden}.btn-upgrade:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-upgrade:hover:before{left:100%}.btn-upgrade:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.additional-info{background:#f9fafb;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;text-align:center}.additional-info p{color:#6b7280;font-size:.9rem;line-height:1.6;max-width:600px;margin:0 auto}.additional-info strong{color:#374151}@media(max-width:768px){.blocked-page{padding:1rem}.blocked-header{padding:2rem 1.5rem}.blocked-title h1{font-size:2rem}.lock-icon-large{width:80px;height:80px}.current-plan-section,.explanation-section{padding:1.5rem}.action-buttons{flex-direction:column;align-items:center;padding:1.5rem}.btn-secondary,.btn-primary,.btn-upgrade{width:100%;max-width:280px}.additional-info{padding:1.5rem}}@media(max-width:480px){.blocked-title h1{font-size:1.75rem}.blocked-title p{font-size:1rem}.lock-icon-large{width:70px;height:70px}.plan-info-card h3{font-size:1.25rem}}.blocked-page.animate-in .blocked-header{animation:slideInDown .6s ease .1s both}.blocked-page.animate-in .current-plan-section{animation:slideInUp .6s ease .2s both}.blocked-page.animate-in .explanation-section{animation:slideInUp .6s ease .3s both}.blocked-page.animate-in .action-buttons{animation:slideInUp .6s ease .4s both}.blocked-page.animate-in .additional-info{animation:slideInUp .6s ease .5s both}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}:root{--primary-blue: #1E40AF;--secondary-blue: #3B82F6;--tertiary-blue: #60A5FA;--electric-blue: #2563EB;--cyber-cyan: #0EA5E9;--steel-gray: #64748B;--accent-blue: #0284C7;--platinum: #E5E7EB;--dark-bg: #0F172A;--darker-bg: #020617;--card-bg: #1E293B;--card-hover: #334155;--text-light: #F8FAFC;--text-muted: #CBD5E1;--text-secondary: #94A3B8;--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #3B82F6 25%, #60A5FA 50%, #2563EB 75%, #0EA5E9 100%);--gradient-secondary: linear-gradient(45deg, #64748B 0%, #3B82F6 50%, #2563EB 100%);--gradient-gold: linear-gradient(135deg, #0284C7 0%, #0EA5E9 50%, #38BDF8 100%);--shadow-neon: 0 0 20px rgba(30, 64, 175, .3);--shadow-gold: 0 0 30px rgba(2, 132, 199, .2)}.landing-container *{will-change:auto}.landing-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-primary);color:var(--text-light);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(30,64,175,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(14,165,233,.05) 0%,transparent 40%);pointer-events:none;z-index:-1}.landing-container{min-height:100vh;max-width:100vw;background:radial-gradient(ellipse at top left,rgba(107,70,193,.2) 0%,transparent 60%),radial-gradient(ellipse at top right,rgba(59,130,246,.15) 0%,transparent 60%),radial-gradient(ellipse at bottom center,rgba(6,182,212,.1) 0%,transparent 70%),linear-gradient(135deg,var(--dark-bg) 0%,var(--darker-bg) 50%,var(--dark-bg) 100%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;position:relative}.landing-container,.landing-container *{--text-primary: #ffffff !important;--text-secondary: #E2E8F0 !important}.landing-container h1,.landing-container h2,.landing-container h3,.landing-container h4,.landing-container h5,.landing-container h6{color:#fff!important}.landing-container p,.landing-container span,.landing-container div,.landing-container label{color:inherit}.landing-container .stat-label,.landing-container .stat-value{color:#e2e8f0!important}.landing-container .stat-card{background:#1e40af26!important;color:#fff!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#38bdf8;border-bottom:1px solid rgba(14,165,233,.6);padding:1rem 0;transition:all .3s ease;box-shadow:0 0 20px #1e40af33}.landing-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#38bdf8;opacity:.25;z-index:-1}.landing-header.scrolled{background:#38bdf8;box-shadow:0 8px 32px #6b46c166,var(--shadow-neon);border-bottom:1px solid rgba(14,165,233,.7)}.landing-header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;transition:all .3s ease}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(245,158,11,.8))}.logo-img{width:40px;height:40px;border-radius:8px}.logo-text{font-size:1.5rem;font-weight:800;color:#000}.btn-login{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-neon),0 4px 15px #6b46c166;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-gold),0 12px 35px #6b46c199;background:var(--gradient-gold)}.hero{padding:140px 0 100px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.08) 0%,transparent 50%);z-index:-1}@keyframes countUp{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.7}}@keyframes titleReveal{0%{transform:translateY(50px) scale(.8);opacity:0;filter:blur(10px)}50%{transform:translateY(0) scale(1.05);opacity:.8;filter:blur(2px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:32px;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleReveal 1.2s cubic-bezier(.4,0,.2,1);text-shadow:0 0 40px rgba(30,64,175,.3);position:relative}.hero-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:var(--gradient-gold);border-radius:2px;animation:underlineGrow 1s ease-out .8s both}@keyframes titleReveal{0%{opacity:0;transform:translateY(50px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes underlineGrow{0%{width:0}to{width:100px}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;display:inline}.hero-title .gradient-text{font-size:4rem!important;font-weight:900!important}.hero-description,.landing-container .hero-description,.landing-container .hero-text .hero-description,p.hero-description{font-size:1.4rem;line-height:1.6;color:#d4c4a8!important;margin-bottom:40px;opacity:1;animation:slideInUp 1s ease-out .3s both;font-weight:400}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:24px;flex-wrap:wrap;animation:slideInUp 1s ease-out .6s both}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #1e40af4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1e40af66}.btn-secondary{background:#1e40af26;color:var(--tertiary-blue);border:2px solid rgba(30,64,175,.3);padding:14px 30px;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#1e40af33;border-color:#1e40af80;transform:translateY(-2px)}.dashboard-mockup{position:relative;max-width:900px;margin:0 auto;animation:slideInRight 1.2s cubic-bezier(.4,0,.2,1) .8s both;filter:drop-shadow(0 25px 50px rgba(107,70,193,.4));background:linear-gradient(145deg,#1e40af26,#0ea5e926),radial-gradient(circle at 50% 50%,rgba(245,158,11,.1) 0%,transparent 70%);border-radius:35px;padding:2.5rem;box-shadow:0 0 60px #1e40af4d,0 0 120px #06b6d433,inset 0 1px #ffffff26;overflow:hidden}.tablet-frame{background:linear-gradient(145deg,#2d2d4a,#1a1a2e,#0f0f23),radial-gradient(circle at 30% 70%,rgba(30,64,175,.2) 0%,transparent 50%);border-radius:30px;padding:25px;box-shadow:0 30px 60px #0009,0 0 0 2px #1e40af66,0 0 0 4px #06b6d433,inset 0 2px #ffffff1a,inset 0 -2px #0003;position:relative;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:all .6s cubic-bezier(.4,0,.2,1)}.tablet-frame:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:32px;z-index:-1;opacity:.6}.tablet-frame:hover{transform:perspective(1200px) rotateY(0) rotateX(0) scale(1.05);box-shadow:0 40px 80px #000000b3,0 0 0 3px #1e40af99,0 0 0 6px #06b6d44d,var(--shadow-gold)}.tablet-screen{width:500px;height:auto;min-height:500px;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--darker-bg) 50%,var(--dark-bg) 100%);border-radius:20px;padding:20px;position:relative;overflow:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tablet-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.08) 0%,transparent 50%);pointer-events:none;opacity:.8}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(30,64,175,.2)}.mockup-logo{font-weight:700;color:var(--primary-blue);font-size:1.1rem}.mockup-user{background:#1e40af33;color:var(--tertiary-blue);padding:4px 12px;border-radius:20px;font-size:.85rem}.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.tablet-screen .dashboard-stats{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.5rem}.tablet-screen .stat-card{padding:.5rem .4rem;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-width:0}.tablet-screen .stat-icon{font-size:1rem;margin-bottom:.2rem}.tablet-screen .stat-value{font-size:.75rem;margin-bottom:.1rem;white-space:nowrap}.tablet-screen .stat-label{font-size:.5rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.tablet-screen .stat-trend,.tablet-screen .stat-sparkline{display:none}.tablet-screen .dashboard-chart{padding:.75rem;margin-bottom:.75rem;border-radius:12px}.tablet-screen .chart-header{margin-bottom:.5rem}.tablet-screen .chart-header h3{font-size:.85rem}.tablet-screen .chart-btn{padding:.25rem .5rem;font-size:.6rem}.tablet-screen .chart-area{height:120px}.tablet-screen .line-chart-svg{height:80px}.tablet-screen .chart-legend{gap:.75rem;margin-top:.25rem}.tablet-screen .legend-color{width:16px;height:3px}.tablet-screen .legend-text{font-size:.6rem}.tablet-screen .chart-labels span{font-size:.55rem}.tablet-screen .dashboard-activity{display:none}.tablet-screen .dashboard-header{margin-bottom:.75rem;padding-bottom:.5rem}.tablet-screen .header-left h2{font-size:.9rem}.tablet-screen .status-indicator{font-size:.5rem;padding:.2rem .4rem;min-height:18px;max-height:18px}.tablet-screen .header-right{gap:.5rem}.tablet-screen .date{font-size:.6rem;padding:.25rem .5rem}.tablet-screen .notification-badge{font-size:.55rem;padding:.15rem .4rem}.stat-card{background:linear-gradient(145deg,#1e40af26,#0ea5e914);border:2px solid rgba(30,64,175,.2);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.stat-card.animated-card{opacity:1;transform:translateY(0)}.stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--cyber-cyan);box-shadow:0 15px 35px #1e40af66,0 0 30px #06b6d433}.stat-card:hover:before{opacity:.05}.stat-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 5px rgba(30,64,175,.3))}.stat-value{font-size:2.2rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.8rem;position:relative}.stat-value.counter{animation:countUp 2s ease-out}.stat-label{color:#e2e8f0;font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stat-trend{font-size:.9rem;font-weight:700;padding:.4rem 1rem;border-radius:25px;background:#22c55e26;color:var(--success-green);border:1px solid rgba(34,197,94,.3);display:inline-block;margin-bottom:1rem;box-shadow:0 3px 10px #22c55e33}.stat-trend.positive{color:#10b981}.stat-sparkline{display:flex;align-items:end;justify-content:center;gap:3px;height:30px;margin-top:1rem}.sparkline-bar{width:4px;background:var(--gradient-secondary);border-radius:2px;box-shadow:0 0 5px #1e40af66;opacity:1}.mockup-chart{background:#1e40af0d;border-radius:12px;padding:12px;margin-bottom:16px}.chart-header{font-size:.85rem;color:#e2e8f0;margin-bottom:12px;font-weight:600}.dashboard-chart{background:linear-gradient(145deg,#1e40af26,#0ea5e914);border:2px solid rgba(30,64,175,.2);border-radius:20px;padding:2rem;margin-bottom:2.5rem;position:relative;overflow:hidden}.dashboard-chart:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.dashboard-chart:hover:before{opacity:.03}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-header h3{color:var(--text-light);font-size:1.4rem;font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-controls{display:flex;gap:.5rem;background:#1e40af1a;padding:.3rem;border-radius:25px;border:1px solid rgba(30,64,175,.2)}.chart-btn{padding:.6rem 1.2rem;background:transparent;border:none;border-radius:20px;color:#cbd5e1;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chart-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.chart-btn.active,.chart-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #1e40af66}.chart-btn.active:before,.chart-btn:hover:before{opacity:1}.chart-area{height:250px;position:relative;padding:1rem 0}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.grid-line{height:1px;background:#1e40af1a;width:100%}.chart-bars{display:flex;align-items:end;justify-content:space-around;height:calc(100% - 30px);gap:.8rem;position:relative;z-index:2}.bar{background:var(--gradient-secondary);border-radius:6px 6px 0 0;min-height:10px;flex:1;max-width:50px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #1e40af66,inset 0 1px #fff3;position:relative;cursor:pointer}.bar.animated-bar{opacity:1}.bar:hover{filter:brightness(1.3);transform:scaleY(1.05) scaleX(1.1);box-shadow:0 0 25px #1e40af99,inset 0 1px #ffffff4d}.bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0a0a0ff2;color:var(--text-light);padding:.5rem .8rem;border-radius:8px;font-size:.8rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(30,64,175,.3);margin-bottom:5px}.bar:hover .bar-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(10,10,15,.95)}.chart-labels{display:flex;justify-content:space-around;margin-top:1rem;padding:0 .4rem}.chart-labels span{color:#cbd5e1;font-size:.8rem;font-weight:600;text-align:center;flex:1}@keyframes barGrowUp{0%{height:0;opacity:0;transform:scaleY(0)}50%{opacity:.7}to{opacity:1;transform:scaleY(1)}}@keyframes barGrow{0%{height:0}to{height:var(--height)}}.line-chart-area{position:relative;padding-bottom:50px}.line-chart-svg{width:100%;height:180px;position:relative;z-index:2;overflow:visible}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}@keyframes dotAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.chart-line.animated-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(30,64,175,.3))}.chart-line.animated-line.delay-1{animation-delay:.5s}.chart-area-fill.animated-area{opacity:0;animation:fadeInArea 1s ease-out 1.5s forwards}.chart-area-fill.animated-area.delay-1{animation-delay:2s}.chart-dot.animated-dot{opacity:0;transform-origin:center;animation:dotAppear .4s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(30,64,175,.4))}.chart-dot.animated-dot:nth-child(1){animation-delay:.3s}.chart-dot.animated-dot:nth-child(2){animation-delay:.5s}.chart-dot.animated-dot:nth-child(3){animation-delay:.7s}.chart-dot.animated-dot:nth-child(4){animation-delay:.9s}.chart-dot.animated-dot:nth-child(5){animation-delay:1.1s}.chart-dot.animated-dot:nth-child(6){animation-delay:1.3s}.chart-dot.animated-dot:nth-child(7){animation-delay:1.5s}.chart-dot.animated-dot:nth-child(8){animation-delay:1.7s}.chart-dot:hover{animation:pulseDot .6s ease-in-out infinite;cursor:pointer}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding:.5rem 0}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:24px;height:4px;border-radius:2px}.legend-text{color:#cbd5e1;font-size:.85rem;font-weight:600}.mockup-recent{background:#1e40af0d;border-radius:12px;padding:12px}.recent-header{font-size:.85rem;color:#e2e8f0;margin-bottom:8px;font-weight:600}.recent-items{display:flex;flex-direction:column;gap:6px}.recent-item{display:flex;align-items:center;gap:8px;padding:4px 0}.item-icon{font-size:.9rem}.item-text{font-size:.75rem;color:#cbd5e1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(30,64,175,.3);position:relative}.dashboard-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(1)}.header-left h2{color:var(--text-light);font-size:1.6rem;font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-indicator{color:var(--success-green);font-size:.7rem;font-weight:600;padding:.35rem .65rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:.02em;min-height:24px;max-height:24px}.status-indicator.pulse{box-shadow:0 0 5px #22c55e4d;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-indicator.inactive{color:#ef4444;background:#ef44441a;border-color:#ef44444d;font-size:.7rem;padding:.35rem .65rem;min-height:24px;max-height:24px}.status-indicator.inactive.pulse{box-shadow:0 0 5px #ef44444d}.header-right{display:flex;align-items:center;gap:1rem}.date{color:#cbd5e1;font-size:.9rem;font-weight:600;padding:.5rem 1rem;background:#1e40af1a;border-radius:15px;border:1px solid rgba(30,64,175,.2)}.notification-badge{background:var(--gradient-gold);color:var(--dark-bg);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 3px 10px #f59e0b66}.icon-animated{display:inline-block;transition:all .3s ease}.icon-animated:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(30,64,175,.6))}.sparkline{width:100%;height:40px;margin-top:.5rem}.sparkline-path{fill:none;stroke:var(--primary-purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:sparklineDraw 2s ease-out}@keyframes sparklineDraw{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}.sparkline-area{fill:url(#sparklineGradient);opacity:.3;animation:sparklineFill 2s ease-out .5s both}@keyframes sparklineFill{0%{opacity:0}to{opacity:.3}}.tooltip{position:absolute;background:#0a0a0ff2;color:var(--text-light);padding:.8rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;border:1px solid rgba(30,64,175,.3);box-shadow:0 10px 30px #00000080;z-index:1000;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.tooltip.show{opacity:1;transform:translateY(0)}.tooltip:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(10,10,15,.95)}.dashboard-activity{background:linear-gradient(145deg,#1e40af26,#06b6d414);border:2px solid rgba(30,64,175,.2);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.dashboard-activity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.dashboard-activity:hover:before{opacity:.03}.dashboard-activity h3{color:var(--text-light);font-size:1.4rem;font-weight:800;margin:0 0 2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.activity-list{display:flex;flex-direction:column;gap:1.2rem}.activity-feed{max-height:300px;overflow-y:auto;padding-right:.5rem}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-track{background:#1e40af1a;border-radius:2px}.activity-feed::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:2px}.activity-item{display:flex;align-items:center;gap:1.2rem;padding:1.5rem;margin-bottom:.5rem;background:#1e40af1a;border:1px solid rgba(30,64,175,.15);border-radius:15px;transition:all .3s ease;position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,64,175,.1),transparent);transition:left .6s ease}.activity-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#1e40af1a;border-color:#1e40af66;transform:translate(8px) translateY(-2px);box-shadow:0 10px 30px #1e40af33,inset 0 1px #ffffff1a}.activity-item:hover:before{left:100%}.activity-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--gradient-primary);color:#fff;flex-shrink:0;box-shadow:0 5px 15px #1e40af4d,inset 0 1px #fff3;transition:all .3s ease;position:relative;overflow:hidden}.activity-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.activity-item:hover .activity-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #1e40af66,inset 0 1px #ffffff4d}.activity-item:hover .activity-icon:before{opacity:1}.activity-content{flex:1;min-width:0}.activity-title{font-weight:700;color:var(--text-light);margin-bottom:.5rem;font-size:1rem;transition:color .3s ease}.activity-item:hover .activity-title{color:#fff}.activity-description{color:#cbd5e1;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;transition:color .3s ease}.activity-item:hover .activity-description{color:#fffc}.activity-time{color:#cbd5e1;font-size:.8rem;font-weight:600;background:#1e40af1a;padding:.3rem .8rem;border-radius:20px;border:1px solid rgba(30,64,175,.2);transition:all .3s ease;white-space:nowrap}.activity-item:hover .activity-time{background:#1e40af33;border-color:#1e40af66;color:#ffffffe6}.activity-badge{background:var(--gradient-gold);color:var(--dark-bg);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:.5rem}.progress-bar{width:100%;height:8px;background:#1e40af1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.features{padding:80px 0;background:#1e40af05}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.2rem;color:#f8fafc!important;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.feature-card{background:linear-gradient(145deg,#f5f0e6,#ede4d3);border:1px solid rgba(210,180,140,.3);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{background:linear-gradient(145deg,#ede4d3,#e5d9c3);border-color:#d2b48c80;transform:translateY(-8px);box-shadow:0 20px 40px #8b775540}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#1f2937!important}.feature-description{color:#4b5563!important;line-height:1.6}.premium-features{padding:80px 0;background:linear-gradient(135deg,#1e40af1a,#3b82f60d)}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.premium-card{background:linear-gradient(145deg,#1e40af1a,#3b82f60d);border:2px solid rgba(30,64,175,.2);border-radius:24px;padding:40px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--tertiary-blue),var(--tertiary-blue))}.premium-card:hover{background:linear-gradient(145deg,#1e40af26,#3b82f61a);border-color:#1e40af66;transform:translateY(-10px);box-shadow:0 25px 50px #1e40af4d}.premium-icon{font-size:3.5rem;margin-bottom:24px;display:block}.premium-title{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:#fff!important;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-description{color:#d4c4a8!important;line-height:1.6;font-size:1.1rem}.stats-section{padding:100px 0;background:linear-gradient(135deg,var(--darker-bg) 0%,var(--dark-bg) 50%,var(--darker-bg) 100%);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(30,64,175,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(6,182,212,.08) 0%,transparent 50%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.stat-item{text-align:center;padding:2rem;background:#1e40af1f;border:2px solid rgba(30,64,175,.2);border-radius:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-secondary);opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:.1}.stat-item:hover{transform:translateY(-10px) scale(1.05);border-color:var(--cyber-cyan);box-shadow:0 20px 40px #1e40af4d}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-number{font-size:3.5rem;font-weight:900;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:countUp 2s ease-out}.stat-text{font-size:1.1rem;color:#e2e8f0;font-weight:600;text-transform:uppercase;letter-spacing:1px}.testimonials{padding:120px 0;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--darker-bg) 50%,var(--dark-bg) 100%);position:relative}.testimonials:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(236,72,153,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.06) 0%,transparent 50%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:4rem}.testimonial-card{background:#1e40af1f;border:2px solid rgba(30,64,175,.2);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:22px;z-index:-1;opacity:0;transition:opacity .3s ease}.testimonial-card:hover:before{opacity:.3}.testimonial-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #1e40af66;border-color:var(--cyber-cyan)}.testimonial-stars{margin-bottom:1.5rem}.star{font-size:1.5rem;margin-right:.2rem}.testimonial-text{font-size:1.1rem;line-height:1.6;color:#d4c4a8!important;margin-bottom:2rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{font-size:2.5rem;width:60px;height:60px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #1e40af4d}.author-name{font-weight:700;color:var(--text-light);margin-bottom:.2rem}.author-company{color:#cbd5e1;font-size:.9rem}.pricing{padding:120px 0;background:linear-gradient(135deg,var(--darker-bg) 0%,var(--dark-bg) 50%,var(--darker-bg) 100%);position:relative}.pricing:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(245,158,11,.06) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(30,64,175,.06) 0%,transparent 50%)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card{background:#1e40af1f;border:2px solid rgba(30,64,175,.2);border-radius:25px;padding:2.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.pricing-card.popular{border-color:var(--royal-gold);background:#f59e0b1a;transform:scale(1.05)}.pricing-card.popular:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-gold);border-radius:27px;z-index:-1;opacity:.3}.pricing-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #1e40af66}.pricing-card.popular:hover{transform:translateY(-10px) scale(1.07);box-shadow:0 25px 50px #f59e0b66}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--gradient-gold);color:var(--dark-bg);padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 5px 15px #f59e0b66}.plan-name{font-size:1.8rem;font-weight:800;color:#fff!important;margin-bottom:1rem}.plan-price{margin-bottom:1rem}.price{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period{font-size:1.2rem;color:#f8fafc!important;font-weight:600}.plan-description{color:#e2e8f0;margin-bottom:2rem;line-height:1.5}.pricing-features{text-align:left;margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.feature-check{font-size:1.2rem}.feature-text{color:var(--text-light);font-weight:500}.pricing-button{width:100%;background:var(--gradient-primary);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #6b46c166}.pricing-button.popular{background:var(--gradient-gold);color:var(--dark-bg);box-shadow:0 8px 25px #f59e0b66}.pricing-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #6b46c199}.pricing-button.popular:hover{box-shadow:0 12px 35px #f59e0b99}.faq{padding:120px 0;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--darker-bg) 50%,var(--dark-bg) 100%);position:relative}.faq:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 85%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(236,72,153,.05) 0%,transparent 50%)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:4rem}.faq-item{background:#1e40af1f;border:2px solid rgba(30,64,175,.2);border-radius:20px;padding:2rem;transition:all .3s ease;cursor:pointer}.faq-item:hover{transform:translateY(-5px);border-color:var(--cyber-cyan);box-shadow:0 15px 30px #1e40af4d}.faq-question{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.faq-icon{font-size:1.5rem}.faq-question h3{font-size:1.2rem;font-weight:700;color:#d4c4a8!important;margin:0}.faq-answer p{color:#d4c4a8!important;line-height:1.6;margin:0}.cta{padding:120px 0;background:var(--gradient-primary);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(245,158,11,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(236,72,153,.1) 0%,transparent 50%)}.cta-content{position:relative;z-index:1}.cta-title{font-size:3rem;font-weight:900;color:#fff;margin-bottom:1.5rem;animation:titleReveal 1s ease-out;text-shadow:0 0 30px rgba(255,255,255,.3)}.cta-description{font-size:1.3rem;color:#ffffffe6;margin-bottom:3rem;animation:slideInUp 1s ease-out .2s both;max-width:600px;margin-left:auto;margin-right:auto}.btn-cta{background:var(--gradient-gold);color:var(--dark-bg);padding:1.2rem 3rem;border:none;border-radius:50px;font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-gold),0 8px 25px #f59e0b66;animation:slideInUp 1s ease-out .4s both;position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-cta:hover:before{left:100%}.btn-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-gold),0 15px 40px #f59e0b99}.landing-footer{background:#0f172a;padding:40px 0 20px;border-top:1px solid rgba(30,64,175,.2)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo-img{width:32px;height:32px;border-radius:6px}.footer-logo-text{font-size:1.2rem;font-weight:600;color:var(--primary-blue)}.footer-links{display:flex;gap:24px}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-blue)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(30,64,175,.1);color:#f5f5f5!important}.footer-bottom p{color:#f5f5f5!important}.matauva-link{color:#60a5fa!important;text-decoration:none;font-weight:600;transition:all .3s ease}.matauva-link:hover{color:#93c5fd!important;text-decoration:underline}.floating-element{display:none}.interactive-element{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.interactive-element:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(30,64,175,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease;border-radius:50%;pointer-events:none;z-index:0}.interactive-element:hover:before{width:300px;height:300px}.magnetic-btn{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.magnetic-btn:hover{transform:scale(1.05)}.parallax-element{will-change:transform;transition:transform .1s ease-out}@media(max-width:1440px){.hero-title{font-size:3.5rem}.hero-title .gradient-text{font-size:3.5rem!important}.hero-description{font-size:1.2rem}.hero-content{gap:60px;padding:0 1.5rem}.dashboard-mockup{max-width:750px;padding:2rem}.tablet-frame{padding:20px}.tablet-screen{width:420px;min-height:420px;padding:16px}.stat-card{padding:1.5rem}.stat-value{font-size:1.8rem}.stat-label{font-size:.9rem}.dashboard-chart{padding:1.5rem}.section-title{font-size:2.5rem}.features-grid,.premium-grid{gap:1.5rem}.feature-card,.premium-card{padding:1.5rem}.container{max-width:1100px;padding:0 1.5rem}}@media(max-width:1366px){.hero{padding:120px 0 80px;min-height:auto}.hero-title{font-size:3rem;margin-bottom:24px}.hero-title .gradient-text{font-size:3rem!important}.hero-description{font-size:1.1rem;margin-bottom:32px}.hero-content{gap:50px;padding:0 1.25rem}.hero-buttons{gap:16px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:1rem}.dashboard-mockup{max-width:650px;padding:1.5rem}.tablet-frame{padding:16px;border-radius:24px}.tablet-screen{width:380px;min-height:380px;padding:14px}.dashboard-stats{gap:.5rem}.stat-card{padding:1.25rem;border-radius:16px}.stat-icon{font-size:2rem;margin-bottom:.75rem}.stat-value{font-size:1.6rem;margin-bottom:.5rem}.stat-label{font-size:.85rem;margin-bottom:.75rem}.dashboard-chart{padding:1.25rem;margin-bottom:2rem}.chart-header h3{font-size:1.2rem}.chart-area{height:200px}.line-chart-svg{height:150px}.section-title{font-size:2.2rem}.features-grid,.premium-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-card,.premium-card{padding:1.25rem}.container{max-width:1000px;padding:0 1.25rem}.landing-header{padding:.75rem 0}.logo-text{font-size:1.3rem}.btn-login{padding:.75rem 1.5rem;font-size:.9rem}}@media(max-width:1280px){.hero{padding:110px 0 70px}.hero-title{font-size:2.75rem;margin-bottom:20px}.hero-title .gradient-text{font-size:2.75rem!important}.hero-description{font-size:1rem;margin-bottom:28px}.hero-content{gap:40px;padding:0 1rem}.dashboard-mockup{max-width:550px;padding:1.25rem}.tablet-frame{padding:14px}.tablet-screen{width:340px;min-height:340px;padding:12px}.stat-card{padding:1rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.8rem}.dashboard-chart{padding:1rem}.chart-area{height:180px}.section-title{font-size:2rem}.container{max-width:950px;padding:0 1rem}}@media(max-width:1200px){.hero-title{font-size:2.5rem}.hero-title .gradient-text{font-size:2.5rem!important}.dashboard-mockup{max-width:500px}.features-grid,.premium-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.hero{padding:8rem 2rem 6rem}.hero-title{font-size:3rem}.hero-title .gradient-text{font-size:3rem!important}.dashboard-mockup{max-width:700px}.tablet-frame{padding:1.5rem}.chart-area{height:200px}.testimonials-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-header .container{padding:0 1rem}.hero{padding:120px 1rem 80px}.hero-content{grid-template-columns:1fr;gap:40px;text-align:center;padding:0 1rem}.hero-title{font-size:2.5rem}.hero-title .gradient-text{font-size:2.5rem!important}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.dashboard-mockup{max-width:100%;padding:1rem;margin:0 auto}.tablet-frame{transform:none;padding:.75rem}.tablet-screen{width:100%;max-width:340px;min-height:auto;height:auto;padding:10px;margin:0 auto}.tablet-screen .dashboard-header{margin-bottom:.4rem;padding-bottom:.3rem}.tablet-screen .header-left h2{font-size:.7rem}.tablet-screen .header-right,.tablet-screen .status-indicator{display:none}.tablet-screen .dashboard-stats{grid-template-columns:repeat(3,1fr);gap:.3rem;margin-bottom:.4rem}.tablet-screen .stat-card{padding:.4rem .3rem}.tablet-screen .stat-icon{font-size:.9rem}.tablet-screen .stat-value{font-size:.65rem}.tablet-screen .stat-label{font-size:.45rem}.tablet-screen .dashboard-chart{padding:.4rem;margin-bottom:0}.tablet-screen .chart-header{margin-bottom:.3rem}.tablet-screen .chart-header h3{font-size:.6rem}.tablet-screen .chart-controls{display:none}.tablet-screen .line-chart-svg{height:50px}.tablet-screen .chart-legend,.tablet-screen .chart-labels{display:none}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.chart-area{height:150px}.line-chart-svg{height:120px}.chart-legend{gap:1rem;flex-wrap:wrap}.legend-text{font-size:.75rem}.chart-controls{flex-wrap:wrap}.chart-btn{padding:.5rem 1rem;font-size:.8rem}.activity-item{padding:1rem;gap:1rem}.activity-icon{width:40px;height:40px;font-size:1.2rem}.features-grid,.premium-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonials-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;gap:2rem}.faq-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.section-title{font-size:2rem}.cta-title{font-size:2.2rem}}@media(max-width:480px){.hero{padding:100px .5rem 60px}.hero-title{font-size:1.75rem}.hero-title .gradient-text{font-size:1.75rem!important}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.dashboard-mockup,.tablet-frame{padding:.5rem}.tablet-screen{width:100%;max-width:280px;min-height:auto;height:auto;padding:8px}.tablet-screen .dashboard-header{margin-bottom:.3rem;padding-bottom:.2rem}.tablet-screen .header-left h2{font-size:.6rem}.tablet-screen .stat-card{padding:.3rem .2rem}.tablet-screen .stat-icon{font-size:.8rem}.tablet-screen .stat-value{font-size:.55rem}.tablet-screen .stat-label{font-size:.4rem}.tablet-screen .dashboard-chart{padding:.3rem}.tablet-screen .chart-header h3{font-size:.5rem}.tablet-screen .line-chart-svg{height:40px}.tablet-screen .dashboard-chart{display:block}.tablet-screen .line-chart-svg{height:50px}.dashboard-stats{grid-template-columns:1fr}.mockup-stats{grid-template-columns:1fr;gap:8px}.stat-card{padding:1rem}.stats-grid{grid-template-columns:1fr}.chart-area{height:120px}.line-chart-svg{height:100px}.chart-legend{gap:.75rem;margin-top:.5rem}.legend-color{width:18px;height:3px}.legend-text{font-size:.7rem}.chart-bars{gap:.3rem}.activity-item{flex-direction:column;text-align:center}.floating-element{display:none}.section-title,.cta-title{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-element{animation:none}.parallax-element{transform:none!important}}@media(prefers-contrast:high){.feature-card,.premium-card,.testimonial-card,.pricing-card{border-width:3px}.btn-primary,.btn-secondary{border-width:2px}}@media(prefers-color-scheme:dark){:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--text-light: #ffffff;--text-muted: #a0a0a0}}.landing-container .premium-description,.landing-container .premium-card .premium-description,.landing-container .premium-card p,.landing-container .testimonial-text,.landing-container .testimonial-card .testimonial-text,.landing-container .testimonial-card p,.landing-container .faq-question h3,.landing-container .faq-item .faq-question h3,.landing-container .faq-item h3,.landing-container .faq-answer p,.landing-container .faq-item .faq-answer p,.landing-container .faq-item p,.landing-container .section-description,.landing-container .section-header .section-description{color:#d4c4a8!important}.muvta-link{color:#60a5fa;cursor:pointer;text-decoration:underline;transition:all .3s ease}.muvta-link:hover{color:#93c5fd;text-shadow:0 0 10px rgba(96,165,250,.5)}.muvta-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.muvta-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid rgba(30,64,175,.4);border-radius:20px;padding:2.5rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 25px 50px #00000080,0 0 30px #1e40af4d;animation:slideUp .3s ease}.muvta-modal-close{position:absolute;top:15px;right:15px;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:32px;height:32px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.muvta-modal-close:hover{background:#ef44444d;transform:scale(1.1)}.muvta-modal-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.muvta-modal-description{color:#cbd5e1;font-size:1rem;margin-bottom:2rem}.muvta-modal-buttons{display:flex;flex-direction:column;gap:1rem}.muvta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.muvta-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e4d}.muvta-btn.whatsapp:hover{transform:translateY(-3px);box-shadow:0 8px 25px #22c55e66}.muvta-btn.website{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 15px #1e40af4d}.muvta-btn.website:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1e40af66}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #1a202c;--text-secondary: #4a5568;--text-light: #718096;--error-color: #e53e3e;--success-color: #38a169;--warning-color: #d69e2e;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-heavy: 0 25px 50px -12px rgba(0, 0, 0, .25);--border-radius: 1rem;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .6s ease}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}.login-page{min-height:100vh;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:float linear infinite;box-shadow:0 0 10px #ffffff4d}.particle:nth-child(odd){background:#667eea66;box-shadow:0 0 10px #667eea4d}.particle:nth-child(3n){width:6px;height:6px;background:#764ba266;box-shadow:0 0 15px #764ba24d}.animated-waves{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:1;pointer-events:none}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:wave 20s ease-in-out infinite}.shape-fill{fill:#ffffff1a}.login-container{position:relative;z-index:10;width:100%;max-width:340px}.login-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-heavy);position:relative;overflow:hidden;opacity:0;transform:translateY(30px) scale(.95);transition:all var(--transition-slow)}.login-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.login-card:hover:before{left:100%}.login-card.visible{opacity:1;transform:translateY(0) scale(1)}.login-header{text-align:center;margin-bottom:1.25rem}.logo-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:all var(--transition-medium);animation:glow 3s ease-in-out infinite}.logo-wrapper:hover{transform:scale(1.1) rotate(5deg);background:#ffffff4d}.logo-icon{width:32px;height:32px;object-fit:contain;border-radius:50%;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all var(--transition-medium)}.logo-wrapper:hover .logo-icon{transform:scale(1.05)}.sparkle-icon{position:absolute;top:6px;right:6px;color:gold;animation:pulse 2s ease-in-out infinite}.logo-text h1{margin:0;font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:-.02em}.logo-text p{margin:.25rem 0 0;color:#fffc;font-size:.75rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%}.form-group{position:relative;width:100%}.form-group label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:600;color:#ffffffe6;transition:all var(--transition-fast);transform:translateY(0)}.form-group label.focused{color:#fff;transform:translateY(-2px)}.input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.75rem;transition:all var(--transition-medium);overflow:hidden;min-height:40px;max-height:40px;width:100%;max-width:100%}.input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.input-wrapper.focused{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 4px #ffffff1a}.input-wrapper.focused:before{transform:translate(100%)}.input-icon{position:absolute;left:.75rem;color:#ffffffb3;z-index:2;transition:all var(--transition-fast)}.input-wrapper.focused .input-icon{color:#fff;transform:scale(1.1)}.input-wrapper input{width:100%;padding:.5rem 2.5rem .5rem 2.25rem;border:none;background:transparent;color:#fff;font-size:.85rem;outline:none;z-index:2;position:relative;min-height:20px;box-sizing:border-box}.input-wrapper input::placeholder{color:#ffffff80;transition:all var(--transition-fast)}.input-wrapper.focused input::placeholder{color:#ffffff4d;transform:translate(5px)}.input-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all var(--transition-medium);transform:translate(-50%)}.input-wrapper.focused .input-border{width:100%}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all var(--transition-fast);z-index:3}.password-toggle:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.error-message,.status-message{border-radius:var(--border-radius);padding:1rem;text-align:center;font-weight:500;position:relative;overflow:hidden}.error-message{background:#e53e3e26;border:1px solid rgba(229,62,62,.3);color:#fed7d7}.status-message{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#bee3f8}.animate-in{animation:slideInDown var(--transition-medium)}.error-content,.status-content{position:relative;z-index:2}.login-button{position:relative;width:100%;padding:.5rem 1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:.75rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-medium);overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-medium);min-height:40px;max-height:40px}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-text{position:relative;z-index:2}.button-icon{position:relative;z-index:2;transition:transform var(--transition-fast)}.login-button:hover:not(:disabled) .button-icon{transform:translate(3px)}.loading-spinner{position:relative;z-index:2}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-button.loading{pointer-events:none}.login-footer{margin-top:.75rem;padding-top:.5rem}.footer-decoration{display:flex;align-items:center;justify-content:center;gap:1rem}.decoration-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.decoration-icon{color:#fff9;animation:pulse 3s ease-in-out infinite}.footer-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.footer-button{background:none;border:none;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;padding:.75rem 1rem;border-radius:.5rem;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.footer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.footer-button:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.footer-button:hover:before{left:100%}.footer-button:active{transform:translateY(0)}@media(max-width:480px){.footer-buttons{flex-direction:column;gap:.5rem}.footer-button{width:100%;justify-content:center}}@media(min-width:1441px){.login-container{max-width:420px;width:100%}.login-card{padding:2.5rem 2rem;max-height:none}.logo-wrapper{width:70px;height:70px}.logo-icon{width:45px;height:45px}.logo-text h1{font-size:1.75rem}.logo-text p{font-size:.9rem}.input-wrapper{min-height:52px;max-height:52px}.input-wrapper input{padding:.9rem 3.5rem .9rem 3.25rem;font-size:1rem}.login-button{min-height:52px;max-height:52px;padding:.9rem 1.5rem;font-size:1rem}.login-form{gap:1.5rem}.login-header{margin-bottom:2rem}.login-footer{margin-top:1.5rem;padding-top:1rem}}@media(min-width:1281px)and (max-width:1440px){.login-container{max-width:340px}.login-card{padding:1.5rem;border-radius:1.5rem}.logo-wrapper{width:50px;height:50px}.logo-icon{width:32px;height:32px}.logo-text h1{font-size:1.25rem}.logo-text p{font-size:.75rem}.input-wrapper{min-height:42px;max-height:42px}.input-wrapper input{padding:.6rem 3rem .6rem 2.75rem;font-size:.875rem}.input-icon{left:.875rem}.login-button{min-height:42px;max-height:42px;padding:.6rem 1rem;font-size:.875rem}.login-form{gap:1rem}.login-header{margin-bottom:1.25rem}.login-footer{margin-top:1rem;padding-top:.5rem}.form-group label{margin-bottom:.4rem;font-size:.8rem}.footer-button{font-size:.75rem;padding:.4rem .6rem}}@media(min-width:1025px)and (max-width:1280px){.login-container{max-width:320px}.login-card{padding:1.25rem;border-radius:1.25rem}.logo-wrapper{width:45px;height:45px}.logo-icon{width:28px;height:28px}.logo-text h1{font-size:1.1rem}.logo-text p{font-size:.7rem}.input-wrapper{min-height:38px;max-height:38px}.input-wrapper input{padding:.5rem 2.75rem .5rem 2.5rem;font-size:.8rem}.input-icon{left:.75rem}.login-button{min-height:38px;max-height:38px;padding:.5rem .875rem;font-size:.8rem}.login-form{gap:.875rem}.login-header{margin-bottom:1rem}.login-footer{margin-top:.75rem;padding-top:.4rem}.form-group label{margin-bottom:.3rem;font-size:.75rem}.footer-button{font-size:.7rem;padding:.35rem .5rem}}@media(min-width:769px)and (max-width:1024px){.login-container{max-width:300px}.login-card{padding:1.25rem 1rem;border-radius:1rem}.logo-wrapper{width:42px;height:42px}.logo-icon{width:26px;height:26px}.logo-text h1{font-size:1rem}.logo-text p{font-size:.65rem}.input-wrapper{min-height:36px;max-height:36px}.input-wrapper input{padding:.45rem 2.5rem .45rem 2.25rem;font-size:.75rem}.input-icon{left:.625rem}.login-button{min-height:36px;max-height:36px;padding:.45rem .75rem;font-size:.75rem}.login-form{gap:.75rem}.login-header{margin-bottom:.875rem}.login-footer{margin-top:.625rem;padding-top:.35rem}.form-group label{margin-bottom:.25rem;font-size:.7rem}.footer-button{font-size:.65rem;padding:.3rem .4rem}}@media(min-width:481px)and (max-width:768px){.login-container{max-width:380px}.login-card{padding:2rem 1.75rem}.logo-wrapper{width:60px;height:60px}.logo-icon{width:40px;height:40px}.logo-text h1{font-size:1.5rem}.input-wrapper{min-height:48px;max-height:48px}.input-wrapper input{padding:.75rem 3.25rem .75rem 3rem;font-size:.95rem}.login-button{min-height:48px;max-height:48px;padding:.75rem 1.25rem;font-size:.95rem}.login-form{gap:1.25rem}}@media(min-width:769px)and (max-height:800px){.login-card{padding:1.5rem 1.25rem}.login-header{margin-bottom:1rem}.logo-wrapper{width:50px;height:50px}.logo-icon{width:32px;height:32px}.logo-text h1{font-size:1.25rem}.login-form{gap:.875rem}.input-wrapper,.login-button{min-height:42px;max-height:42px}.login-footer{margin-top:.75rem;padding-top:.5rem}}@media(min-width:769px)and (max-height:700px){.login-card{padding:1.25rem 1rem}.login-header{margin-bottom:.75rem}.logo-wrapper{width:45px;height:45px}.logo-icon{width:28px;height:28px}.logo-text h1{font-size:1.1rem}.logo-text p{font-size:.7rem}.login-form{gap:.75rem}.input-wrapper{min-height:40px;max-height:40px}.input-wrapper input{padding:.5rem 2.5rem .5rem 2.25rem;font-size:.85rem}.login-button{min-height:40px;max-height:40px;padding:.5rem .875rem;font-size:.85rem}.login-footer{margin-top:.5rem;padding-top:.35rem}.form-group label{margin-bottom:.25rem;font-size:.7rem}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:1.5rem;margin:1rem}.logo-wrapper{width:60px;height:60px}.logo-text h1{font-size:1.5rem}.input-wrapper input{padding:.875rem 3.5rem .875rem 3rem}.input-icon{left:.75rem}.password-toggle{right:.75rem}}@media(max-width:360px){.login-card{padding:1.5rem 1rem}.logo-text h1{font-size:1.25rem}}@media(prefers-color-scheme:dark){.login-card{background:#0000004d;border-color:#ffffff1a}.input-wrapper{background:#0003;border-color:#ffffff1a}.input-wrapper.focused{background:#0000004d;border-color:#fff3}}.login-card.visible .logo-wrapper{animation:slideInUp .6s ease .1s both}.login-card.visible .logo-text{animation:slideInUp .6s ease .2s both}.login-card.visible .form-group:nth-child(1){animation:slideInUp .6s ease .3s both}.login-card.visible .form-group:nth-child(2){animation:slideInUp .6s ease .4s both}.login-card.visible .login-button{animation:slideInUp .6s ease .5s both}.login-card.visible .login-footer{animation:slideInUp .6s ease .6s both}.login-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -12px #0000004d}.form-group:hover label{color:#fff}.input-wrapper:hover{border-color:#ffffff4d}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-particles,.animated-waves{display:none}}.login-button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.input-wrapper input:focus-visible{outline:none}.password-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.credit-card-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:fadeIn .3s ease-out}.loading-spinner{animation:spin 1s linear infinite;margin-left:8px;color:#3b82f6;font-size:12px}input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.credit-card-modal{background:var(--bg-primary, #ffffff);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color, #e5e7eb);animation:slideUp .3s ease-out;contain:layout style paint;transform:translateZ(0);will-change:transform}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,var(--primary-color, #3b82f6) 0%,var(--primary-dark, #2563eb) 100%);color:#fff}.header-icon{font-size:1.5rem;opacity:.9}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-button{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.close-button:hover{background:#ffffff4d;transform:scale(1.05)}.card-form{padding:2rem 2.5rem;overflow-y:auto;flex:1;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent;will-change:scroll-position;transform:translateZ(0);backface-visibility:hidden}.card-form::-webkit-scrollbar{width:8px}.card-form::-webkit-scrollbar-track{background:transparent;border-radius:4px}.card-form::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px;transition:background .2s ease}.card-form::-webkit-scrollbar-thumb:hover{background:#3b82f680}.form-section{margin-bottom:2.5rem}.form-section:last-of-type{margin-bottom:1rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.section-icon{font-size:1.25rem;color:var(--primary-color, #3b82f6)}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}@media(min-width:768px){.form-grid{grid-template-columns:repeat(3,1fr)}}.form-group.full-width{grid-column:1 / -1}.form-group.col-2{grid-column:span 2}@media(max-width:639px){.form-group.col-2{grid-column:span 1}}.form-group label{font-weight:600;color:var(--text-primary, #374151);font-size:.95rem;margin-bottom:.25rem}.form-group input,.form-group select{padding:1rem 1.25rem;border:2px solid var(--border-color, #d1d5db);border-radius:12px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #1f2937);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;min-height:52px;box-sizing:border-box;will-change:border-color,box-shadow;transform:translateZ(0)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 4px #3b82f61a;background:#fff}.form-group input::placeholder{color:var(--text-secondary, #9ca3af);font-size:.95rem}.form-group input.error,.form-group select.error{border-color:#ef4444;background:#fef2f2}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.25rem}.modal-actions{display:flex;gap:1rem;padding:1.5rem 2.5rem 2rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.btn-cancel,.btn-submit{flex:1;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-height:52px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:transparent;border:2px solid var(--border-color, #d1d5db);color:var(--text-secondary, #6b7280)}.btn-cancel:hover:not(:disabled){border-color:var(--text-secondary, #6b7280);color:var(--text-primary, #374151);transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,var(--primary-color, #3b82f6) 0%,var(--primary-dark, #2563eb) 100%);border:2px solid transparent;color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.credit-card-modal{max-width:95vw;margin:1rem;border-radius:16px}.modal-header{padding:1.5rem 2rem 1rem}.modal-header h2{font-size:1.25rem}.card-form{padding:1.5rem 2rem}.modal-actions{padding:1.25rem 2rem 1.5rem;flex-direction:column}.form-grid{grid-template-columns:1fr;gap:1.25rem}.form-group.col-2{grid-column:span 1}}@media(max-width:480px){.credit-card-modal-overlay{padding:.5rem}.modal-header{padding:1.25rem 1.5rem .75rem}.card-form{padding:1.25rem 1.5rem}.modal-actions{padding:1rem 1.5rem 1.25rem}.form-group input,.form-group select{padding:1.25rem;font-size:1.1rem}}@media(prefers-color-scheme:dark){.credit-card-modal{background:#1f2937;border-color:#374151}.modal-header,.section-header{border-color:#374151}.section-header h3{color:#f9fafb}.form-group label{color:#d1d5db}.form-group input,.form-group select{background:#374151;border-color:#4b5563;color:#f9fafb}.form-group input:focus,.form-group select:focus{background:#4b5563}.form-group input::placeholder{color:#9ca3af}.modal-actions{background:#374151;border-color:#4b5563}.btn-cancel{border-color:#4b5563;color:#9ca3af}.btn-cancel:hover:not(:disabled){border-color:#6b7280;color:#d1d5db}}.card-form::-webkit-scrollbar{width:6px}.card-form::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f5f9);border-radius:3px}.card-form::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:3px}.card-form::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #94a3b8)}.payment-blocker{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:8px;border:2px solid;margin-bottom:1rem;transition:opacity .2s ease}.payment-blocker-content{display:flex;align-items:center;gap:1rem;flex:1}.payment-blocker-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background:#fff3}.payment-blocker-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.payment-blocker-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.payment-blocker-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid;border-radius:6px;background:transparent;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:box-shadow .15s ease;white-space:nowrap}.payment-blocker-action:hover{box-shadow:0 4px 8px #00000026}.payment-blocker.early{animation:pulse 2s infinite}.payment-blocker.warning{animation:pulse 1.5s infinite}.payment-usage-card{background:#1f2937!important;border:1px solid #374151!important;position:relative;overflow:hidden;color:#f9fafb!important}.payment-usage-card .usage-header{margin-bottom:1rem;color:#f9fafb!important}.payment-usage-card .usage-header span{color:#f9fafb!important}.payment-status-info{margin-bottom:1rem}.payment-status-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:inherit!important}.payment-status-message{font-size:.8rem;color:#d1d5db!important;margin-bottom:1rem}.payment-action-button{width:100%;padding:.75rem;border:2px solid;border-radius:6px;background:transparent;color:#fff!important;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-action-button:hover{box-shadow:0 2px 4px #0000001a;opacity:.9}.payment-usage-card{animation:none!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 15px 35px #00000026;width:100%;max-width:700px;max-height:90vh;overflow:visible;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#2563eb,#06b6d4);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header h3 svg{width:1.25rem;height:1.25rem;color:#fff}.modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:2rem;height:2rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close:hover{background:#ffffff40;background:#fffffff2;border-color:#ffffff4d}.modal-close:active{background:#ffffffd9}.modal-close svg{width:1rem;height:1rem}.payment-modal-content,.payment-result-content{flex:1;overflow-y:auto!important;overflow-x:hidden;padding:1.5rem 2rem;max-height:calc(90vh - 120px);min-height:200px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3b82f6 var(--bg-secondary)}.payment-modal-content::-webkit-scrollbar,.payment-result-content::-webkit-scrollbar{width:8px}.payment-modal-content::-webkit-scrollbar-track,.payment-result-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.payment-modal-content::-webkit-scrollbar-thumb,.payment-result-content::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.payment-modal-content::-webkit-scrollbar-thumb:hover,.payment-result-content::-webkit-scrollbar-thumb:hover{background:#2563eb}.payment-result-modal{max-width:1100px;min-width:950px}@media(min-width:1400px){.modal-content{max-width:1200px;min-width:1100px}.payment-result-modal{max-width:1400px;min-width:1200px}.method-options{gap:3rem}.method-option{min-height:140px;padding:2.5rem}.method-icon{width:100px;height:100px;font-size:3.5rem}}@media(min-width:768px){.modal-content{border-radius:24px;max-width:1000px;min-width:900px;min-height:600px}.payment-result-modal{max-width:1200px;min-width:1000px;min-height:700px}.modal-header{padding:3rem 4rem 2rem}.modal-header:before{left:4rem;right:4rem}.payment-modal-content,.payment-result-content{padding:3rem 4rem}.modal-actions{padding:2rem 4rem 3rem}.method-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%}.method-option{min-height:120px;padding:2rem;flex-direction:column;text-align:center;justify-content:center;margin:0;border-radius:12px}.method-content{flex-direction:column;gap:1.5rem;align-items:center}.method-icon{width:80px;height:80px;font-size:3rem;margin-bottom:0}.method-info{align-items:center;text-align:center}.method-name{font-size:1.3rem}.method-desc{font-size:1rem}.payment-summary{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.payment-info{padding:2rem}}.payment-modal-content{padding:1.5rem;width:100%;box-sizing:border-box}.payment-info{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.payment-info h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.payment-info h4 svg{color:var(--primary-color);width:1.2rem;height:1.2rem}.payment-info p{margin:.5rem 0;font-size:.9rem;color:var(--text-secondary)}.payment-info strong{color:var(--text-primary);font-weight:600}.payment-modal.urgent{border:1px solid #e5e7eb;box-shadow:0 0 20px #0000001a}.payment-modal.critical{border:1px solid #e5e7eb;box-shadow:0 0 30px #00000026}.payment-modal.warning{border:1px solid #e5e7eb;box-shadow:0 0 15px #0000001a}.result-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.result-summary h4{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;color:#14532d;text-align:center}.summary-grid{display:grid;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(16,185,129,.2)}.summary-row:last-child{border-bottom:none}.summary-row .label{font-weight:500;color:#166534}.summary-row .value{font-weight:600;color:#14532d}.summary-row .value.highlight{color:#10b981;font-size:1.1rem}.payment-details-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.payment-details-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.payment-details-section h4 svg{color:var(--primary-color);width:1.2rem;height:1.2rem}.detail-item{margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.detail-value-container{display:flex;gap:.5rem;align-items:center}.detail-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-family:monospace}.status-pending{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase}.qr-code-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.qr-code-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.qr-code-section h4 svg{color:var(--primary-color);width:1.2rem;height:1.2rem}.qr-code-container{background:var(--bg-primary);padding:1.5rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;margin:1rem 0}.qr-code-image{max-width:256px;max-height:256px;width:100%;height:auto;border-radius:12px;margin-bottom:1rem}.qr-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;width:100%}.payment-url-section,.boleto-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.payment-url-section h4,.boleto-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.payment-url-section h4 svg,.boleto-section h4 svg{color:var(--primary-color);width:1.2rem;height:1.2rem}.url-container{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.url-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-family:monospace}.copy-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:60px;display:flex;align-items:center;justify-content:center}.copy-btn svg{width:1rem;height:1rem}.copy-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.provider-status{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:1.5rem;border:1px solid var(--border-color);text-align:center}.provider-status h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.provider-status p{margin:.5rem 0;font-size:1rem;color:var(--text-secondary);line-height:1.5}.provider-status.error{border-color:#ef4444;background:#ef44440d}.provider-status.error h4{color:#ef4444}.loading-spinner{font-size:2.5rem;margin-bottom:1rem;display:inline-block}.loading-spinner svg{animation:spin 1s linear infinite;width:2.5rem;height:2.5rem}.payment-summary{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin:1rem 0;border:1px solid var(--border-color);box-shadow:0 2px 6px #0000000a;display:grid;gap:1rem}.payment-summary h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none;font-weight:700;font-size:1.125rem;color:var(--accent-primary);padding-top:.875rem;margin-top:.25rem;border-top:2px solid var(--border-color)}.summary-item .label{color:var(--text-secondary);font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.summary-item .label svg{width:1rem;height:1rem;color:var(--primary-color)}.summary-item .value{color:var(--text-primary);font-weight:600;font-size:.875rem}.summary-item .value.highlight{color:var(--primary-color);font-size:1.2rem;font-weight:700}.payment-methods{width:100%;margin-bottom:1.5rem}.payment-methods h4{margin:0 0 1.5rem;font-size:1.2rem;font-weight:700;color:var(--text-primary);text-align:center;position:relative}.payment-methods h4:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:2px}.method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;width:100%}.method-option{border:1px solid var(--border-color);border-radius:8px;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);position:relative;overflow:hidden;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}.method-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.method-option:hover:before{left:100%}.method-option:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.method-option.selected,.method-option.active{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 2px #3b82f633;transform:translateY(-1px)}.method-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;width:100%;min-width:0;position:relative;z-index:2;pointer-events:auto}.method-option .icon{font-size:1.5rem;margin-bottom:.375rem;display:block;color:#3b82f6}.method-icon{font-size:1.75rem;margin-bottom:.5rem;display:block;color:#3b82f6}.method-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.method-option h4{margin:0 0 .125rem;font-size:.8rem;font-weight:600;color:var(--text-primary)}.method-option p{margin:0;font-size:.7rem;color:var(--text-secondary);line-height:1.2}.method-name{font-weight:600;font-size:.875rem;color:var(--text-primary);margin:0 0 .25rem}.method-desc{font-size:.75rem;color:var(--text-secondary);font-weight:400;margin:0;line-height:1.3}.method-option.active .method-icon{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.method-option.active .method-name{color:var(--primary-color);font-weight:800}.method-option .method-icon{line-height:1;text-align:center;display:flex!important;align-items:center!important;justify-content:center!important}.method-option .method-icon svg{width:100%;height:100%;max-width:2.5rem;max-height:2.5rem}.method-option{min-height:80px;align-items:center!important}.method-content{width:100%;display:flex!important;align-items:center!important;gap:1.25rem!important}.method-info{flex:1;min-width:0}.method-name,.method-desc{display:block!important;visibility:visible!important;opacity:1!important}@media(max-width:480px){.method-name{font-size:.95rem!important;white-space:normal!important}.method-desc{font-size:.8rem!important;white-space:normal!important}}.payment-modal .method-name,.payment-modal .method-desc{display:block!important;visibility:visible!important;opacity:1!important;font-size:inherit!important;color:inherit!important;text-indent:0!important;text-transform:none!important;letter-spacing:normal!important;line-height:normal!important}.payment-modal .method-info{overflow:visible!important;max-width:none!important;width:auto!important}.payment-methods .method-option{display:flex!important;align-items:center!important;padding:1.5rem!important;min-height:80px!important;width:100%!important;box-sizing:border-box!important}.payment-methods .method-content{display:flex!important;align-items:center!important;gap:1.25rem!important;width:100%!important;flex:1!important}.payment-methods .method-icon{flex-shrink:0!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important}.payment-methods .method-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;min-width:0!important}.payment-methods .method-name{font-weight:700!important;font-size:1.15rem!important;color:var(--text-primary)!important;margin:0!important;line-height:1.2!important}.payment-methods .method-desc{font-size:.9rem!important;color:var(--text-secondary)!important;font-weight:500!important;margin:0!important;line-height:1.3!important}.payment-methods .method-name,.payment-methods .method-desc{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.payment-methods .method-option,.payment-methods .method-content{position:relative!important;overflow:visible!important}.payment-methods .method-info{position:relative!important;overflow:visible!important;z-index:1!important}@media(max-width:1024px)and (min-width:769px){.modal-content{max-width:800px;min-width:700px}.payment-result-modal{max-width:900px;min-width:750px}.method-options{grid-template-columns:1fr 1fr;gap:1.5rem}.method-option:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}@media(max-width:768px){.modal-overlay{padding:1rem}.modal-content{border-radius:16px;max-width:100%;min-width:auto;min-height:auto}.modal-header{padding:2rem 2rem 1.5rem}.modal-header:before{left:2rem;right:2rem}.modal-header h3{font-size:1.4rem}.payment-modal-content,.payment-result-content{padding:2rem}.modal-actions{flex-direction:column;padding:2rem;gap:1.5rem}.modal-actions:before{left:2rem;right:2rem}.btn-cancel,.btn-generate{flex:none;width:100%;padding:1.2rem 2rem;font-size:1.1rem}.method-options{display:grid;grid-template-columns:1fr;gap:1.5rem}.method-option{flex-direction:row;text-align:left;padding:1.5rem;min-height:80px}.method-content{flex-direction:row;gap:1.5rem;align-items:center}.method-icon{width:60px;height:60px;font-size:2rem}.method-info{align-items:flex-start;text-align:left}.payment-blocker{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.payment-blocker-content{justify-content:center;text-align:center}.payment-blocker-action{justify-content:center;width:100%}.payment-summary{gap:.5rem}.summary-item{padding:.75rem 0}.payment-methods h4{font-size:1.1rem;margin-bottom:1.5rem}.method-options{gap:1rem}.method-option{padding:1.25rem;min-height:70px}.method-content{gap:1rem}.method-icon{width:50px;height:50px;font-size:2rem}.method-name{font-size:1rem;white-space:normal}.method-desc{font-size:.85rem;white-space:normal}.method-option input[type=radio]{margin-right:1rem;transform:scale(1.1)}.payment-info{padding:1rem}.payment-result-content{padding:1rem;gap:1rem}.url-container{flex-direction:column;align-items:stretch}.copy-btn{width:100%}.qr-actions{flex-direction:column;width:100%}.qr-actions button{width:100%}.pending-payments-section{padding:1rem;margin-bottom:1rem}.pending-payment-card{padding:1rem}.payment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-actions{gap:1rem}.qr-code-small{max-width:120px}.btn-primary,.btn-copy{width:100%;justify-content:center;margin:.25rem 0}}.pending-payments-section{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.pending-payments-section h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.pending-payment-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.pending-payment-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.pending-payment-card:last-child{margin-bottom:0}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.payment-method{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.payment-amount{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.payment-details{margin-bottom:1.5rem}.payment-details p{margin:.5rem 0;font-size:.9rem;color:var(--text-secondary)}.payment-details strong{color:var(--text-primary);font-weight:600}.payment-actions{display:grid;gap:1.5rem}.pix-section,.payment-link-section,.boleto-section{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem}.pix-section h5,.payment-link-section h5,.boleto-section h5{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.qr-code-small{display:block;margin:1rem auto;border-radius:8px;border:1px solid var(--border-color);background:#fff;padding:.5rem}.btn-copy{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:.5rem .5rem .5rem 0;display:inline-flex;align-items:center;gap:.25rem}.btn-copy:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:.5rem .5rem .5rem 0;display:inline-flex;align-items:center;gap:.5rem}.btn-primary svg{width:1rem;height:1rem}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-actions{display:flex;gap:1.5rem;padding:2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);position:relative}.modal-actions:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.btn-cancel{flex:1;padding:1rem 2rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.btn-cancel:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.btn-cancel:hover:not(:disabled):before{left:100%}.btn-generate{flex:2;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f64d}.btn-generate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.btn-generate:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #3b82f666}.btn-generate:hover:not(:disabled):before{left:100%}.btn-generate:active:not(:disabled){transform:translateY(-1px)}.btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #3b82f61a}.btn-generate .spinner{animation:spin 1s linear infinite}.btn-generate .payment-icon{font-size:1.3rem}.btn-generate.urgent{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 15px #f59e0b4d}.btn-generate.urgent:hover:not(:disabled){box-shadow:0 12px 30px #f59e0b66}.btn-generate.critical{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;animation:pulse 2s infinite}.btn-generate.critical:hover:not(:disabled){box-shadow:0 12px 30px #ef444466}.btn-generate .spinner,.btn-generate .payment-icon{display:inline-flex;align-items:center;justify-content:center}.btn-generate .spinner svg,.btn-generate .payment-icon svg{width:1.2rem;height:1.2rem}.btn-generate .spinner svg{animation:spin 1s linear infinite}.btn-cancel,.btn-generate{white-space:nowrap;min-height:50px;display:flex!important;align-items:center!important;justify-content:center!important}.btn-cancel svg,.btn-generate svg{flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.qr-error{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center;color:#64748b}.qr-error p{margin:.5rem 0;font-size:.9rem}.pix-code-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:1.5rem;margin:1rem 0}.pix-code-container p{margin:.5rem 0;color:#0c4a6e}.pix-code-container strong{color:#0369a1;font-weight:600}.pix-code-text{width:100%;padding:.75rem;border:1px solid #0ea5e9;border-radius:8px;background:#fff;color:#0c4a6e;font-family:Courier New,monospace;font-size:.8rem;resize:vertical;min-height:60px;line-height:1.4}.pix-code-container em{color:#0369a1;font-size:.85rem;font-style:italic}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary svg{width:1rem;height:1rem}.btn-secondary:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.qr-loading .loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}.qr-loading p{margin:0;color:var(--text-secondary);font-size:.9rem}.redirect-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.redirect-modal-content{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 40px #0000004d;animation:redirectModalAppear .3s ease-out}@keyframes redirectModalAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.redirect-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.redirect-modal-content h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0 0 2rem;line-height:1.4}.countdown{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-number{font-size:3rem;font-weight:700;color:#dc2626;line-height:1;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.countdown-text{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.blocked-access{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;z-index:9999}.blocked-content{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 40px #dc262633;border:1px solid #e2e8f0}.blocked-content svg{margin-bottom:1.5rem}.blocked-content h2{color:#dc2626;font-size:2rem;font-weight:700;margin:0 0 1rem}.blocked-content p{color:#7f1d1d;font-size:1.125rem;margin:.5rem 0;line-height:1.5}.blocked-content p:last-child{font-weight:600;margin-top:1.5rem}.payment-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9998;font-size:1.125rem;color:#6b7280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-blocker-overlay{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;z-index:9997;box-shadow:0 4px 12px #dc26264d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.payment-blocker-content{padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.blocker-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-indicator{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-info{flex:1}.status-info h3{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.status-info p{font-size:.875rem;margin:0;opacity:.9}.close-blocker{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-blocker:hover{background:#ffffff4d}.blocker-actions{display:flex;gap:1rem;justify-content:center}.btn-payment{background:#fff;color:#dc2626;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-payment:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@media(max-width:768px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal-content{max-width:100%;border-radius:12px 12px 0 0;max-height:85vh;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:.875rem 1rem .625rem}.modal-header h2,.modal-header h3{font-size:.9rem}.payment-modal-content{padding:.875rem}.method-options{grid-template-columns:1fr;gap:.75rem;margin:1rem 0}.method-option{padding:.875rem;min-height:70px;flex-direction:row;text-align:left;justify-content:flex-start}.method-option .icon{font-size:1.25rem;margin-bottom:0;margin-right:.625rem}.method-option h4{font-size:.8rem;margin-bottom:.125rem}.method-option p{font-size:.7rem}.generate-payment-btn{padding:.875rem 1.25rem;font-size:.85rem;margin-top:.875rem}.redirect-modal-content{padding:2rem 1.5rem;margin:1rem}.redirect-modal-content h3{font-size:1.125rem}.countdown-number{font-size:2.5rem}.blocked-content{padding:2rem 1.5rem;margin:1rem}.blocked-content h2{font-size:1.5rem}.blocked-content p{font-size:1rem}.blocker-header{flex-direction:column;text-align:center;gap:.75rem}.status-info h3{font-size:1.125rem}.blocker-actions{margin-top:1rem}.btn-payment{width:100%;justify-content:center}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:12px 12px 0 0;max-height:95vh}.modal-header{padding:.875rem .875rem .625rem}.modal-header h2,.modal-header h3{font-size:.9rem}.modal-close{width:1.75rem;height:1.75rem}.modal-close svg{width:.875rem;height:.875rem}.payment-modal-content{padding:.875rem}.method-option{padding:.875rem;min-height:70px}.method-option .icon{font-size:1.25rem;margin-right:.625rem}.method-option h4{font-size:.825rem}.method-option p{font-size:.75rem}.generate-payment-btn{padding:.875rem 1.25rem;font-size:.875rem}.payment-blocker-content{padding:.75rem 1rem}.countdown-number{font-size:2rem}.redirect-modal-content h3{font-size:1rem}}@media(prefers-color-scheme:dark){.redirect-modal-content{background:#1f2937;color:#f9fafb}.redirect-modal-content h3{color:#fca5a5}.countdown-text{color:#9ca3af}.blocked-content{background:#1f2937;border-color:#7f1d1d}.blocked-content h2{color:#fca5a5}.blocked-content p{color:#d1d5db}.payment-loading{background:#1f2937e6;color:#d1d5db}.modal-overlay{background:#000c}.modal-content{background:#1f2937;border-color:#374151;color:#f9fafb}.payment-modal-content{background:#1f2937}.modal-header{background:#1f2937;border-color:#374151;color:#f9fafb}.modal-close{color:#9ca3af;background:#374151;border-color:#4b5563}.modal-close:hover{color:#f9fafb;background:#4b5563}.modal-actions{background:#1f2937!important;border-color:#374151!important}.btn-cancel{background:#374151!important;border-color:#4b5563!important;color:#d1d5db!important}.btn-cancel:hover:not(:disabled){background:#4b5563!important;border-color:#3b82f6!important;color:#3b82f6!important;box-shadow:0 4px 15px #3b82f633!important}.btn-generate{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 4px 15px #3b82f666!important}.btn-generate:hover:not(:disabled){box-shadow:0 12px 30px #3b82f680!important}.btn-generate.urgent{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;box-shadow:0 4px 15px #f59e0b66!important}.btn-generate.critical{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #ef444466!important}}.generate-payment-btn{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:1.25rem;position:relative;overflow:hidden;box-shadow:0 3px 10px #3b82f633}.generate-payment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;pointer-events:none}.generate-payment-btn:hover:before{left:100%}.generate-payment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.generate-payment-btn:active{transform:translateY(0);box-shadow:0 4px 14px #3b82f640}.generate-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.generate-payment-btn svg{width:1.125rem;height:1.125rem}.credit-card-option{cursor:pointer;transition:all .3s ease}.credit-card-option:hover{background-color:var(--primary-color-light, #f0f9ff);border-color:var(--primary-color, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.credit-card-option:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f61a}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p{color:#000;font-size:1rem;margin:0}.dashboard{padding:1.5rem;width:100%;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);margin:0;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary)}.header-content p{margin:0;color:var(--text-secondary);font-size:1rem}.header-actions .btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.header-actions .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.stat-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.sales,.stat-icon.revenue,.stat-icon.customers,.stat-icon.ticket{background:#0000001a;color:#000}.stat-change.positive,.stat-change.negative,.stat-change.neutral{color:#000}.organization-usage{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);margin-bottom:2rem}.usage-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.organization-usage h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.dashboard:not(.dark) .organization-usage h2,.dashboard.light .organization-usage h2,.dashboard:not(.dark) .usage-header-section h2,.dashboard.light .usage-header-section h2{color:#050a14!important}.usage-actions{display:flex;gap:1rem}.expand-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.expand-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.expand-btn.expanded{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 4px 12px #ef44444d}.expand-btn.expanded:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 6px 20px #ef444466}.expand-btn:disabled,.expand-btn.blocked{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed!important;opacity:.6;box-shadow:none!important;transform:none!important;pointer-events:none!important}.expand-btn:disabled:hover,.expand-btn.blocked:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;transform:none!important;box-shadow:none!important}.plans-expansion{margin-top:2rem;padding:2rem;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:12px;animation:expandIn .3s ease-out}.dashboard:not(.dark) .plans-expansion,.dashboard.light .plans-expansion{background:linear-gradient(135deg,#d4a574,#c89666,#b8865a);border-color:#8b6f47;color:#050a14}.dashboard:not(.dark) .plans-expansion h3,.dashboard.light .plans-expansion h3{color:#050a14!important}.dashboard.dark .plans-expansion{background:var(--bg-primary);border-color:var(--accent-primary)}@keyframes expandIn{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.plans-section h3{margin:0 0 2rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center}.plans-navigation{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.current-plan-display h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.current-plan-card{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border:2px solid var(--accent-primary);border-radius:12px;padding:1.5rem}.plan-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.plan-name{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.plan-price{font-size:1.1rem;font-weight:600;color:var(--accent-primary)}.plan-usage-summary{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.carousel-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.carousel-controls{display:flex;align-items:center;gap:1rem}.nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-primary)}.nav-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.plan-counter{font-size:.9rem;color:var(--text-secondary);font-weight:500}.plans-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.plan-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.plan-option:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.plan-option.selected{border-color:var(--accent-primary);background:linear-gradient(135deg,rgba(59,130,246,.1),var(--bg-secondary));box-shadow:0 8px 25px #3b82f633}.plan-option.upgrade{border-color:#10b981}.plan-option.upgrade.selected{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1),var(--bg-secondary))}.plan-option.downgrade{border-color:#f59e0b}.plan-option.downgrade.selected{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1),var(--bg-secondary))}.plan-badge{position:absolute;top:-8px;right:-8px;background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-option.upgrade .plan-badge{background:linear-gradient(135deg,#10b981,#059669)}.plan-option.downgrade .plan-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard:not(.dark) .plan-option,.dashboard.light .plan-option{background:#ffffffe6;border-color:#8b6f47;color:#050a14}.dashboard:not(.dark) .plan-option:hover,.dashboard.light .plan-option:hover{background:#fff;border-color:#6b5635;box-shadow:0 8px 25px #8b6f474d}.dashboard:not(.dark) .plan-option.selected,.dashboard.light .plan-option.selected{background:#fff;border-color:#6b5635;box-shadow:0 8px 25px #8b6f4766}.dashboard:not(.dark) .plan-header h4,.dashboard.light .plan-header h4,.dashboard:not(.dark) .plan-price,.dashboard.light .plan-price,.dashboard:not(.dark) .plan-description,.dashboard.light .plan-description,.dashboard:not(.dark) .limit-item,.dashboard.light .limit-item{color:#050a14!important}.dashboard:not(.dark) .current-plan-card,.dashboard.light .current-plan-card{background:#fffffff2;border-color:#6b5635;color:#050a14}.dashboard:not(.dark) .current-plan-card h4,.dashboard.light .current-plan-card h4,.dashboard:not(.dark) .current-plan-card p,.dashboard.light .current-plan-card p{color:#050a14!important}.dashboard:not(.dark) .nav-btn,.dashboard.light .nav-btn{background:#ffffffe6;border-color:#8b6f47;color:#050a14!important}.dashboard:not(.dark) .nav-btn:hover:not(:disabled),.dashboard.light .nav-btn:hover:not(:disabled){background:#6b5635;color:#fff;border-color:#6b5635}.dashboard:not(.dark) .plan-counter,.dashboard.light .plan-counter{color:#050a14!important}.dashboard:not(.dark) .plan-option *,.dashboard.light .plan-option *{color:#050a14!important}.dashboard:not(.dark) .plan-option svg,.dashboard.light .plan-option svg{color:#6b5635!important}.dashboard:not(.dark) .limit-item,.dashboard.light .limit-item,.dashboard:not(.dark) .limit-item *,.dashboard.light .limit-item *{color:#050a14!important}.dashboard:not(.dark) .plan-details,.dashboard.light .plan-details,.dashboard:not(.dark) .plan-details *,.dashboard.light .plan-details *{color:#050a14!important}.dashboard:not(.dark) .streaming-section,.dashboard.light .streaming-section{background:#8b45131a;border-color:#8b45134d}.dashboard:not(.dark) .streaming-section *,.dashboard.light .streaming-section *{color:#050a14!important}.dashboard:not(.dark) .selected-indicator,.dashboard.light .selected-indicator{background:#6b5635;color:#fff!important}.dashboard:not(.dark) .selected-indicator *,.dashboard.light .selected-indicator *{color:#fff!important}.dashboard:not(.dark) .plans-expansion h2,.dashboard.light .plans-expansion h2,.dashboard:not(.dark) .plans-expansion h3,.dashboard.light .plans-expansion h3,.dashboard:not(.dark) .plans-expansion h4,.dashboard.light .plans-expansion h4,.dashboard:not(.dark) .plans-expansion h5,.dashboard.light .plans-expansion h5,.dashboard:not(.dark) .plans-expansion h6,.dashboard.light .plans-expansion h6{color:#050a14!important}.dashboard:not(.dark) h2,.dashboard.light h2,.dashboard:not(.dark) h3,.dashboard.light h3,.dashboard:not(.dark) h4,.dashboard.light h4,.dashboard:not(.dark) h5,.dashboard.light h5,.dashboard:not(.dark) h6,.dashboard.light h6{color:#050a14!important}.dashboard:not(.dark) .section-title,.dashboard.light .section-title,.dashboard:not(.dark) h6.section-title,.dashboard.light h6.section-title,.dashboard:not(.dark) .plan-option .section-title,.dashboard.light .plan-option .section-title,.dashboard:not(.dark) .plan-details .section-title,.dashboard.light .plan-details .section-title{color:#050a14!important}.dashboard:not(.dark) .plans-expansion .section-title,.dashboard.light .plans-expansion .section-title{color:#050a14!important}.force-dark-text{color:#050a14!important}.plan-header{margin-bottom:1rem}.plan-header h5{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.plan-header .plan-price{display:flex;align-items:baseline;gap:.25rem;color:var(--accent-primary);font-weight:700}.plan-header .currency{font-size:.9rem}.plan-header .amount{font-size:1.5rem}.plan-header .period{font-size:.8rem;color:var(--text-secondary)}.plan-limits{display:flex;flex-direction:column;gap:.5rem}.limit-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.limit-item svg{color:var(--accent-primary)}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.5rem;background:var(--accent-primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600}.plan-details{display:flex;flex-direction:column;gap:1rem}.plan-section{border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.plan-section:last-child{border-bottom:none;padding-bottom:0}.section-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.25rem}.allowed-pages{display:flex;flex-direction:column;gap:.25rem}.page-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.page-dot{color:var(--accent-primary);font-weight:700}.more-pages{color:var(--accent-primary);font-weight:500}.view-all-btn{background:none;border:none;color:var(--accent-primary);font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0;margin-left:.25rem}.view-all-btn:hover{color:var(--accent-secondary)}.additional-features{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.2);border-radius:6px;padding:.75rem;margin-top:.5rem}.additional-features .section-title{color:#059669}.dashboard:not(.dark) .additional-features .section-title,.dashboard.light .additional-features .section-title{color:#050a14!important}.additional-pages{display:flex;flex-direction:column;gap:.25rem}.additional-page-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#059669}.new-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.streaming-section{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border:1px solid rgba(139,92,246,.2);border-radius:6px;padding:.75rem;margin-top:.5rem}.streaming-section .section-title{color:#7c3aed}.dashboard:not(.dark) .streaming-section .section-title,.dashboard.light .streaming-section .section-title{color:#050a14!important}.streaming-feature{display:flex;justify-content:center;align-items:center;margin-top:10px}.streaming-image-container{display:flex;justify-content:center;align-items:center;cursor:pointer;padding:12px;border-radius:12px;background:#8b45131a;border:1px solid rgba(139,69,19,.3);transition:all .3s ease;width:fit-content}.streaming-image-container:hover{background:#8b451333;border-color:#8b451380;transform:translateY(-2px);box-shadow:0 4px 12px #8b451333}.streaming-icon-centered{width:48px;height:48px;border-radius:8px;object-fit:contain}.dark .streaming-image-container{background:#cd853f1a;border-color:#cd853f4d}.dark .streaming-image-container:hover{background:#cd853f33;border-color:#cd853f80;box-shadow:0 4px 12px #cd853f33}.dashboard.dark .expand-btn,.dark .dashboard .expand-btn,[data-theme=dark] .expand-btn,.expand-btn.dark,.dashboard.dark .expand-btn.expanded,.dark .dashboard .expand-btn.expanded,[data-theme=dark] .expand-btn.expanded,.expand-btn.expanded.dark{color:#fff!important;-webkit-text-fill-color:#FFFFFF!important}.dark .expand-btn *,[data-theme=dark] .expand-btn *,.dashboard.dark .expand-btn *{color:#fff!important}.product-rank.dark{background:#fff!important;color:#000!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pages-modal{background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pages-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pages-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background:#fff3}.pages-modal-content{padding:2rem;overflow-y:auto;max-height:calc(80vh - 100px)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.page-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:default}.page-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.page-card.new-page{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1),var(--bg-secondary))}.page-icon{font-size:2rem;margin-bottom:.75rem;display:block}.page-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.page-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.new-feature-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.025em}.pages-summary{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.summary-item strong{color:var(--text-primary)}.summary-item.new-access,.summary-item.new-access strong{color:#059669}@media(max-width:768px){.pages-modal{width:95%;max-height:90vh}.pages-modal-header{padding:1rem 1.5rem}.pages-modal-header h3{font-size:1.1rem}.pages-modal-content{padding:1.5rem}.pages-grid{grid-template-columns:1fr;gap:.75rem}.page-card{padding:1rem}.page-icon{font-size:1.5rem;margin-bottom:.5rem}}.plan-selection-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-top:2rem}.price-calculation h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.calc-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.calc-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text-primary)}.calc-row.total{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.5rem;font-weight:600;font-size:1.1rem}.calc-row .upgrade{color:#10b981;font-weight:600}.calc-row .downgrade{color:#f59e0b;font-weight:600}.payment-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem;margin:1rem 0;font-size:.9rem;color:var(--text-primary);text-align:center}.selection-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;margin:20px}.confirmation-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.confirmation-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.confirmation-content{padding:1.5rem;text-align:center}.confirmation-content p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.confirmation-price{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin:1rem 0}.final-amount{font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-top:.5rem}.payment-method-info{margin:1rem 0}.payment-note{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:8px;font-size:.9rem;font-weight:500}.payment-note.credit{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#1e40af}.payment-note.immediate{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#92400e}.confirmation-actions{display:flex;gap:1rem;padding:0 1.5rem 1.5rem}.confirmation-actions button{flex:1}.quick-actions{margin-bottom:2rem}.quick-actions h2{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.action-icon{padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.action-content{flex:1}.action-content h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.action-content p{margin:0;font-size:.8rem;color:var(--text-secondary)}.action-arrow{color:var(--text-secondary);transition:transform .2s ease}.action-card:hover .action-arrow{transform:translate(4px)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.chart-card .recharts-responsive-container,.chart-card .recharts-surface{background:var(--bg-secondary)!important}.chart-card .recharts-cartesian-grid-horizontal line,.chart-card .recharts-cartesian-grid-vertical line{stroke:var(--border-color)!important;opacity:.5}.chart-card .recharts-xAxis .recharts-cartesian-axis-tick-value,.chart-card .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:var(--text-secondary)!important}.chart-card .recharts-tooltip-wrapper{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:var(--shadow-lg)!important}.chart-card .recharts-default-tooltip{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important}.chart-card .recharts-tooltip-label{color:var(--text-primary)!important}.chart-card .recharts-tooltip-item{color:var(--text-secondary)!important}.chart-card .recharts-pie-label-text{fill:var(--text-primary)!important;font-size:12px!important;font-weight:500!important}.chart-card .recharts-cartesian-axis-line,.chart-card .recharts-cartesian-axis-tick-line{stroke:var(--border-color)!important}.chart-card .recharts-area-chart,.chart-card .recharts-pie-chart,.chart-card .recharts-wrapper{background:var(--bg-secondary)!important}.chart-card svg{background:var(--bg-secondary)!important}.chart-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.chart-card *{background:transparent!important}.chart-card .recharts-responsive-container,.chart-card .recharts-surface,.chart-card .recharts-wrapper,.chart-card svg{background:var(--bg-secondary)!important}.chart-card>div{background:var(--bg-secondary)!important}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.bottom-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.top-products,.recent-activities{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.btn-link{background:none;border:none;color:var(--accent-primary);font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color .2s ease}.btn-link:hover{color:var(--accent-hover)}.products-list{display:flex;flex-direction:column;gap:.75rem}.product-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.product-rank{background:var(--accent-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.product-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.product-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.product-stats{font-size:.8rem;color:var(--text-secondary)}.activities-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.activity-icon{padding:.5rem;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center}.activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-message{font-size:.9rem;color:var(--text-primary)}.activity-time{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.stats-grid,.usage-grid,.actions-grid,.charts-section,.bottom-section{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-header{padding:1rem}.stat-card{flex-direction:column;text-align:center;gap:1rem}.action-card{padding:1rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.usage-card{background:var(--bg-primary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.usage-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;color:var(--text-primary)}.sync-button{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sync-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.sync-button:disabled{opacity:.5;cursor:not-allowed}.usage-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.usage-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:3px;transition:width .3s ease}.usage-fill.warning{background:linear-gradient(90deg,#ef4444,#fca5a5)}.usage-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.usage-details .warning{color:#ef4444;font-weight:600}@media(max-width:1024px){.plans-navigation{grid-template-columns:1fr;gap:1.5rem}.plans-carousel{grid-template-columns:1fr}.plan-selection-summary{padding:1.5rem}}@media(max-width:768px){.plans-expansion{padding:1rem}.carousel-controls{flex-direction:column;gap:.5rem;align-items:center}.plan-option{padding:1rem}.selection-actions,.confirmation-actions{flex-direction:column}.usage-header-section{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:1440px){.dashboard{padding:1.25rem}.dashboard-header{padding:1.25rem;margin-bottom:1.5rem}.header-content h1{font-size:1.75rem}.stats-grid{gap:1.25rem}.stat-card{padding:1.25rem}.stat-number{font-size:1.5rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.25rem}.plans-navigation{grid-template-columns:1fr 1.5fr;gap:1.5rem}}@media(max-width:1366px){.dashboard{padding:1rem}.dashboard-header{padding:1rem;margin-bottom:1.25rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.875rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon{padding:.5rem}.stat-content h3{font-size:.8rem}.stat-number{font-size:1.35rem}.stat-change{font-size:.75rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-header{padding:1rem 1rem .75rem}.chart-header h3{font-size:1rem}.organization-usage{padding:1rem;margin-bottom:1.5rem}.organization-usage h2{font-size:1.1rem}.usage-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.usage-item{padding:.75rem}.plans-expansion{padding:1.5rem;margin-top:1.5rem}.plans-section h3{font-size:1.25rem;margin-bottom:1.5rem}.plans-navigation{grid-template-columns:1fr;gap:1.25rem}.plans-carousel{grid-template-columns:1fr;gap:.75rem}.plan-option{padding:1rem}.plan-header h5{font-size:1rem}.plan-header .amount{font-size:1.25rem}.actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.action-card{padding:1rem;gap:.75rem}.action-content h3{font-size:.9rem}.action-content p{font-size:.75rem}}@media(max-width:1280px){.dashboard{padding:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.875rem}.stat-number{font-size:1.25rem}.usage-grid,.actions-grid{grid-template-columns:1fr}.pages-modal{max-width:95%}.pages-grid{grid-template-columns:1fr}}.produto-search{width:100%;margin-bottom:1.5rem}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;background:#fff;transition:all .2s ease;outline:none}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-results{position:static;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;max-height:60vh;overflow:hidden;margin-top:.5rem;margin-bottom:1rem}.results-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-size:.875rem;color:#6b7280;font-weight:500;display:flex;justify-content:space-between;align-items:center}.results-count{display:flex;align-items:center;gap:.25rem}.exact-match-count{color:#10b981;font-weight:600}.results-header .scroll-hint{font-size:.75rem;color:#9ca3af;font-style:italic}.results-list{max-height:calc(60vh - 60px);overflow-y:auto}.loading-state{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.product-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.product-item:hover{background:#f9fafb}.product-item:last-child{border-bottom:none}.product-item.low-stock{background:#ef44440d;border-left:3px solid #ef4444}.product-item.no-stock{background:#9ca3af1a;border-left:3px solid #9ca3af;opacity:.7;cursor:not-allowed}.product-item.no-stock:hover{background:#9ca3af1a}.product-image{width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.product-image svg{color:#9ca3af}.product-info{flex:1;min-width:0}.product-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.product-category{font-size:.9rem;color:#6b7280;margin:0 0 .75rem;font-weight:500}.product-details{display:flex;align-items:center;gap:1rem}.product-price{font-size:1.125rem;font-weight:700;color:#059669}.product-stock{font-size:.875rem;color:#6b7280;padding:.25rem .5rem;background:#f3f4f6;border-radius:.375rem}.product-stock.low{background:#ef44441a;color:#dc2626;font-weight:600}.product-stock.empty{background:#9ca3af1a;color:#6b7280;font-weight:600}.product-actions{flex-shrink:0}.add-product-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-product-btn:hover:not(.disabled){background:#2563eb;transform:translateY(-1px)}.add-product-btn.disabled{background:#9ca3af;cursor:not-allowed;transform:none}.add-product-btn:disabled{background:#9ca3af;cursor:not-allowed}[data-theme=dark] .search-input{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .search-input::placeholder{color:#64748b}[data-theme=dark] .search-icon{color:#94a3b8}[data-theme=dark] .search-results{background:#0f172a;border-color:#334155}[data-theme=dark] .results-header{background:#1e293b;border-bottom-color:#334155;color:#94a3b8}[data-theme=dark] .results-header .scroll-hint{color:#64748b}[data-theme=dark] .product-item{border-bottom-color:#334155}[data-theme=dark] .product-item:hover{background:#1e293b}[data-theme=dark] .product-item.low-stock{background:#ef44441a;border-left-color:#ef4444}[data-theme=dark] .product-item.no-stock{background:#47556933;border-left-color:#64748b}[data-theme=dark] .product-item.no-stock:hover{background:#47556933}[data-theme=dark] .product-image{background:#334155}[data-theme=dark] .product-name{color:#e2e8f0}[data-theme=dark] .product-category{color:#94a3b8}[data-theme=dark] .product-price{color:#10b981}[data-theme=dark] .product-stock{background:#334155;color:#94a3b8}[data-theme=dark] .product-stock.low{background:#ef444433;color:#fca5a5}[data-theme=dark] .product-stock.empty{background:#4755694d;color:#94a3b8}[data-theme=dark] .loading-state{color:#94a3b8}[data-theme=dark] .add-product-btn:not(.disabled){background:#3b82f6}[data-theme=dark] .add-product-btn:hover:not(.disabled){background:#2563eb}[data-theme=dark] .add-product-btn.disabled{background:#475569}[data-theme=dark] .product-item-compact{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .product-item-compact:hover{background:#1e293b}[data-theme=dark] .product-item-compact.low-stock{background:#ef44441a;border-left-color:#ef4444}[data-theme=dark] .product-item-compact.no-stock{background:#47556933;border-left-color:#64748b}[data-theme=dark] .product-item-compact.no-stock:hover{background:#47556933}[data-theme=dark] .product-image-container{background:#334155}[data-theme=dark] .product-item-compact .product-name{color:#e2e8f0}[data-theme=dark] .product-item-compact .product-category{color:#94a3b8}[data-theme=dark] .product-item-compact .product-price{color:#10b981}[data-theme=dark] .product-item-compact .product-stock{color:#94a3b8}[data-theme=dark] .product-item-compact .product-stock.low{color:#fbbf24}[data-theme=dark] .product-item-compact .product-stock.empty,[data-theme=dark] .product-item-compact .product-expired{color:#f87171}[data-theme=dark] .add-product-btn-simple{background:#3b82f6}[data-theme=dark] .add-product-btn-simple:hover{background:#2563eb}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280}.no-results svg{margin-bottom:1rem;color:#d1d5db}.no-results p{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.no-results span{font-size:.875rem;color:#9ca3af}[data-theme=dark] .no-results{color:#94a3b8}[data-theme=dark] .no-results svg{color:#475569}[data-theme=dark] .no-results p{color:#e2e8f0}[data-theme=dark] .no-results span{color:#64748b}.product-item-compact{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;background:#fff}.product-item-compact:hover{background:#f9fafb}.product-item-compact:last-child{border-bottom:none}.product-item-compact.low-stock{background:#ef44440d;border-left:3px solid #ef4444}.product-item-compact.no-stock{background:#9ca3af1a;border-left:3px solid #9ca3af;opacity:.7;cursor:not-allowed}.product-item-compact.no-stock:hover{background:#9ca3af1a}.product-image-container{flex-shrink:0;width:50px;height:50px;border-radius:.375rem;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.product-image-placeholder{color:#6b7280}.product-item-compact .product-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.product-item-compact .product-name{font-weight:600;color:#1f2937;font-size:.875rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;margin:0}.product-item-compact .product-category{font-size:.6875rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.product-item-compact .product-info-row{display:flex;align-items:center;gap:.75rem;font-size:.75rem;flex-wrap:wrap}.product-item-compact .product-price{font-weight:600;color:#059669}.product-item-compact .product-stock{color:#6b7280}.product-item-compact .product-stock.low{color:#f59e0b}.product-item-compact .product-stock.empty{color:#dc2626}.product-item-compact .product-expired{color:#dc2626;font-weight:500}.add-product-btn-simple{flex-shrink:0;width:32px;height:32px;background:#3b82f6;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-product-btn-simple:hover{background:#2563eb;transform:scale(1.1)}.add-product-btn-simple:active{transform:scale(.95)}.add-product-btn-simple.disabled{background:#6b7280;cursor:not-allowed;transform:none}.add-product-btn-simple.disabled:hover{background:#6b7280;transform:none}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.results-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px;border:1px solid #e5e7eb}.results-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.results-list{position:relative}.results-list:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#0000001a);pointer-events:none;border-radius:0 0 .75rem .75rem}@media(max-width:768px){.search-results{max-height:70vh}.results-list{max-height:calc(70vh - 60px)}.product-item{padding:1rem 1.25rem;gap:1rem}.product-image{width:3.5rem;height:3.5rem}.product-name{font-size:1rem}.product-details{flex-direction:column;align-items:flex-start;gap:.25rem}.add-product-btn{padding:.375rem .75rem;font-size:.8rem}.no-results{padding:2rem 1rem}}.caixa-page.list .search-results{max-height:75vh}.caixa-page.list .results-list{max-height:calc(75vh - 60px)}@media(max-width:768px){.caixa-page.list .search-results{max-height:80vh}.caixa-page.list .results-list{max-height:calc(80vh - 60px)}}.expiration-alerts{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.expiration-alert{display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:.375rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;cursor:help;transition:all .2s ease}.expiration-alert.expired{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.expiration-alert.expiring{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.expiration-alert:hover{transform:scale(1.05)}.expiration-alert svg{width:10px;height:10px;flex-shrink:0}[data-theme=dark] .expiration-alert.expired{background:#ef444426;color:#f87171;border-color:#ef44444d}[data-theme=dark] .expiration-alert.expiring{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}@media(max-width:768px){.expiration-alerts{margin-top:.375rem}.expiration-alert{font-size:.65rem;padding:.1rem .3rem}.expiration-alert svg{width:9px;height:9px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lote-selection-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.lote-selection-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.lote-selection-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.lote-selection-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.lote-selection-modal .close-btn:hover{background:#e5e7eb;color:#374151}.lote-selection-modal .modal-content{padding:2rem;overflow-y:auto;flex:1}.modal-description{margin:0 0 1.5rem;color:#6b7280;font-size:.95rem;line-height:1.5}.lote-selection-modal .lotes-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.lote-selection-modal .lote-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb;transition:all .2s ease}.lote-selection-modal .lote-item.expired{border-color:#fca5a5;background:#fef2f2}.lote-selection-modal .lote-item.expiring{border-color:#fbbf24;background:#fffbeb}.lote-selection-modal .lote-item.good{border-color:#86efac;background:#f0fdf4}.lote-info{flex:1}.lote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lote-id{font-weight:600;color:#1f2937;font-size:.95rem}.lote-selection-modal .status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.lote-selection-modal .status-badge.expired{background:#fecaca;color:#dc2626}.lote-selection-modal .status-badge.expiring{background:#fde68a;color:#d97706}.lote-selection-modal .status-badge.good{background:#bbf7d0;color:#16a34a}.lote-selection-modal .status-badge.no-date{background:#e5e7eb;color:#6b7280}.lote-details{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.lote-details span{display:flex;align-items:center;gap:.5rem}.lote-quantity-selector{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.25rem}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:.375rem;color:#374151;cursor:pointer;transition:all .2s ease}.quantity-btn:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.quantity-display{min-width:2rem;text-align:center;font-weight:600;color:#1f2937}.selection-summary{padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;margin-top:1rem}.selection-summary h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#0c4a6e}.selection-summary p{margin:0;color:#0369a1;font-weight:500}.lote-selection-modal .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary,.btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb;color:#1f2937}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .lote-selection-modal{background:var(--bg-primary);box-shadow:0 20px 60px #0009}[data-theme=dark] .lote-selection-modal .modal-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .lote-selection-modal .modal-header h3{color:var(--text-primary)}[data-theme=dark] .lote-selection-modal .close-btn{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .lote-selection-modal .close-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}[data-theme=dark] .modal-description{color:var(--text-secondary)}[data-theme=dark] .lote-selection-modal .lote-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .lote-selection-modal .lote-item.expired{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .lote-selection-modal .lote-item.expiring{background:#f59e0b1a;border-color:#f59e0b4d}[data-theme=dark] .lote-selection-modal .lote-item.good{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .lote-id{color:var(--text-primary)}[data-theme=dark] .lote-details{color:var(--text-secondary)}[data-theme=dark] .lote-quantity-selector{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .quantity-btn{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .quantity-btn:hover:not(:disabled){background:var(--bg-quaternary);color:var(--text-primary)}[data-theme=dark] .quantity-display{color:var(--text-primary)}[data-theme=dark] .selection-summary{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .selection-summary h4{color:#60a5fa}[data-theme=dark] .selection-summary p{color:#93c5fd}[data-theme=dark] .lote-selection-modal .modal-footer{background:var(--bg-secondary);border-top-color:var(--border-color)}[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-quaternary);color:var(--text-primary)}@media(max-width:768px){.lote-selection-modal{max-width:95vw;max-height:90vh}.lote-selection-modal .modal-header,.lote-selection-modal .modal-content,.lote-selection-modal .modal-footer{padding:1rem}.lote-selection-modal .lote-item{flex-direction:column;align-items:stretch;gap:1rem}.lote-quantity-selector{align-self:center}.lote-selection-modal .modal-footer{flex-direction:column}}.expand-sidebar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.expand-sidebar-btn:hover{background:var(--primary-color-dark, #2563eb);transform:translateY(-1px)}.expand-sidebar-btn.purple-icon{background:#8b5cf6;color:#fff;padding:.5rem;border-radius:50%;width:32px;height:32px;justify-content:center}.expand-sidebar-btn.purple-icon:hover{background:#7c3aed;transform:translateY(-1px) scale(1.05)}.product-item-compact.exact-match{background:linear-gradient(90deg,#22c55e14,#fff);border-left:4px solid #10b981;animation:highlightPulse 2s ease-in-out}.product-item-compact.exact-match:hover{background:linear-gradient(90deg,#22c55e1f,#f9fafb)}@keyframes highlightPulse{0%,to{border-left-color:#10b981}50%{border-left-color:#34d399}}.match-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.375rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;margin-left:.5rem;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.match-badge.highlight{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;font-weight:700;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 4px #10b98100}}.match-info,.product-codes{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.code-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.375rem;font-size:.65rem;font-weight:500;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.code-badge.highlight{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7;font-weight:700;animation:badgePulse 1.5s ease-in-out infinite}[data-theme=dark] .product-item-compact.exact-match{background:linear-gradient(90deg,#22c55e26,#0f172a);border-left-color:#10b981}[data-theme=dark] .product-item-compact.exact-match:hover{background:linear-gradient(90deg,#22c55e33,#1e293b)}[data-theme=dark] .match-badge{background:#3b82f633;color:#93c5fd;border-color:#3b82f666}[data-theme=dark] .match-badge.highlight{background:#10b98133;color:#6ee7b7;border-color:#10b98166}[data-theme=dark] .code-badge{background:#334155;color:#94a3b8;border-color:#475569}[data-theme=dark] .code-badge.highlight{background:#10b98133;color:#6ee7b7;border-color:#10b98166}@media(max-width:768px){.match-badge{font-size:.6rem;padding:.1rem .4rem}.match-info{margin-top:.2rem}.code-badge{font-size:.6rem;padding:.1rem .4rem}.product-codes{margin-top:.2rem}}.carrinho-compras{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;height:100%;min-height:600px;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}.dark .carrinho-compras{background:#18181b;border-color:#27272a}.caixa-page.list .carrinho-compras{min-height:700px}.caixa-page.list .carrinho-items{max-height:calc(100vh - 280px)}.carrinho-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#9ca3af;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;min-height:400px}.dark .carrinho-empty{background:#18181b;border-color:#27272a;color:#71717a}.carrinho-empty svg{margin-bottom:1rem;color:#d1d5db}.dark .carrinho-empty svg{color:#52525b}.carrinho-empty h3{color:#374151;margin-bottom:.5rem}.dark .carrinho-empty h3{color:#f3f4f6}.carrinho-empty p{color:#9ca3af;margin:0}.dark .carrinho-empty p{color:#71717a}.carrinho-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.dark .carrinho-header{border-bottom:1px solid #27272a}.carrinho-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.dark .carrinho-header h3{color:#f3f4f6}.clear-cart-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-cart-btn:hover{background:#dc2626}.carrinho-items{flex:1;overflow-y:auto;padding:.5rem 0;min-height:0;max-height:calc(100vh - 300px);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.dark .carrinho-items::-webkit-scrollbar-track{background:#27272a}.dark .carrinho-items::-webkit-scrollbar-thumb{background:#52525b}.dark .carrinho-items::-webkit-scrollbar-thumb:hover{background:#71717a}.carrinho-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;transition:background .2s ease;min-height:50px;background:transparent}.carrinho-item:nth-child(2n){background:#f8fafc}.dark .carrinho-item:nth-child(2n){background:#1e293b}.dark .carrinho-item{border-bottom:1px solid #27272a;background:transparent}.caixa-page.list .carrinho-item{min-height:80px;padding:1rem}.carrinho-item:hover{background:#e2e8f0}.dark .carrinho-item:hover{background:#334155}.carrinho-item:last-child{border-bottom:none}.no-image{color:#9ca3af}@media(prefers-color-scheme:dark){.no-image{color:#71717a}}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem;overflow:hidden}.item-name-row{display:flex;flex-direction:column;gap:.125rem;width:100%;overflow:hidden}.item-name-row .total-price{font-size:.9rem;font-weight:700;color:#059669;white-space:nowrap;order:2}.dark .item-name-row .total-price{color:#34d399}.item-name{font-size:.85rem;font-weight:600;color:#1f2937;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;order:1;display:block;width:100%}.dark .item-name{color:#f3f4f6}.item-price{font-size:.7rem;color:#6b7280;margin:0;font-weight:500}.dark .item-price{color:#a1a1aa}.item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.quantity-controls{display:flex;align-items:center;gap:.25rem}.quantity-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#1f2937;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.quantity-btn svg{width:14px;height:14px;stroke-width:2.5;color:inherit}.dark .quantity-btn{background:#27272a;border-color:#3f3f46;color:#f3f4f6}.quantity-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}.dark .quantity-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.quantity-input{width:2.25rem;padding:.25rem;text-align:center;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.75rem;outline:none;background:#fff;color:#1f2937}.dark .quantity-input{border-color:#27272a;background:#18181b;color:#f3f4f6}.quantity-input:focus{border-color:#3b82f6}.item-total{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.total-price{font-size:1rem;font-weight:700;color:#059669}.dark .total-price{color:#34d399}.remove-item-btn{display:flex!important;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:1px solid #ef4444;border-radius:.375rem;color:#ef4444!important;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;min-width:1.75rem}.remove-item-btn svg{width:14px!important;height:14px!important;stroke-width:2.5!important;color:#ef4444!important;display:block!important;visibility:visible!important;opacity:1!important}.dark .remove-item-btn{color:#f87171!important;border-color:#f87171}.dark .remove-item-btn svg{color:#f87171!important}.remove-item-btn:hover{background:#ef4444;color:#fff!important;border-color:#ef4444;transform:scale(1.1)}.remove-item-btn:hover svg{color:#fff!important}.dark .remove-item-btn:hover{background:#ef4444;color:#fff!important;border-color:#ef4444}.dark .remove-item-btn:hover svg{color:#fff!important}.observations-section{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;flex-shrink:0;background:transparent}.dark .observations-section{border-top:1px solid #27272a;background:transparent}.observations-header{padding:.5rem;border-radius:.375rem;transition:background-color .2s ease;margin-bottom:.5rem}.observations-header:hover{background:#f3f4f6}.dark .observations-header:hover{background:#27272a}.observations-section label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin:0;pointer-events:none}.dark .observations-section label{color:#f3f4f6}.observations-textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;resize:vertical;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease;background:#fff;color:#1f2937}.dark .observations-textarea{border-color:#27272a;background:#18181b;color:#f3f4f6}.observations-textarea:focus{border-color:#3b82f6}.observations-textarea::placeholder{color:#9ca3af}.dark .observations-textarea::placeholder{color:#71717a}.carrinho-summary{padding:1rem 1.25rem;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:0 0 .75rem .75rem;flex-shrink:0;margin-top:auto}.dark .carrinho-summary{background:#18181b;border-top:2px solid #27272a}@media(prefers-color-scheme:dark){.carrinho-summary{background:#18181b;border-top:2px solid #27272a}}.summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-line:last-child{margin-bottom:0}.summary-line span:first-child{font-size:.875rem;color:#6b7280}.dark .summary-line span:first-child{color:#a1a1aa}@media(prefers-color-scheme:dark){.summary-line span:first-child{color:#a1a1aa}}.subtotal{font-size:1rem;font-weight:600;color:#374151}.dark .subtotal{color:#f3f4f6}@media(prefers-color-scheme:dark){.subtotal{color:#f3f4f6}}.total-line{padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.5rem}@media(prefers-color-scheme:dark){.total-line{border-top:1px solid #27272a}}.total-line span:first-child{font-size:1.125rem;font-weight:600;color:#1f2937}.dark .total-line span:first-child{color:#f3f4f6}.total{font-size:1.5rem;font-weight:700;color:#059669}.dark .total{color:#34d399}.discount-input-container{display:flex;align-items:center;gap:.25rem}.discount-input{width:80px;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;text-align:right;outline:none;background:#fff;color:#1f2937}.dark .discount-input{border-color:#27272a;background:#18181b;color:#f3f4f6}.discount-input:focus{border-color:#3b82f6}.discount-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.dark .discount-input:disabled{background:#27272a;color:#71717a}.discount-applied{color:#ef4444;font-size:.875rem}.dark .discount-applied{color:#f87171}.discount-amount{font-weight:600;color:#ef4444}.dark .discount-amount{color:#f87171}.carrinho-items::-webkit-scrollbar{width:6px}.carrinho-items::-webkit-scrollbar-track{background:#f3f4f6}.carrinho-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.carrinho-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1200px){.carrinho-compras{min-height:450px}}@media(max-width:1024px)and (min-width:769px){.carrinho-items{max-height:calc(100vh - 320px)}.carrinho-summary{position:sticky;bottom:0;z-index:10;background:#f9fafb;border-top:2px solid #e5e7eb}}@media(max-width:1024px){.carrinho-compras{min-height:500px}.carrinho-items{max-height:calc(100vh - 350px)}.carrinho-summary{position:sticky;bottom:0;z-index:10;background:#f9fafb;border-top:2px solid #e5e7eb}}.caixa-page.list .carrinho-compras{margin-bottom:0;min-height:600px}.caixa-page.list .carrinho-items{min-height:350px;max-height:calc(100vh - 300px)}@media(max-width:768px){.carrinho-compras{min-height:300px;height:auto}.carrinho-items{max-height:200px;min-height:150px}.caixa-page.list .carrinho-compras{min-height:300px}.caixa-page.list .carrinho-items{min-height:150px;max-height:200px}.carrinho-item{padding:.75rem 1rem;gap:.75rem}.quantity-controls{gap:.25rem}.quantity-btn{width:1.75rem;height:1.75rem}.quantity-input{width:2.5rem;padding:.375rem}.observations-section,.carrinho-summary,.carrinho-header{padding:.75rem 1rem}.clear-cart-btn{padding:.375rem .5rem;font-size:.8rem}}@media(max-width:480px){.carrinho-compras{min-height:250px}.carrinho-items{max-height:150px;min-height:120px}.caixa-page.list .carrinho-compras{min-height:250px}.caixa-page.list .carrinho-items{min-height:120px;max-height:150px}.carrinho-item{min-height:80px;padding:.75rem}.item-name{font-size:.9rem;line-height:1.2}.item-price{font-size:.8rem}.carrinho-summary{padding:.75rem}.summary-line{margin-bottom:.25rem}.total{font-size:1.25rem}}.item-image-container{display:none!important}.item-image{width:100%;height:100%;border-radius:.5rem;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative}.dark .item-image{background:#27272a}.item-image.clickable{cursor:pointer;transition:all .2s ease}.item-image.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.item-image img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.item-image.clickable:hover .image-overlay{opacity:1}.no-image-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:#f3f4f6}.dark .no-image-fallback{color:#71717a;background:#27272a}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-modal-content{background:#fff;border-radius:1rem;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalFadeIn .3s ease-out}.dark .image-modal-content{background:#18181b;color:#f3f4f6}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.dark .image-modal-header{border-bottom:1px solid #27272a;background:#18181b}.image-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;max-width:calc(100% - 3rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .image-modal-header h3{color:#f3f4f6}.close-modal-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.dark .close-modal-btn{color:#a1a1aa}.close-modal-btn:hover{background:#e5e7eb;color:#374151}.dark .close-modal-btn:hover{background:#27272a;color:#f3f4f6}.image-modal-body{padding:1.5rem;display:flex;align-items:center;justify-content:center;max-height:calc(90vh - 120px);overflow:auto}.expanded-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a}@media(max-width:768px){.image-modal-overlay{padding:1rem}.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-header{padding:1rem}.image-modal-header h3{font-size:1.125rem}.image-modal-body{padding:1rem;max-height:calc(95vh - 100px)}.close-modal-btn{width:2rem;height:2rem}.item-image-container{width:3.5rem;height:3.5rem}.carrinho-item{padding:1rem 1.25rem;gap:1rem}.item-name{font-size:.95rem}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--fv-bg);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:420px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--fv-border)}.confirmation-modal-header{position:relative;padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--fv-border)}.confirmation-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--fv-text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.confirmation-close-btn:hover{background:var(--fv-bg-secondary);color:var(--fv-text)}.modal-icon{margin-bottom:1rem;animation:pulse 2s infinite}.modal-icon.warning{color:#f59e0b}.modal-icon.danger{color:#ef4444}.modal-icon.info{color:#3b82f6}.confirmation-modal-content{padding:1rem 2rem 2rem;text-align:center}.confirmation-title{font-size:1.25rem;font-weight:600;color:var(--fv-text);margin:0 0 1rem;line-height:1.4}.confirmation-message{font-size:.95rem;color:var(--fv-text-secondary);margin:0;line-height:1.5}.confirmation-modal-actions{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:center;border-top:1px solid var(--fv-border);background:var(--fv-bg-secondary)}.confirmation-cancel,.confirmation-confirm{flex:1;max-width:140px;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.confirmation-cancel{background:var(--fv-bg-tertiary);color:var(--fv-text-secondary);border:1px solid var(--fv-border)}.confirmation-cancel:hover{background:var(--fv-bg);color:var(--fv-text);border-color:var(--fv-text-secondary)}.confirmation-confirm.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.confirmation-confirm.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-1px)}.confirmation-confirm.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.confirmation-confirm.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}@media(max-width:480px){.confirmation-modal{margin:1rem;width:calc(100% - 2rem)}.confirmation-modal-header,.confirmation-modal-content,.confirmation-modal-actions{padding-left:1.5rem;padding-right:1.5rem}.confirmation-modal-actions{flex-direction:column}.confirmation-cancel,.confirmation-confirm{max-width:none}}[data-theme=dark] .confirmation-modal{background:var(--fv-bg);border-color:var(--fv-border)}[data-theme=dark] .confirmation-modal-actions{background:var(--fv-bg-secondary)}[data-theme=dark] .confirmation-cancel{background:var(--fv-bg-tertiary);border-color:var(--fv-border)}[data-theme=dark] .confirmation-cancel:hover{background:var(--fv-bg);border-color:var(--fv-text-secondary)}.sale-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .sale-success-overlay{background:#000000e6}.sale-success-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;animation:slideIn .5s ease-out}[data-theme=dark] .sale-success-container{background:#1f2937;box-shadow:0 20px 40px #0009;border:1px solid #374151}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-circle-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.progress-circle{width:120px;height:120px;transform:rotate(-90deg)}.progress-stroke{transition:stroke-dashoffset .3s ease}.checkmark-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transform-origin:center;transition:all .4s ease}.checkmark-container.show{opacity:1;animation:checkmarkPop .6s ease-out}@keyframes checkmarkPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.checkmark-icon{color:#10b981;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}[data-theme=dark] .checkmark-icon{color:#34d399;filter:drop-shadow(0 2px 4px rgba(52,211,153,.4))}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:600;color:#374151;transition:opacity .3s ease}[data-theme=dark] .progress-text{color:#d1d5db}.status-text{font-size:20px;font-weight:600;color:#374151;text-align:center;animation:fadeInUp .5s ease-out .2s both}[data-theme=dark] .status-text{color:#f3f4f6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-dots{display:flex;gap:4px;align-items:center;justify-content:center}.loading-dots span{width:8px;height:8px;background:#10b981;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out}[data-theme=dark] .loading-dots span{background:#34d399}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@media(max-width:480px){.sale-success-container{padding:30px 20px;margin:20px;gap:20px}.progress-circle-container,.progress-circle{width:100px;height:100px}.checkmark-icon{width:32px;height:32px}.progress-text{font-size:16px}.status-text{font-size:18px}}.sale-success-container.success-phase{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 20px 40px #0000004d}50%{transform:scale(1.05);box-shadow:0 25px 50px #10b98133}to{transform:scale(1);box-shadow:0 20px 40px #0000004d}}[data-theme=dark] .sale-success-container.success-phase{animation:successPulseDark .6s ease-out}@keyframes successPulseDark{0%{transform:scale(1);box-shadow:0 20px 40px #0009}50%{transform:scale(1.05);box-shadow:0 25px 50px #34d3994d}to{transform:scale(1);box-shadow:0 20px 40px #0009}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nf-modal-overlay{z-index:10000}.nf-modal-content{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.nf-modal-body{padding:24px;min-height:300px}.nf-confirm-step{display:flex;flex-direction:column;gap:24px}.nf-sale-summary{background:#f9fafb;border-radius:8px;padding:16px}.nf-sale-summary h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.summary-item:last-child{border-bottom:none}.summary-item span{color:#6b7280;font-size:14px}.summary-item strong{color:#111827;font-size:14px}.nf-type-selection{background:#f9fafb;border-radius:8px;padding:16px}.nf-type-selection h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.nf-type-options{display:flex;gap:12px}.nf-type-option{flex:1;display:flex;align-items:flex-start;gap:12px;padding:12px;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.nf-type-option:hover,.nf-type-option.selected{border-color:#3b82f6;background:#eff6ff}.nf-type-option input[type=radio]{margin-top:2px;cursor:pointer}.option-content{display:flex;flex-direction:column;gap:4px}.option-content strong{font-size:14px;color:#111827}.option-content span{font-size:12px;color:#6b7280}.nf-customer-data{background:#f9fafb;border-radius:8px;padding:16px}.nf-customer-data h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.customer-fields{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customer-fields .form-group:first-child,.customer-fields .form-group:nth-child(3){grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff;cursor:pointer}.nf-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e}.nf-warning svg{flex-shrink:0}.nf-warning p{margin:0;font-size:14px}.nf-generating-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.nf-generating-step h4{margin:0;font-size:18px;font-weight:600;color:#111827}.nf-generating-step p{margin:0;font-size:14px;color:#6b7280}.nf-success-step{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;text-align:center}.nf-success-step h4{margin:0;font-size:20px;font-weight:600;color:#111827}.nf-details{width:100%;background:#f9fafb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.detail-item span{color:#6b7280;font-size:14px}.detail-item strong{color:#111827;font-size:14px;font-weight:600}.chave-acesso{font-family:Courier New,monospace;font-size:12px;word-break:break-all}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.success{background:#d1fae5;color:#065f46}.nf-actions{display:flex;gap:12px;width:100%}.nf-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.nf-error-step{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;text-align:center}.nf-error-step h4{margin:0;font-size:20px;font-weight:600;color:#111827}.error-message{width:100%;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:16px}.error-message p{margin:0;font-size:14px;color:#991b1b;white-space:pre-wrap;word-break:break-word}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}@media(max-width:768px){.nf-modal-content{width:95%;max-height:95vh}.nf-actions,.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.post-sale-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.post-sale-modal{background:var(--bg-primary, white);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:650px;width:95%;max-height:95vh;min-height:400px;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column}.post-sale-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,#87ceeb,#add8e6);color:#1a1a1a;border-radius:12px 12px 0 0;flex-shrink:0}.auto-close-indicator{display:flex;align-items:center;gap:.75rem;font-size:.875rem;opacity:.9}.countdown-text{color:#ffffffe6;font-weight:500}.cancel-auto-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.cancel-auto-close:hover{background:#ffffff4d;border-color:#ffffff80}.post-sale-header h3{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:600}.close-btn{background:#1a1a1a1a;border:1px solid rgba(26,26,26,.2);color:#1a1a1a;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-btn:hover{background:#1a1a1a33;color:#000;transform:scale(1.05)}.post-sale-content{padding:24px;background:var(--bg-primary, white);color:var(--text-primary, #1a1a1a);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.post-sale-content::-webkit-scrollbar{width:6px}.post-sale-content::-webkit-scrollbar-track{background:transparent}.post-sale-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.post-sale-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.sale-summary{background:var(--bg-secondary, #f8fafc);border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color, transparent)}.sale-summary h4{margin:0 0 16px;color:var(--text-primary, #374151);font-size:1.1rem;font-weight:600}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0}.summary-item:last-child{margin-bottom:0}.summary-item span:first-child{color:var(--text-secondary, #6b7280);font-weight:500}.summary-item .value{color:var(--text-primary, #111827);font-weight:600}.summary-item .value.change{color:#059669}.post-sale-actions{width:100%;box-sizing:border-box}.post-sale-actions h4{margin:0 0 20px;color:var(--text-primary, #374151);font-size:1.1rem;font-weight:600}.action-buttons{display:flex;flex-direction:row;gap:16px;margin-bottom:24px;width:100%;box-sizing:border-box}.action-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:2px solid transparent;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:60px;flex:1;max-width:100%;text-align:center;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;overflow:hidden;word-wrap:break-word}.action-btn:disabled{cursor:not-allowed;opacity:.7}.nf-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.nf-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.receipt-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.receipt-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.action-btn.loading{background:#6b7280;border-color:#6b7280;cursor:wait}.action-btn.success{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.nf-downloads{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-bottom:20px}.nf-downloads h5{margin:0 0 16px;color:#0369a1;font-size:1rem;font-weight:600}.download-buttons{display:flex;gap:12px;margin-bottom:16px}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0284c7;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.download-btn:hover{background:#0369a1;transform:translateY(-1px)}.nf-info{background:#fff;border-radius:6px;padding:16px;border:1px solid #e0f2fe}.nf-info p{margin:0 0 8px;font-size:.9rem;color:#374151}.nf-info p:last-child{margin-bottom:0}.nf-info strong{color:#0369a1;font-weight:600}.certificate-warning{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:14px;margin-top:16px}.nfe-disabled-info{display:flex;align-items:center;gap:8px;padding:12px;background-color:#e0f2fe;border:1px solid #0284c7;border-radius:6px;color:#0c4a6e;font-size:14px;margin-top:16px}.post-sale-footer{padding:12px 24px 16px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end;background:var(--bg-primary, white);border-radius:0 0 12px 12px;flex-shrink:0;width:100%;box-sizing:border-box}.btn-secondary{padding:12px 24px;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151);border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover, #e5e7eb);border-color:var(--text-secondary, #9ca3af)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.post-sale-modal{width:98%;max-width:none;margin:10px;max-height:98vh}.action-buttons,.download-buttons{flex-direction:column}.post-sale-header{padding:16px 20px 12px}.post-sale-content{padding:16px 20px}.post-sale-footer{padding:12px 20px 16px}}@media(max-width:480px){.post-sale-modal{width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0}.post-sale-header{padding:12px 16px;border-radius:0}.post-sale-header h3{font-size:1.2rem}.post-sale-content{padding:16px}.action-btn{padding:12px 16px;font-size:.9rem;min-height:48px}.sale-summary{padding:16px;margin-bottom:20px}.nf-downloads{padding:16px}.post-sale-footer{padding:12px 16px;border-radius:0}}[data-theme=dark] .post-sale-overlay{background-color:#000c}[data-theme=dark] .post-sale-modal{background:var(--bg-primary-dark, #1e293b);border-color:var(--border-color-dark, #334155);box-shadow:0 20px 40px #0006}[data-theme=dark] .post-sale-header{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#f1f5f9;border-bottom-color:var(--border-color-dark, #334155)}[data-theme=dark] .post-sale-header h3{color:#f1f5f9}[data-theme=dark] .close-btn{background:#f1f5f91a;border-color:#f1f5f933;color:#f1f5f9}[data-theme=dark] .close-btn:hover{background:#f1f5f933;color:#fff}[data-theme=dark] .post-sale-content{background:var(--bg-primary-dark, #1e293b);color:var(--text-primary-dark, #f1f5f9);scrollbar-color:#475569 transparent}[data-theme=dark] .post-sale-content::-webkit-scrollbar-thumb{background-color:#475569}[data-theme=dark] .post-sale-content::-webkit-scrollbar-thumb:hover{background-color:#64748b}[data-theme=dark] .sale-summary{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155)}[data-theme=dark] .sale-summary h4{color:var(--text-primary-dark, #f1f5f9)}[data-theme=dark] .summary-item span:first-child{color:var(--text-secondary-dark, #94a3b8)}[data-theme=dark] .summary-item .value,[data-theme=dark] .post-sale-actions h4{color:var(--text-primary-dark, #f1f5f9)}[data-theme=dark] .nf-downloads{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155)}[data-theme=dark] .nf-downloads h5{color:var(--text-primary-dark, #f1f5f9)}[data-theme=dark] .nf-info{background:var(--bg-primary-dark, #1e293b);border-color:var(--border-color-dark, #334155)}[data-theme=dark] .nf-info p{color:var(--text-secondary-dark, #94a3b8)}[data-theme=dark] .nf-info strong{color:var(--text-primary-dark, #f1f5f9)}[data-theme=dark] .certificate-warning{background-color:#fbbf241a;border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .nfe-disabled-info{background-color:#0ea5e91a;border-color:#0ea5e9;color:#38bdf8}[data-theme=dark] .post-sale-footer{background:var(--bg-primary-dark, #1e293b);border-top-color:var(--border-color-dark, #334155)}[data-theme=dark] .btn-secondary{background:var(--bg-secondary-dark, #0f172a);color:var(--text-primary-dark, #f1f5f9);border-color:var(--border-color-dark, #334155)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-hover-dark, #334155);border-color:var(--text-secondary-dark, #94a3b8);color:#fff}.payer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payer-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.payer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.payer-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.payer-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.form-section:last-child{margin-bottom:0}.form-section h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#374151;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.form-group.quarter{flex:0 0 calc(25% - 12px)}.form-group.three-quarters{flex:0 0 calc(75% - 4px)}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payer-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}@media(max-width:640px){.payer-modal-overlay{padding:10px}.payer-modal{max-height:95vh}.payer-modal-header,.payer-modal-content,.payer-modal-footer{padding:16px}.form-row{flex-direction:column;gap:12px}.form-group.half,.form-group.quarter,.form-group.three-quarters{flex:1}.payer-modal-footer{flex-direction:column}.btn{width:100%;justify-content:center}}.interest-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.interest-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.interest-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.interest-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#374151}.interest-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.form-section{margin-bottom:32px;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fafafa}.form-section:last-child{margin-bottom:0;background-color:#fff;border:none;padding:20px 0 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}input:checked+.slider{background-color:#3b82f6}.info-box{display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:6px;margin-bottom:16px;font-size:.875rem;color:#1e40af}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;display:flex;flex-direction:column}.form-group.half{flex:0 0 calc(50% - 8px)}.form-group label{margin-bottom:6px;font-weight:500;color:#374151;font-size:.875rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background-color:#fff}.input-with-icon input{padding-left:40px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.75rem;margin-top:4px;font-weight:500}.help-text{color:#6b7280;font-size:.75rem;margin-top:4px;font-style:italic}.interest-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}@media(max-width:640px){.interest-modal-overlay{padding:10px}.interest-modal{max-height:95vh}.interest-modal-header,.interest-modal-content,.interest-modal-footer,.form-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.form-row{flex-direction:column;gap:12px}.form-group.half{flex:1}.interest-modal-footer{flex-direction:column}.btn{width:100%;justify-content:center}}:root{--fv-primary: #2563eb;--fv-primary-hover: #1d4ed8;--fv-success: #10b981;--fv-success-hover: #059669;--fv-warning: #f59e0b;--fv-danger: #ef4444;--fv-text: #1f2937;--fv-text-secondary: #6b7280;--fv-text-muted: #9ca3af;--fv-bg: #ffffff;--fv-bg-secondary: #f9fafb;--fv-bg-tertiary: #f3f4f6;--fv-border: #e5e7eb;--fv-border-strong: #d1d5db;--fv-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--fv-shadow-strong: 0 25px 50px -12px rgba(0, 0, 0, .25);--fv-overlay: rgba(0, 0, 0, .5);--fv-radius: .5rem;--fv-radius-large: .75rem}[data-theme=dark]{--fv-text: #f9fafb;--fv-text-secondary: #d1d5db;--fv-text-muted: #9ca3af;--fv-bg: #1f2937;--fv-bg-secondary: #111827;--fv-bg-tertiary: #0f172a;--fv-border: #374151;--fv-border-strong: #4b5563;--fv-overlay: rgba(0, 0, 0, .7)}.finalizar-venda-overlay .finalizar-venda-modal .modal-header{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:.875rem 1.25rem!important;border-bottom:1px solid var(--fv-border)!important;flex-shrink:0!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;z-index:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:0!important;overflow:hidden!important;margin:0!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-header h2{margin:0!important;font-size:1.125rem!important;font-weight:600!important;color:#fff!important;text-align:center!important;letter-spacing:.02em!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-header .close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;border-radius:var(--fv-radius)!important;border:1px solid rgba(255,255,255,.3)!important;background:#fff3!important;color:#fff!important;cursor:pointer!important;position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;padding:0!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-header .close-btn svg{color:#fff!important;stroke:#fff!important;width:18px!important;height:18px!important;display:block!important}[data-theme=dark] .finalizar-venda-overlay .finalizar-venda-modal .modal-header{background:linear-gradient(135deg,#4c1d95,#5b21b6)!important;border-bottom-color:var(--fv-border)!important}[data-theme=dark] .finalizar-venda-overlay .finalizar-venda-modal .modal-header h2{color:#f3f4f6!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;max-height:none!important;min-height:0!important;width:100%!important;max-width:100%!important;scrollbar-width:thin!important;scrollbar-color:var(--fv-primary) var(--fv-bg-tertiary)!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content::-webkit-scrollbar{width:6px!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content::-webkit-scrollbar-track{background:var(--fv-bg-tertiary)!important;border-radius:3px!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content::-webkit-scrollbar-thumb{background:var(--fv-primary)!important;border-radius:3px!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--fv-primary-hover)!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-content>div,.finalizar-venda-overlay .finalizar-venda-modal .section,.finalizar-venda-overlay .finalizar-venda-modal .content-section{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;max-height:none!important}.finalizar-venda-overlay .finalizar-venda-modal .content-section{padding:1.25rem!important}[data-theme=dark] .finalizar-venda-modal{background:var(--fv-bg)!important;color:var(--fv-text)!important}[data-theme=dark] .modal-actions,[data-theme=dark] .total-section,[data-theme=dark] .content-section{background:var(--fv-bg-secondary)!important;border-color:var(--fv-border)!important}[data-theme=dark] .input-field{background:var(--fv-bg)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}[data-theme=dark] .input-field:focus{border-color:var(--fv-primary)!important;box-shadow:0 0 0 3px #6366f11a!important}[data-theme=dark] .quick-amount-btn:hover{border-color:var(--fv-primary)!important;background:var(--fv-primary)!important;color:#fff!important}[data-theme=dark] .pix-code{background:var(--fv-bg)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}[data-theme=dark] .btn-secondary{background:var(--fv-bg)!important;color:var(--fv-text-secondary)!important;border-color:var(--fv-border)!important}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--fv-bg-tertiary)!important;color:var(--fv-text)!important;border-color:var(--fv-border-strong)!important}[data-theme=dark] .btn-primary{background:var(--fv-success)!important;color:#fff!important;border-color:var(--fv-success)!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--fv-success-hover)!important;border-color:var(--fv-success-hover)!important}[data-theme=dark] .btn:disabled{background:var(--fv-bg-tertiary)!important;color:var(--fv-text-muted)!important;border-color:var(--fv-border)!important}[data-theme=dark] .total-label{color:var(--fv-text-secondary)!important}[data-theme=dark] .total-amount{color:var(--fv-primary)!important}[data-theme=dark] .first-payment-text{color:var(--fv-text-secondary)!important}[data-theme=dark] .payment-method{background:var(--fv-bg-tertiary)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}[data-theme=dark] .payment-method svg{color:var(--fv-text-secondary)!important}[data-theme=dark] .payment-method-name{color:var(--fv-text)!important}[data-theme=dark] .payment-method:hover,[data-theme=dark] .payment-method.active,[data-theme=dark] .payment-method:focus{background:var(--fv-primary)!important;border-color:var(--fv-primary)!important;color:#fff!important}[data-theme=dark] .payment-method:hover svg,[data-theme=dark] .payment-method.active svg,[data-theme=dark] .payment-method:focus svg{color:#fff!important}[data-theme=dark] .payment-method:hover .payment-method-name,[data-theme=dark] .payment-method.active .payment-method-name,[data-theme=dark] .payment-method:focus .payment-method-name{color:#fff!important}[data-theme=dark] .cash-payment-header h4{color:var(--fv-text)!important}[data-theme=dark] .cash-payment-header p{color:var(--fv-text-secondary)!important}[data-theme=dark] .cash-payment-header svg{color:var(--fv-success)!important}[data-theme=dark] .input-label,[data-theme=dark] .input-label-inline{color:var(--fv-text)!important}[data-theme=dark] .quick-amounts-section{background:transparent!important}[data-theme=dark] .quick-amount-btn{background:var(--fv-bg-tertiary)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}[data-theme=dark] .quick-amount-btn:hover{background:var(--fv-primary)!important;border-color:var(--fv-primary)!important;color:#fff!important}*{box-sizing:border-box}.finalizar-venda-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--fv-overlay);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.finalizar-venda-modal{display:flex!important;flex-direction:column!important;border-radius:var(--fv-radius-large)!important;overflow:hidden!important;box-sizing:border-box!important;min-height:500px!important;max-width:720px!important;width:95%!important;height:auto!important;max-height:90vh!important;margin:0 auto!important;background:var(--fv-bg)!important;box-shadow:var(--fv-shadow-strong)!important;position:relative!important;padding:0!important}.finalizar-venda-modal>.modal-header{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:.875rem 1.25rem!important;border-bottom:1px solid var(--fv-border)!important;flex-shrink:0!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;z-index:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:0!important;overflow:hidden!important;margin:0!important}.finalizar-venda-modal>.modal-header h2{margin:0!important;font-size:1.125rem!important;font-weight:600!important;color:#fff!important;text-align:center!important;letter-spacing:.02em!important}.finalizar-venda-modal>.modal-header .close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;border-radius:var(--fv-radius)!important;border:1px solid rgba(255,255,255,.3)!important;background:#fff3!important;color:#fff!important;cursor:pointer!important;transition:all .15s ease!important;position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 2px 6px #0000001f!important;padding:0!important;margin:0!important}.finalizar-venda-modal>.modal-header .close-btn:hover{background:#ffffff4d!important;border-color:#ffffff80!important}.finalizar-venda-modal>.modal-header .close-btn svg{color:#fff!important;stroke:#fff!important;width:18px!important;height:18px!important;display:block!important}.modal-content{flex:1 1 auto;padding:0;overflow-y:auto!important;overflow-x:hidden;display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;min-width:0;min-height:0;box-sizing:border-box;position:relative;scrollbar-width:auto;scrollbar-color:#3b82f6 #e5e7eb}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#e5e7eb;border-radius:5px}.modal-content::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:5px;border:2px solid #e5e7eb}.modal-content::-webkit-scrollbar-thumb:hover{background:#2563eb}.modal-content>*,.section,.section>*,.payment-grid,.payment-method,.content-section,.input-group,.input-container,.input-field,.warning-alert{max-width:100%!important;box-sizing:border-box!important}.section{display:flex;flex-direction:column;gap:0;width:100%!important;max-width:100%!important;box-sizing:border-box;padding:0!important;margin:0!important}.section-title{font-size:.875rem;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.05em;margin:0;padding-left:2px;overflow:visible;white-space:nowrap}[data-theme=dark] .section-title{color:var(--fv-text-secondary)}.payment-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#f3f4f6;border:none;border-bottom:1px solid #d1d5db;border-radius:0;cursor:pointer;transition:all .15s ease;margin:0;width:100%;box-sizing:border-box;color:#111827!important}.finalizar-venda-modal .payment-section-header h3,.finalizar-venda-modal .payment-section-header .section-title,.finalizar-venda-modal .payment-section-header h3.section-title{color:#000!important;-webkit-text-fill-color:#000000!important}.payment-section-header:hover{background:var(--fv-bg-tertiary);border-color:var(--fv-primary)}.payment-section-header .section-title{display:flex;align-items:center;gap:.5rem;margin:0;padding:0;flex:1;color:#000!important;-webkit-text-fill-color:#000000!important;font-weight:700!important}[data-theme=dark] .payment-section-header .section-title,[data-theme=dark] .finalizar-venda-modal .payment-section-header h3,[data-theme=dark] .finalizar-venda-modal .payment-section-header h3.section-title{color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important}.selected-method{font-size:.75rem;font-weight:700;color:#1d4ed8;background:#eff6ff;padding:.25rem .5rem;border-radius:var(--fv-radius);border:2px solid #2563eb;text-transform:none;letter-spacing:normal}.collapse-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;border:1px solid var(--fv-border-strong)!important;background:var(--fv-bg-tertiary)!important;color:#374151!important;border-radius:var(--fv-radius)!important;cursor:pointer!important;transition:all .2s ease!important;padding:0!important;flex-shrink:0!important}.collapse-btn svg{color:#374151!important;stroke:#374151!important;width:16px!important;height:16px!important;display:block!important}.collapse-btn:hover{background:var(--fv-primary);color:#fff;border-color:var(--fv-primary)}.collapse-btn:hover svg{color:#fff!important;stroke:#fff!important}[data-theme=dark] .payment-section-header{background:var(--fv-bg-secondary);border-color:var(--fv-border);color:#e5e7eb!important}[data-theme=dark] .payment-section-header h3,[data-theme=dark] .payment-section-header .section-title{color:#e5e7eb!important}[data-theme=dark] .payment-section-header:hover{background:var(--fv-bg-tertiary)}[data-theme=dark] .selected-method{background:var(--fv-bg);color:var(--fv-primary);border-color:var(--fv-primary)}[data-theme=dark] .collapse-btn{background:var(--fv-bg-tertiary)!important;color:#e5e7eb!important;border-color:var(--fv-border)!important}[data-theme=dark] .collapse-btn svg{color:#e5e7eb!important;stroke:#e5e7eb!important;width:16px!important;height:16px!important;display:block!important}[data-theme=dark] .collapse-btn:hover{background:var(--fv-primary);color:#fff;border-color:var(--fv-primary)}[data-theme=dark] .collapse-btn:hover svg{color:#fff!important;stroke:#fff!important}.total-section{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--fv-bg-secondary) 0%,var(--fv-bg-tertiary) 100%);border-radius:0;border:none;border-bottom:1px solid var(--fv-border);width:100%;max-width:100%;box-sizing:border-box;position:relative;margin:0;flex-shrink:0}.first-payment-info{margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid var(--fv-border)}.first-payment-text{font-size:.875rem;color:var(--fv-text-secondary);font-weight:500}.total-label{font-size:.875rem;color:var(--fv-text-secondary);margin:0}.total-amount{font-size:1.5rem;font-weight:700;color:var(--fv-primary);line-height:1}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.625rem;max-width:100%;width:100%;box-sizing:border-box;overflow:visible;margin:0;padding:1rem 1.25rem;background:var(--fv-bg);animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.payment-method{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .5rem;background:var(--fv-bg-secondary);border:2px solid var(--fv-border);border-radius:var(--fv-radius);cursor:pointer;transition:all .15s ease;position:relative;min-height:68px;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.payment-method:hover,.payment-method.active,.payment-method:focus{border-color:var(--fv-primary)!important;background:var(--fv-primary)!important;color:#fff!important;box-shadow:0 8px 25px #4f46e526;transform:none}[data-theme=dark] .payment-method:focus{background:#6366f1!important;color:#fff!important;border-color:#818cf8!important}.payment-method svg{width:1.25rem;height:1.25rem;color:var(--fv-primary);transition:color .15s ease;flex-shrink:0}.payment-method.active svg,.payment-method:focus svg{color:#fff!important}[data-theme=dark] .payment-method.active svg,[data-theme=dark] .payment-method:focus svg{color:#fff!important}.payment-method-name{font-size:.7rem;font-weight:600;color:var(--fv-text);transition:color .15s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;text-transform:uppercase;letter-spacing:.01em}.payment-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;margin-bottom:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:200px;white-space:normal;text-align:center;line-height:1.3}.payment-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}@media(hover:hover)and (pointer:fine){.payment-method:hover .payment-tooltip{opacity:1;visibility:visible}}@media(hover:none)and (pointer:coarse){.payment-method:active .payment-tooltip{opacity:1;visibility:visible}.payment-method{-webkit-tap-highlight-color:transparent}}.payment-method.show-tooltip .payment-tooltip{opacity:1;visibility:visible}.payment-method.active .payment-method-name,.payment-method:focus .payment-method-name{color:#fff!important}[data-theme=dark] .payment-method.active .payment-method-name,[data-theme=dark] .payment-method:focus .payment-method-name{color:#fff!important}.payment-qr-indicator{position:absolute;top:.5rem;right:.5rem;color:var(--fv-success);width:1rem;height:1rem}.payment-method.active .payment-qr-indicator{color:#fffc}.input-group{display:flex;flex-direction:column;gap:.625rem;width:100%;max-width:100%;box-sizing:border-box}.cash-input-group-inline{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;width:100%;box-sizing:border-box}.remaining-info{margin-top:.75rem;padding:.75rem;background:#3b82f61a;border:1px solid #3b82f6;border-radius:var(--fv-radius);font-size:.875rem;color:#3b82f6;text-align:center;font-weight:500}[data-theme=dark] .remaining-info{background:#3b82f633;border-color:#60a5fa;color:#93c5fd}.input-label-inline{font-size:.85rem;font-weight:500;color:var(--fv-text);white-space:nowrap;min-width:fit-content;flex-shrink:0}.input-label{font-size:.85rem;font-weight:500;color:var(--fv-text)}.input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.input-icon{position:absolute;left:.75rem;color:var(--fv-primary);z-index:1;line-height:1;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;opacity:.85}[data-theme=dark] .input-icon{color:#a5b4fc}.input-field{width:100%!important;max-width:100%!important;padding:.75rem .75rem .75rem 2.5rem!important;font-size:1rem!important;font-weight:600!important;border:2px solid #9ca3af!important;border-radius:var(--fv-radius)!important;background:#fff!important;color:#000!important;transition:border-color .15s ease,box-shadow .15s ease!important;box-sizing:border-box!important;box-shadow:inset 0 1px 3px #00000014!important;position:relative!important;z-index:2!important;cursor:text!important}.input-field:focus{outline:none!important;border-color:var(--fv-primary)!important;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #4f46e526!important}.input-field::placeholder{color:#4b5563!important;font-weight:400!important}[data-theme=dark] .input-field{background:var(--fv-bg)!important;color:var(--fv-text)!important;border-color:var(--fv-border)!important;box-shadow:none!important}[data-theme=dark] .input-field::placeholder{color:var(--fv-text-muted)!important}.quick-amounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;max-width:100%;width:100%;box-sizing:border-box;overflow:visible}.quick-amount-btn{padding:.5rem .375rem!important;background:var(--fv-bg-tertiary)!important;border:1px solid var(--fv-border)!important;border-radius:var(--fv-radius)!important;font-weight:600!important;color:var(--fv-text)!important;cursor:pointer!important;transition:all .15s ease!important;text-align:center!important;font-size:.8rem!important;width:100%!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:2.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.quick-amount-btn:hover{border-color:var(--fv-primary);background:var(--fv-primary);color:#fff;transform:none}.content-section{padding:1.25rem!important;background:var(--fv-bg)!important;border:none!important;border-top:1px solid var(--fv-border)!important;border-radius:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;margin:0!important}.pix-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--fv-border)}.pix-header svg{color:var(--fv-success)}.pix-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--fv-text)}.pix-header p{margin:0;font-size:.8rem;color:var(--fv-text-secondary)}.cash-payment-header{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;border-bottom:1px solid var(--fv-border)!important}.cash-payment-header svg{color:var(--fv-success)!important}.cash-payment-header h4{margin:0!important;font-size:.9rem!important;font-weight:600!important;color:var(--fv-text)!important}.cash-payment-header p{margin:0!important;font-size:.8rem!important;color:var(--fv-text-secondary)!important}.cash-input-row{display:grid!important;grid-template-columns:1fr auto!important;gap:1rem!important;align-items:center!important;margin-bottom:1rem!important;box-sizing:border-box!important;width:100%!important}.cash-input-group{flex:1!important;display:flex!important;flex-direction:column!important;gap:.625rem!important;box-sizing:border-box!important;width:100%!important}.change-display{min-width:140px;padding:.75rem 1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--fv-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.125rem;height:fit-content}.change-display.orange{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #f97316}.change-display.orange .change-label{color:#f97316;font-weight:600}.change-display.orange .change-amount{color:#f97316;font-weight:700}[data-theme=dark] .change-display.orange{background:linear-gradient(135deg,#431407,#9a3412);border-color:#f97316}[data-theme=dark] .change-display.orange .change-label{color:#fed7aa}[data-theme=dark] .change-display.orange .change-amount{color:#fb923c}[data-theme=dark] .change-display{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#059669}.change-display .change-label{font-size:.75rem;color:#065f46;font-weight:500;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .change-display .change-label{color:#6ee7b7}.change-display .change-amount{font-size:1.25rem;font-weight:700;color:#059669}[data-theme=dark] .change-display .change-amount{color:#34d399}.quick-amounts-section{display:flex!important;flex-direction:column!important;gap:.5rem!important;box-sizing:border-box!important;width:100%!important}.qr-code-container{display:flex;justify-content:center;padding:.75rem;background:var(--fv-bg);border:1px solid var(--fv-border);border-radius:var(--fv-radius);margin:.75rem 0}.qr-code-image{max-width:150px;max-height:150px;border-radius:var(--fv-radius)}.pix-code-container{margin-top:.75rem}.pix-code-input{display:flex;gap:.5rem;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.pix-code{flex:1;min-width:0;padding:.75rem;font-family:Monaco,Consolas,monospace;font-size:.75rem;background:var(--fv-bg);border:1px solid var(--fv-border);border-radius:var(--fv-radius);color:var(--fv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.copy-btn{padding:.75rem;background:var(--fv-primary);color:#fff;border:none;border-radius:var(--fv-radius);cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--fv-primary-hover)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.spinner{width:2rem;height:2rem;border:2px solid var(--fv-border);border-top:2px solid var(--fv-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--fv-text-secondary);font-size:.875rem}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--fv-radius);font-size:.8rem;font-weight:500;margin-top:.75rem}.status-checking{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}[data-theme=dark] .status-checking{background:#1e3a8a;color:#bfdbfe;border-color:#3b82f6}.status-approved{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}[data-theme=dark] .status-approved{background:#064e3b;color:#6ee7b7;border-color:#10b981}.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}[data-theme=dark] .status-pending{background:#78350f;color:#fbbf24;border-color:#f59e0b}.status-rejected{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}[data-theme=dark] .status-rejected{background:#7f1d1d;color:#f87171;border-color:#ef4444}.warning-alert{padding:1rem;background:#fffbeb;border:1px solid var(--fv-warning);border-left-width:4px;border-radius:var(--fv-radius);display:flex;gap:.75rem;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}[data-theme=dark] .warning-alert{background:#451a03;border-color:var(--fv-warning)}.warning-icon{color:var(--fv-warning);flex-shrink:0;margin-top:.125rem}.warning-content h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#92400e}[data-theme=dark] .warning-content h4{color:#fcd34d}.warning-content p{margin:0 0 .5rem;font-size:.8rem;color:#78350f;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .warning-content p{color:#fef3c7}.warning-content p:last-child{margin-bottom:0;font-weight:600}.modal-actions{display:flex!important;gap:.875rem!important;padding:1rem 1.25rem!important;border-top:1px solid var(--fv-border)!important;background:linear-gradient(135deg,var(--fv-bg-secondary) 0%,var(--fv-bg-tertiary) 100%)!important;flex-shrink:0!important;position:relative!important;z-index:1!important;border-radius:0 0 var(--fv-radius-large) var(--fv-radius-large)!important;box-sizing:border-box!important}.btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.75rem 1.25rem!important;border-radius:var(--fv-radius)!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .15s ease!important;border:1px solid transparent!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important}.btn-secondary{background:var(--fv-bg)!important;color:var(--fv-text-secondary)!important;border-color:var(--fv-border)!important;flex:1!important}.btn-secondary:hover:not(:disabled){background:var(--fv-bg-tertiary)!important;color:var(--fv-text)!important;border-color:var(--fv-border-strong)!important}.btn-primary{background:var(--fv-success)!important;color:#fff!important;border-color:var(--fv-success)!important;flex:2!important}.btn-primary:hover:not(:disabled){background:var(--fv-success-hover)!important;border-color:var(--fv-success-hover)!important;box-shadow:0 4px 12px #10b98140!important}.btn-danger{background:var(--fv-danger)!important;color:#fff!important;border-color:var(--fv-danger)!important}.btn:disabled{background:var(--fv-bg-tertiary)!important;color:var(--fv-text-muted)!important;border-color:var(--fv-border)!important;cursor:not-allowed!important;opacity:.6!important}.btn-orange{background:#f97316!important;color:#fff!important;border-color:#f97316!important;animation:pulse-orange 2s infinite}.btn-orange:hover:not(:disabled){background:#ea580c!important;border-color:#ea580c!important;box-shadow:0 4px 12px #f9731640!important}@keyframes pulse-orange{0%{box-shadow:0 0 #f97316b3}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}@media(max-width:768px){.finalizar-venda-overlay{padding:0;align-items:flex-end}.finalizar-venda-modal{max-width:100%;max-height:92vh;border-radius:var(--fv-radius-large) var(--fv-radius-large) 0 0;animation:slideUp .25s cubic-bezier(.16,1,.3,1);min-height:45vh;width:100%!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-header{padding:.75rem 1rem!important}.finalizar-venda-overlay .finalizar-venda-modal .modal-header h2{font-size:1rem!important}.modal-content{padding:0;gap:0}.section{padding:0}.total-section{padding:.5rem 1rem;flex-direction:row;gap:.5rem}.total-amount{font-size:1.25rem}.payment-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;padding:.625rem .75rem}.payment-method{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .375rem;min-height:58px;max-height:none;text-align:center;overflow:visible}.payment-method svg{width:1.125rem;height:1.125rem}.payment-method-name{font-size:.6rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase;font-weight:600}.quick-amounts-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}.quick-amount-btn{padding:.375rem .25rem!important;font-size:.7rem!important;min-height:2rem!important}.cash-input-row{flex-direction:column!important;gap:.75rem!important;align-items:stretch!important}.cash-input-group{min-width:auto}.change-display{min-width:auto;flex-direction:row;justify-content:space-between;padding:.625rem .75rem}.change-display .change-label{font-size:.75rem}.change-display .change-amount{font-size:1rem}.qr-code-image{max-width:140px;max-height:140px}.modal-actions{flex-direction:row!important;padding:.75rem 1rem!important;gap:.625rem!important}.btn{padding:.625rem .75rem!important;font-size:.8rem!important}.btn-secondary{flex:1!important}.btn-primary{flex:1.5!important}.cash-input-group-inline{gap:.375rem}.input-label-inline{font-size:.8rem}.content-section{padding:1rem .75rem!important}.payment-section-header{padding:.625rem .75rem}}@media(max-width:480px){.finalizar-venda-overlay{padding:0}.finalizar-venda-modal{border-radius:var(--fv-radius-large) var(--fv-radius-large) 0 0;max-height:95vh;min-height:50vh}.modal-content{padding:0}.total-amount{font-size:1.25rem}.payment-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.5rem .625rem}.payment-method{min-height:54px;padding:.5rem .25rem;gap:.2rem}.payment-method svg{width:1rem;height:1rem}.payment-method-name{font-size:.55rem}.content-section{padding:.75rem .625rem!important}.modal-actions{padding:.625rem .75rem!important}.cash-input-group-inline{flex-direction:column;align-items:flex-start;gap:.25rem}.input-label-inline{font-size:.75rem}.input-field{padding:.75rem .75rem .75rem 2.5rem!important;font-size:.9rem!important}.quick-amounts-grid{grid-template-columns:repeat(4,1fr);gap:.25rem}.quick-amount-btn{padding:.3rem .2rem!important;font-size:.65rem!important;min-height:1.75rem!important}}@media(min-width:1024px){.finalizar-venda-modal{max-width:680px}.finalizar-venda-overlay .finalizar-venda-modal .modal-header{padding:.875rem 1.25rem!important}.modal-content{padding:0;gap:0}.total-amount{font-size:1.625rem}.payment-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem 1rem}.payment-method{min-height:64px;max-height:64px;padding:.5rem .375rem;gap:.3rem;overflow:visible}.payment-method svg{width:1.125rem;height:1.125rem}.payment-method-name{font-size:.68rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.modal-actions{padding:.875rem 1.25rem!important}.btn{padding:.75rem 1.25rem!important;font-size:.875rem!important}.close-btn{right:1.25rem}}@media(min-width:1280px){.finalizar-venda-modal{max-width:720px}}@media(min-width:768px)and (max-width:1023px){.finalizar-venda-modal{max-width:600px;width:90%}.payment-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem 1rem}.payment-method{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .375rem;min-height:62px;max-height:62px;font-size:.8rem;overflow:visible}.payment-method svg{width:1.125rem;height:1.125rem}.payment-method-name{font-size:.65rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2;text-align:center;max-width:100%;text-transform:uppercase;font-weight:600}}.boleto-form{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.boleto-form .form-group{display:flex;flex-direction:column;gap:.5rem}.boleto-form label{font-weight:600;color:var(--fv-text);font-size:.875rem}.boleto-config-buttons{display:flex;gap:.5rem;margin:.75rem 0}.boleto-config-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--fv-bg);border:1px solid var(--fv-border);border-radius:var(--fv-radius);color:var(--fv-text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.boleto-config-btn:hover{background:var(--fv-bg-secondary);border-color:var(--fv-primary);color:var(--fv-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.boleto-config-btn.configured{background:var(--fv-success);border-color:var(--fv-success);color:#fff}.boleto-config-btn.configured:hover{background:var(--fv-success-hover);border-color:var(--fv-success-hover);color:#fff}.boleto-config-btn svg{flex-shrink:0}.boleto-config-btn span{font-weight:500}.boleto-config-summary{background:var(--fv-bg-secondary);border:1px solid var(--fv-border);border-radius:var(--fv-radius);padding:.625rem;margin:.75rem 0}.config-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.config-item:last-child{margin-bottom:0}.config-label{font-weight:600;color:var(--fv-text-secondary);font-size:.75rem;min-width:60px;flex-shrink:0}.config-value{color:var(--fv-text);font-size:.75rem;line-height:1.4}.date-input{padding:.75rem;border:1px solid var(--fv-border);border-radius:var(--fv-radius);background:var(--fv-bg);color:var(--fv-text);font-size:.875rem;transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--fv-primary);box-shadow:0 0 0 3px #2563eb1a}.generate-boleto-btn{padding:.625rem 1rem;display:flex;align-items:center;justify-content:center;gap:.375rem;font-weight:600;font-size:.85rem;border-radius:var(--fv-radius);transition:all .15s ease}.boleto-result{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--fv-bg-secondary);border-radius:var(--fv-radius);border:1px solid var(--fv-border)}.boleto-success{display:flex;align-items:center;gap:.5rem;color:var(--fv-success);font-weight:600;font-size:.875rem}.boleto-info{display:flex;flex-direction:column;gap:.75rem}.boleto-detail{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--fv-border)}.boleto-detail:last-child{border-bottom:none}.boleto-detail .label{font-weight:600;color:var(--fv-text-secondary);font-size:.875rem}.boleto-detail .value{font-weight:600;color:var(--fv-text);font-size:.875rem}.boleto-detail .value.code{font-family:Courier New,monospace;font-size:.75rem;background:var(--fv-bg-tertiary);padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--fv-border);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boleto-actions{display:flex;gap:.75rem;margin-top:.5rem}.boleto-actions .btn{flex:1;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:600;border-radius:var(--fv-radius);transition:all .2s ease}[data-theme=dark] .boleto-form label{color:var(--fv-text)!important}[data-theme=dark] .boleto-config-btn{background:var(--fv-bg-tertiary)!important;border-color:var(--fv-border)!important;color:var(--fv-text-secondary)!important}[data-theme=dark] .boleto-config-btn:hover{background:var(--fv-bg)!important;border-color:var(--fv-primary)!important;color:var(--fv-primary)!important}[data-theme=dark] .boleto-config-btn.configured{background:var(--fv-success)!important;border-color:var(--fv-success)!important;color:#fff!important}[data-theme=dark] .boleto-config-btn.configured:hover{background:var(--fv-success-hover)!important;border-color:var(--fv-success-hover)!important}[data-theme=dark] .boleto-config-summary{background:var(--fv-bg-tertiary)!important;border-color:var(--fv-border)!important}[data-theme=dark] .config-label{color:var(--fv-text-secondary)!important}[data-theme=dark] .config-value{color:var(--fv-text)!important}[data-theme=dark] .date-input{background:var(--fv-bg)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}[data-theme=dark] .date-input:focus{border-color:var(--fv-primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}[data-theme=dark] .boleto-result{background:var(--fv-bg-secondary)!important;border-color:var(--fv-border)!important}[data-theme=dark] .boleto-detail{border-color:var(--fv-border)!important}[data-theme=dark] .boleto-detail .label{color:var(--fv-text-secondary)!important}[data-theme=dark] .boleto-detail .value{color:var(--fv-text)!important}[data-theme=dark] .boleto-detail .value.code{background:var(--fv-bg-tertiary)!important;border-color:var(--fv-border)!important;color:var(--fv-text)!important}@media(max-width:768px){.boleto-config-buttons{flex-direction:column;gap:.5rem}.boleto-config-btn{justify-content:center;padding:.75rem 1rem;font-size:.8rem}.boleto-config-summary{padding:.75rem}.config-item{flex-direction:column;gap:.25rem}.config-label{min-width:auto;font-weight:700}.boleto-actions{flex-direction:column}.boleto-detail{flex-direction:column;align-items:flex-start;gap:.25rem}.boleto-detail .value.code{max-width:100%;word-break:break-all;white-space:normal}}.recibo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recibo-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease}.recibo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.recibo-modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.recibo-content-wrapper{flex:1;overflow-y:auto;padding:1.5rem;background:#f8f9fa}.recibo-content{background:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-width:300px;margin:0 auto;box-shadow:0 4px 6px -1px #0000001a}.recibo-header{text-align:center;border-bottom:1px dashed #000;padding-bottom:10px;margin-bottom:10px}.estabelecimento-nome{font-weight:700;font-size:14px;margin-bottom:5px;text-transform:uppercase}.recibo-header div{margin-bottom:2px;font-size:11px}.recibo-info{margin-bottom:10px;border-bottom:1px dashed #000;padding-bottom:10px}.info-line{margin-bottom:3px;font-size:11px}.info-line:first-child{text-align:center;font-weight:700;font-size:12px;margin-bottom:5px}.recibo-items{margin-bottom:10px}.items-header{font-size:9px;font-weight:700;border-bottom:1px solid #000;padding-bottom:3px;margin-bottom:5px;text-align:center}.item-line{border-bottom:1px dotted #ccc;margin-bottom:5px;padding-bottom:5px}.item-number{font-weight:700;margin-bottom:2px}.item-details{margin-left:10px}.item-name{font-weight:700;margin-bottom:2px;word-wrap:break-word;max-width:250px}.item-info{display:flex;justify-content:space-between;font-size:10px}.recibo-total{border-top:1px solid #000;padding-top:8px;margin-top:10px}.total-line{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px}.total-final{font-weight:700;font-size:13px;border-top:1px dashed #000;padding-top:5px;margin-top:8px}.total-final .total-line{font-size:13px;font-weight:700}.payment-section{margin-top:8px;padding-top:8px;border-top:1px dotted #000}.payment-line{display:flex;justify-content:space-between;margin-bottom:3px;font-size:11px}.recibo-footer{text-align:center;border-top:1px dashed #000;padding-top:10px;margin-top:15px;font-size:9px}.recibo-footer div{margin-bottom:3px}.recibo-footer div:first-child{font-weight:700;margin-bottom:5px}.recibo-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:120px}.action-btn.secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.action-btn.primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.action-btn.primary:hover{background:var(--primary-color-dark);transform:translateY(-1px)}[data-theme=dark] .recibo-modal{background:var(--bg-primary)}[data-theme=dark] .recibo-modal-header,[data-theme=dark] .recibo-actions{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .recibo-content-wrapper{background:var(--bg-secondary)}[data-theme=dark] .recibo-content{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .action-btn.secondary{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .action-btn.secondary:hover{background:var(--bg-secondary)}@media print{.recibo-overlay,.recibo-modal{position:static;background:#fff;box-shadow:none;border-radius:0;max-width:none;max-height:none;overflow:visible}.recibo-modal-header,.recibo-actions{display:none}.recibo-content-wrapper{padding:0;background:#fff;overflow:visible}.recibo-content{margin:0;padding:10px;border:none;box-shadow:none;max-width:300px}}@media(max-width:768px){.recibo-overlay{padding:.5rem}.recibo-modal{max-width:100%;height:100vh;border-radius:0}.recibo-modal-header,.recibo-actions{padding:1rem 1.5rem}.recibo-content-wrapper{padding:1rem}.recibo-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}@media(max-width:480px){.recibo-content{font-size:11px;padding:1rem}.estabelecimento-nome{font-size:13px}.total-final{font-size:12px}.items-header,.recibo-footer{font-size:8px}}.barcode-scanner{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.barcode-scanner.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.barcode-scanner.disabled{opacity:.6;background:#f9fafb;border-color:#d1d5db}.scanner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.scanner-status{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;flex:1;min-width:0}.scanner-indicator-wrapper{display:flex;align-items:center;justify-content:center;margin-left:.5rem}.status-indicator{width:4px!important;height:4px!important;border-radius:50%!important;background:#d1d5db;transition:background-color .3s ease;flex-shrink:0;min-width:4px!important;min-height:4px!important;max-width:4px!important;max-height:4px!important;position:relative;display:inline-block}.status-indicator.listening{background:#10b981}.status-indicator.inactive{background:#9ca3af}.status-indicator.disabled{background:#9ca3af;width:4px!important;height:4px!important;flex-shrink:0}.scanner-indicator-wrapper{display:flex;align-items:center;justify-content:center;width:4px;height:4px;flex-shrink:0}.scanner-indicator-wrapper .status-indicator{width:4px!important;height:4px!important;min-width:4px!important;min-height:4px!important;max-width:4px!important;max-height:4px!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scanner-controls{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.scanner-controls button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.scanner-controls button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.scanner-controls button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.toggle-btn{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.toggle-btn:hover{background:#dc2626!important;border-color:#dc2626!important}.barcode-scanner.active .toggle-btn{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.barcode-scanner.active .toggle-btn:hover{background:#059669!important;border-color:#059669!important}.scanner-settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.scanner-settings-modal{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:85vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .25s ease}.scanner-settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.scanner-settings-modal-header h4{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.scanner-settings-modal-header .close-settings-btn{background:#fff3;border:none;cursor:pointer;padding:.4rem;border-radius:6px;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center}.scanner-settings-modal-header .close-settings-btn:hover{background:#ffffff4d}.scanner-settings-modal-body{padding:1.25rem;overflow-y:auto;max-height:calc(85vh - 60px)}.setting-group{margin-bottom:16px}.setting-group:last-child{margin-bottom:0}.setting-group label{display:block;font-size:13px;font-weight:500;color:#495057;margin-bottom:6px}.setting-group select,.setting-group input[type=number]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff;transition:border-color .2s}.setting-group select:focus,.setting-group input[type=number]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.checkbox-group{margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#495057;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.camera-btn,.settings-btn,.sound-btn,.toggle-btn{position:relative;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-shadow:0 2px 4px #0000001a}.camera-btn{background:#007bff;color:#fff}.camera-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.settings-btn{background:#6c757d;color:#fff}.settings-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.sound-btn{background:#17a2b8;color:#fff}.sound-btn:hover{background:#138496;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toggle-btn{background:#28a745;color:#fff}.toggle-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.camera-btn:after,.settings-btn:after,.sound-btn:after,.toggle-btn:after{content:attr(data-tooltip);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.camera-btn:hover:after,.settings-btn:hover:after,.sound-btn:hover:after,.toggle-btn:hover:after,.camera-btn:focus:after,.settings-btn:focus:after,.sound-btn:focus:after,.toggle-btn:focus:after{opacity:1}@media(hover:none)and (pointer:coarse){.camera-btn:active:after,.settings-btn:active:after,.sound-btn:active:after,.toggle-btn:active:after{opacity:1}.camera-btn.touched:after,.settings-btn.touched:after,.sound-btn.touched:after,.toggle-btn.touched:after{opacity:1;animation:fadeOutTooltip 2s ease-in-out forwards}}@keyframes fadeOutTooltip{0%,70%{opacity:1}to{opacity:0}}.scanner-content{border-top:1px solid #e5e7eb;padding-top:1rem}.camera-container{margin-bottom:1rem}.camera-view{position:relative;background:#000;border-radius:.5rem;overflow:hidden;aspect-ratio:16/9;max-height:300px}.camera-video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-line{position:absolute;width:60%;height:2px;background:linear-gradient(90deg,transparent,#ef4444,transparent);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{top:20%}to{top:80%}}.scan-corners{position:absolute;top:20%;left:20%;right:20%;bottom:20%}.corner{position:absolute;width:20px;height:20px;border:2px solid #ef4444}.corner.top-left{top:0;left:0;border-right:none;border-bottom:none}.corner.top-right{top:0;right:0;border-left:none;border-bottom:none}.corner.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.corner.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.camera-instructions{position:absolute;bottom:1rem;left:1rem;right:1rem;text-align:center;color:#fff;background:#000000b3;padding:.5rem;border-radius:.375rem;font-size:.875rem}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280;background:#f9fafb;border-radius:.5rem;border:2px dashed #d1d5db}.camera-error svg{margin-bottom:1rem;color:#9ca3af}.camera-error button{margin-top:1rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background .2s ease}.camera-error button:hover{background:#2563eb}.manual-scanner{display:flex;justify-content:center;margin-bottom:1rem}.manual-scan-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.manual-scan-btn:hover{background:#2563eb;transform:translateY(-1px)}.last-scan{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1rem}.scan-label{font-weight:500;color:#0369a1}.scan-code{font-family:Courier New,monospace;font-weight:600;color:#1e40af;background:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #bae6fd}.scan-history{border-top:1px solid #e5e7eb;padding-top:1rem}.scan-history h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.history-list{max-height:200px;overflow-y:auto}.history-item{padding:12px;margin-bottom:8px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:13px}.history-item:last-child{margin-bottom:0}.scan-info{margin-bottom:8px}.history-code{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:14px;display:block;margin-bottom:4px}.scan-details{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.scan-details .type{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.scan-details .confidence{color:#6c757d;font-size:12px;font-weight:500}.history-time{color:#6c757d;font-size:12px}.confidence-bar{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.confidence-fill{height:100%;transition:width .3s ease;border-radius:2px}.debug-info{margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.debug-info h4{margin:0 0 15px;font-size:14px;font-weight:600;color:#856404}.debug-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#ffffffb3;border-radius:4px;font-size:12px}.debug-label{font-weight:600;color:#856404}.debug-value{color:#533f03;font-family:Courier New,monospace}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:#f3f4f6}.history-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.history-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.barcode-scanner{padding:.75rem}.scanner-header{flex-direction:column;gap:.75rem;align-items:stretch}.scanner-status,.scanner-controls{justify-content:center}.camera-view{max-height:200px}.camera-instructions{font-size:.8rem;padding:.375rem}.scan-corners{top:15%;left:15%;right:15%;bottom:15%}.corner{width:15px;height:15px}}[data-theme=dark] .barcode-scanner{background:#1e293b;border-color:#334155}[data-theme=dark] .barcode-scanner.active{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}[data-theme=dark] .scanner-header{border-color:#334155}[data-theme=dark] .scanner-status{color:#e2e8f0}[data-theme=dark] .settings-btn,[data-theme=dark] .sound-btn{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .settings-btn:hover,[data-theme=dark] .sound-btn:hover{background:#475569;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .scanner-settings-modal{background:#1e293b}[data-theme=dark] .scanner-settings-modal-header{background:linear-gradient(135deg,#1e40af,#1d4ed8)}[data-theme=dark] .scanner-settings-modal-body{background:#1e293b}[data-theme=dark] .scanner-display{background:#0f172a;border-color:#334155}[data-theme=dark] .scan-history h4{color:#e2e8f0}[data-theme=dark] .setting-group label{color:#94a3b8}[data-theme=dark] .setting-group input[type=number]{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .scan-code{background:#1e293b;border-color:#475569;color:#10b981}[data-theme=dark] .scan-label{color:#94a3b8}[data-theme=dark] .manual-scan-btn{background:#475569}[data-theme=dark] .manual-scan-btn:hover{background:#64748b}[data-theme=dark] .history-item{background:#1e293b;border-color:#334155}[data-theme=dark] .history-code{color:#e2e8f0}[data-theme=dark] .history-time{color:#94a3b8}[data-theme=dark] .history-list::-webkit-scrollbar-track{background:#334155}[data-theme=dark] .history-list::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] .history-list::-webkit-scrollbar-thumb:hover{background:#64748b}.camera-selector-container{position:relative;display:inline-block}.camera-settings-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.camera-settings-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.camera-selector-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.25rem;overflow:hidden}.camera-selector-header{padding:.75rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:.875rem;color:#374151}.camera-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;background:#fff;color:#374151;cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:.875rem}.camera-option:hover{background:#f3f4f6}.camera-option.selected{background:#eff6ff;color:#1d4ed8}.camera-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-indicator{color:#10b981;font-weight:600;flex-shrink:0}[data-theme=dark] .camera-settings-btn{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .camera-settings-btn:hover{background:#475569;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .camera-selector-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .camera-selector-header{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .camera-option{background:#1e293b;color:#e2e8f0}[data-theme=dark] .camera-option:hover{background:#334155}[data-theme=dark] .camera-option.selected{background:#1e40af;color:#bfdbfe}[data-theme=dark] .selected-indicator{color:#10b981}[data-theme=dark] .scanner-controls{background:#0f172a;border-color:#334155}[data-theme=dark] .scanner-controls button{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .scanner-controls button:hover{background:#475569;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .scanner-controls button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=dark] .settings-header{background:#0f172a;border-color:#334155}[data-theme=dark] .settings-header h4{color:#e2e8f0}[data-theme=dark] .close-settings-btn{color:#94a3b8}[data-theme=dark] .close-settings-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .setting-group select{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .setting-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}[data-theme=dark] .checkbox-label{color:#94a3b8}[data-theme=dark] .last-scan{background:#0f172a;border-color:#334155}[data-theme=dark] .scan-label{color:#10b981}[data-theme=dark] .debug-info{background:#1e293b;border-color:#475569}[data-theme=dark] .debug-info h4{color:#fbbf24}[data-theme=dark] .debug-item{background:#0f172ab3}[data-theme=dark] .debug-label{color:#fbbf24}[data-theme=dark] .debug-value{color:#e2e8f0}.barcode-scanner{max-height:100%;display:flex;flex-direction:column}.scanner-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.scan-history{max-height:200px;overflow-y:auto}.history-list{max-height:150px;overflow-y:auto;padding-right:4px}.last-scan{flex-shrink:0;margin-bottom:1rem}@media(max-width:768px){.barcode-scanner{max-height:none;overflow:visible}.scanner-content{overflow:visible}.scan-history{max-height:150px}.history-list{max-height:100px}.scanner-settings-modal{width:95%;max-height:80vh}.scanner-settings-modal-body{max-height:calc(80vh - 56px)}.camera-view{max-height:180px}}@media(max-width:1024px)and (min-width:769px){.scan-history{max-height:180px}.history-list{max-height:130px}}.nf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.nf-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nf-modal-title{display:flex;align-items:center;gap:12px}.title-icon{width:24px;height:24px}.nf-modal-title h2{margin:0;font-size:1.5rem;font-weight:600}.nf-modal-actions{display:flex;align-items:center;gap:8px}.refresh-btn{background:#fff3;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#ffffff4d}.refresh-icon{width:16px;height:16px;transition:transform .3s ease}.refresh-icon.spinning{animation:spin 1s linear infinite}.close-btn{background:#fff3;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}.nf-modal-content{padding:32px;overflow-y:auto;flex:1}.nf-status-section,.transaction-section,.items-section,.nf-actions-section{margin-bottom:32px}.nf-status-section h3,.transaction-section h3,.items-section h3,.nf-actions-section h3{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.nf-status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.status-info{display:flex;flex-direction:column;gap:20px}.status-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.status-icon{width:20px;height:20px}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.warning{color:#f59e0b}.status-text{font-weight:600;font-size:1rem}.status-text.status-success{color:#10b981}.status-text.status-error{color:#ef4444}.status-text.status-warning{color:#f59e0b}.status-text.status-pending,.status-text.status-default{color:#6b7280}.nf-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:.875rem;font-weight:500;color:#6b7280}.detail-item span{font-size:.95rem;color:#374151;font-weight:500}.chave-acesso{font-family:Courier New,monospace;font-size:.85rem!important;word-break:break-all}.no-nf-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.warning-icon{width:48px;height:48px;color:#f59e0b}.no-nf-info p{margin:0;color:#6b7280;font-size:1rem}.transaction-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.transaction-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#6b7280}.info-icon{width:16px;height:16px}.info-group span{font-size:1rem;color:#374151;font-weight:500}.total-value{color:#10b981!important;font-weight:600!important;font-size:1.125rem!important}.items-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:4px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.item-card:hover{background:#f3f4f6;border-color:#d1d5db}.item-info{display:flex;align-items:center;gap:12px;flex:1}.item-icon{width:20px;height:20px;color:#6b7280}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:500;color:#374151}.item-code{font-size:.875rem;color:#6b7280}.item-values{display:flex;align-items:center;gap:16px;font-size:.875rem}.item-quantity{color:#6b7280;min-width:60px}.item-price{color:#374151;min-width:80px}.item-total{color:#10b981;font-weight:600;min-width:80px}.no-items{text-align:center;color:#6b7280;padding:32px;margin:0}.nf-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.action-btn.secondary:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-icon{width:16px;height:16px}.xml-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.xml-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:1000px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.xml-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.xml-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.xml-modal-content{flex:1;overflow:auto;padding:0}.xml-content{margin:0;padding:24px;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;background:#f8f9fa;color:#374151;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.nf-modal-container{margin:10px;max-height:95vh}.nf-modal-header{padding:16px 20px}.nf-modal-title h2{font-size:1.25rem}.nf-modal-content{padding:20px}.nf-details,.transaction-info,.nf-actions{grid-template-columns:1fr}.item-card{flex-direction:column;align-items:flex-start;gap:12px}.item-values{align-self:stretch;justify-content:space-between}.xml-modal-container{margin:10px;max-height:90vh}.xml-content{font-size:.75rem;padding:16px}}@media(max-width:480px){.nf-modal-overlay{padding:10px}.nf-modal-header{padding:12px 16px}.nf-modal-content{padding:16px}.nf-status-section,.transaction-section,.items-section,.nf-actions-section{margin-bottom:24px}.nf-status-card,.transaction-card{padding:16px}}.faturamento-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.faturamento-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.faturamento-modal-content{flex:1 1 auto;overflow-y:scroll!important;overflow-x:hidden;padding:1.5rem 2rem;display:block;min-height:0;max-height:calc(90vh - 80px);height:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin!important;scrollbar-color:#3b82f6 #e5e7eb!important}.faturamento-modal-content::-webkit-scrollbar{width:12px!important;display:block!important}.faturamento-modal-content::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:6px;border:1px solid #e2e8f0}.faturamento-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border-radius:6px;border:2px solid #f1f5f9;min-height:40px}.faturamento-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)!important}.faturamento-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;position:relative}.header-title{display:flex;align-items:center;gap:.75rem}.close-btn{background:#ffffff1a;border:none;border-radius:.5rem;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ef4444;color:#fff;transform:translateY(-50%) scale(1.05)}.filters-section{background:#f8fafc;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.filters-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:flex-start;width:100%}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex-grow:0;flex-shrink:1;flex-basis:180px;min-width:150px}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group input,.filter-group select{padding:.75rem;border:2px solid #9ca3af;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;width:100%;box-sizing:border-box;height:42px;background-color:#fff;color:#000;box-shadow:inset 0 2px 4px #00000014}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.filter-group select::-ms-expand{display:none}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:inset 0 2px 4px #00000014,0 0 0 3px #3b82f626}.filter-group input::placeholder{color:#4b5563;font-weight:400}.quick-filters{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start;align-items:center}.quick-filter-btn{padding:.5rem 1rem;background:var(--bg-primary, white);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;font-size:.875rem;color:var(--text-primary, #374151);cursor:pointer;transition:all .2s ease;height:36px;display:flex;align-items:center;justify-content:center}.quick-filter-btn:hover{background:var(--accent-primary, #6366f1);color:#fff;border-color:var(--accent-primary, #6366f1)}.search-section{flex-grow:1}.search-input{position:relative;display:flex;align-items:center}.search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #9ca3af;border-radius:.5rem;font-size:.875rem;font-weight:500;background:#fff;color:#000;box-shadow:inset 0 2px 4px #00000014}.search-input input:focus{outline:none;border-color:#3b82f6;box-shadow:inset 0 2px 4px #00000014,0 0 0 3px #3b82f626}.search-input input::placeholder{color:#4b5563;font-weight:400}[data-theme=dark] .search-input input{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);box-shadow:none}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.summary-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.summary-info{display:flex;flex-direction:column;gap:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:#1f2937}.summary-label{font-size:.875rem;color:#6b7280}.summary-card.cancelled .summary-icon{background-color:var(--error-color-light)}.view-mode-toggle{display:flex;justify-content:center;margin-bottom:1.5rem;gap:1rem}.view-mode-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.view-mode-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}.view-mode-btn.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary);font-weight:600}.view-mode-btn svg{margin-right:4px}.cash-records-section{margin-top:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0;max-height:400px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3b82f6 #e5e7eb}.cash-records-section::-webkit-scrollbar{width:10px}.cash-records-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.cash-records-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:5px;border:2px solid #f1f5f9}.cash-records-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.cash-records-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.cash-records-table{background-color:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.cash-records-table .table-body{flex:1;min-height:200px}.cash-record-row{display:grid;grid-template-columns:repeat(8,1fr);padding:.8rem 1rem;border-bottom:1px solid var(--border-color-light);align-items:center;font-size:.875rem;transition:background-color .2s ease}.cash-record-row:last-child{border-bottom:none}.cash-record-row:hover{background-color:var(--bg-tertiary)}.cash-records-table .table-header .col-value,.cash-record-row .col-value{text-align:right}.cash-record-row .col-value.positive{color:var(--success);font-weight:500}.cash-record-row .col-value.negative{color:var(--error);font-weight:500}.status-badge-cash{padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block}.status-badge-cash.aberto{background-color:#10b9811a;color:var(--success)}.status-badge-cash.fechado{background-color:#e5e7eb;color:#4b5563}.status-badge-cash.fechado_automaticamente{background-color:#f59e0b1a;color:var(--warning)}[data-theme=dark] .view-mode-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .view-mode-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .view-mode-btn.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-theme=dark] .cash-records-section h3{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .cash-records-table{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .cash-record-row{border-bottom-color:var(--border-color)}[data-theme=dark] .cash-record-row:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .cash-record-row .col-value.positive{color:var(--success)}[data-theme=dark] .cash-record-row .col-value.negative{color:var(--error)}[data-theme=dark] .status-badge-cash.aberto{background-color:#34d39933;color:var(--success)}[data-theme=dark] .status-badge-cash.fechado{background-color:#374151;color:#9ca3af}[data-theme=dark] .status-badge-cash.fechado_automaticamente{background-color:#fbbf2433;color:var(--warning)}.cash-records-table .table-header div,.cash-record-row div{padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cash-records-table .table-header{display:grid;grid-template-columns:repeat(8,1fr);padding:.8rem 1rem;background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}[data-theme=dark] .cash-records-table .table-header{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom-color:var(--border-color)}.transactions-section{margin-top:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0;max-height:400px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3b82f6 #e5e7eb}.transactions-section::-webkit-scrollbar{width:10px}.transactions-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.transactions-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:5px;border:2px solid #f1f5f9}.transactions-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.empty-state span{font-size:.875rem}.transactions-table{background-color:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--border-color, #e5e7eb)}.transactions-table .table-header{display:grid;grid-template-columns:0 1fr 1fr 1fr 1fr 1fr 1fr;padding:.8rem 1rem;background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary, #374151);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color, #e5e7eb)}.table-body{flex:1;min-height:200px}.transaction-row{display:grid;grid-template-columns:0 1fr 1fr 1fr 1fr 1fr 1fr;padding:.8rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);align-items:center;font-size:.875rem;transition:background-color .2s ease;color:var(--text-primary, #1f2937)}.transaction-row:hover{background-color:var(--bg-tertiary, #f3f4f6)}.col-id .transaction-id{font-family:monospace;font-size:.875rem;color:#6366f1;font-weight:600}.datetime-info{display:flex;flex-direction:column;gap:.25rem}.datetime-info .date{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.datetime-info .time{font-size:.75rem;color:var(--text-secondary, #6b7280)}.cashier-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #374151)}.col-value .value{font-weight:700;color:#059669;font-size:.9rem}.payment-badge{padding:.35rem .85rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;border:1px solid transparent;display:inline-block}.payment-badge.dinheiro{background:#dcfce7;color:#166534;border-color:#86efac}.payment-badge.cartao{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.payment-badge.cartao_debito,.payment-badge.cartao_credito{background:#f3e8ff;color:#7c3aed;border-color:#c4b5fd}.payment-badge.pix{background:#fef3c7;color:#92400e;border-color:#fcd34d}.payment-badge.mix{background:linear-gradient(135deg,#e0e7ff,#fef3c7);color:#4338ca;border:1px solid #c7d2fe}[data-theme=dark] .payment-badge.dinheiro{background:#064e3b;color:#6ee7b7;border-color:#10b981}[data-theme=dark] .payment-badge.cartao{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}[data-theme=dark] .payment-badge.cartao_debito,[data-theme=dark] .payment-badge.cartao_credito{background:#4c1d95;color:#c4b5fd;border-color:#8b5cf6}[data-theme=dark] .payment-badge.pix{background:#78350f;color:#fcd34d;border-color:#f59e0b}[data-theme=dark] .payment-badge.mix{background:linear-gradient(135deg,#312e81,#78350f);color:#a5b4fc;border-color:#6366f1}.status-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937)}.status-icon.completed{color:#059669}.status-icon.cancelled{color:#dc2626}.status-icon.refunded{color:#d97706}.status-icon.pending{color:#6b7280}[data-theme=dark] .status-info{color:#f9fafb}[data-theme=dark] .status-icon.completed{color:#34d399}[data-theme=dark] .status-icon.cancelled{color:#f87171}[data-theme=dark] .status-icon.refunded{color:#fbbf24}[data-theme=dark] .status-icon.pending{color:#9ca3af}.col-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.view{background:#dbeafe;color:#1e40af}.action-btn.view:hover{background:#bfdbfe}.action-btn.print{background:#f3e8ff;color:#7c3aed}.action-btn.print:hover{background:#e9d5ff}.action-btn.cancel{background:#fee2e2;color:#dc2626}.action-btn.cancel:hover{background:#fecaca}.details-modal-overlay,.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1500!important;padding:1rem}.details-modal,.cancel-modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.details-modal-header,.cancel-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.details-modal-header h3,.cancel-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.details-modal-header button,.cancel-modal-header button{background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.details-modal-header button:hover,.cancel-modal-header button:hover{background:#e5e7eb;color:#374151}.details-modal-content,.cancel-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.transaction-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-group{display:flex;flex-direction:column;gap:.25rem}.info-group label{font-size:.875rem;font-weight:500;color:#6b7280}.info-group span{font-size:.875rem;color:#1f2937}.items-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.item-detail{padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.item-name{font-weight:500;color:#1f2937;margin-bottom:.5rem}.item-sku{font-size:.75rem;font-weight:600;color:#6366f1;background:#ede9fe;padding:.125rem .375rem;border-radius:.25rem;margin-right:.5rem;display:inline-block}.item-info{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.payment-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.payment-row.total{font-weight:600;font-size:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1rem}.warning-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem}.warning-message svg{color:#dc2626;margin-bottom:1rem}.warning-message p{margin:0 0 .5rem;color:#7f1d1d}.cancel-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.error-message{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem}.cancel-actions{display:flex;gap:1rem;margin-top:1.5rem}.payment-row.discount{color:var(--color-warning);font-weight:500}.discount-amount{color:var(--color-warning);font-weight:600}.payment-methods-section{margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.payment-methods-section h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.payment-method-detail{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.payment-method-detail:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.payment-row.change{margin-left:1rem;font-size:.875rem;color:var(--text-secondary)}.cancel-btn-secondary,.cancel-btn-primary{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn-secondary:hover{background:#f9fafb}.cancel-btn-primary{background:#dc2626;border:1px solid #dc2626;color:#fff}.cancel-btn-primary:hover:not(:disabled){background:#b91c1c}.cancel-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.transactions-table .col-id,.transactions-table .transaction-id{display:none}.faturamento-modal{margin:0;height:100vh;max-height:100vh;border-radius:0}.faturamento-modal-content{padding:1rem}.summary-section{grid-template-columns:1fr}.quick-filters{flex-direction:column}.quick-filter-btn{width:100%}.transactions-table .table-header,.transactions-table .transaction-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.transaction-row{display:flex;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem}.transactions-section .col-id{display:none}.transaction-row .col-datetime:before{content:"Data/Hora:"}.transaction-row .col-cashier:before{content:"Caixa:"}.transaction-row .col-value:before{content:"Valor:"}.transaction-row .col-payment:before{content:"Pagamento:"}.transaction-row .col-status:before{content:"Status:"}.transaction-row .col-actions:before{content:"Ações:"}.col-actions{justify-content:center;margin-top:.5rem}.details-modal,.cancel-modal{margin:0;height:100vh;max-height:100vh;border-radius:0}.transaction-info{grid-template-columns:1fr}.item-info{flex-direction:column;gap:.25rem}.cancel-actions{flex-direction:column}.transactions-section{flex:1;min-height:0}.transactions-table .table-body{min-height:150px}}.nf-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.nf-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.nf-controls,.nf-emitida,.nf-cancelada,.nf-nao-emitida{display:flex;flex-direction:column;gap:1rem}.nf-info{display:flex;flex-direction:column;gap:.75rem}.nf-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;width:fit-content}.nf-status-badge.emitida{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.nf-status-badge.cancelada{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.nf-status-badge.nao-emitida{background:#fef3c7;color:#92400e;border:1px solid #fde68a}[data-theme=dark] .nf-status-badge.emitida{background:#064e3b;color:#6ee7b7;border-color:#047857}[data-theme=dark] .nf-status-badge.cancelada{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .nf-status-badge.nao-emitida{background:#78350f;color:#fbbf24;border-color:#92400e}.nf-details{background:var(--bg-secondary);border-radius:6px;padding:.75rem;border:1px solid var(--border-color)}.nf-details p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);word-break:break-all}.nf-details p:last-child{margin-bottom:0}.nf-details strong{color:var(--text-primary);font-weight:600}.nf-actions{display:flex;flex-wrap:wrap;gap:.75rem}.nf-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:36px}.nf-btn:disabled{cursor:not-allowed;opacity:.6}.nf-btn.generate{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.nf-btn.generate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.nf-btn.view{background:#10b981;color:#fff;border-color:#10b981}.nf-btn.view:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.nf-btn.download{background:#3b82f6;color:#fff;border-color:#3b82f6}.nf-btn.download:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.nf-btn.cancel{background:#ef4444;color:#fff;border-color:#ef4444}.nf-btn.cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.nf-btn.more{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.nf-btn.more:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.nf-actions{flex-direction:column}.nf-btn{justify-content:center;width:100%}.nf-details p{font-size:.8rem}}@media(max-width:480px){.nf-section{margin-top:1rem;padding-top:1rem}.nf-status-badge{font-size:.8rem;padding:.4rem .6rem}.nf-btn{font-size:.8rem;padding:.4rem .6rem;min-height:32px}}[data-theme=dark] .faturamento-modal{background:#1f2937;color:#f9fafb}[data-theme=dark] .faturamento-modal-header{border-bottom-color:#374151}[data-theme=dark] .faturamento-modal-content{scrollbar-color:#3b82f6 #374151}[data-theme=dark] .faturamento-modal-content::-webkit-scrollbar-track{background:#374151}[data-theme=dark] .faturamento-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#374151}[data-theme=dark] .filters-section{background:#374151;border-color:#4b5563}[data-theme=dark] .filter-group input,[data-theme=dark] .filter-group select{background:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .filter-group select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#1f2937!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:1rem!important;padding-right:2.5rem!important}[data-theme=dark] .filter-group select::-ms-expand{display:none!important}[data-theme=dark] .filter-group select::-webkit-appearance{-webkit-appearance:none!important}[data-theme=dark] .filter-group select::-moz-appearance{-moz-appearance:none!important}[data-theme=dark] .faturamento-modal .filter-group select{background:#1f2937 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right .75rem center!important;background-size:1rem!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}[data-theme=dark] .quick-filter-btn{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .summary-card,[data-theme=dark] .transactions-section{background:#374151;border-color:#4b5563}[data-theme=dark] .table-header{background:#374151;color:#f9fafb;border-bottom-color:#4b5563}[data-theme=dark] .transaction-row{border-bottom-color:#4b5563;color:#f9fafb}[data-theme=dark] .transaction-row:hover{background:#4b5563}[data-theme=dark] .col-datetime .date,[data-theme=dark] .col-datetime .time,[data-theme=dark] .col-cashier,[data-theme=dark] .col-value .value,[data-theme=dark] .col-status,[data-theme=dark] .datetime-info .date{color:#f9fafb}[data-theme=dark] .datetime-info .time{color:#d1d5db}[data-theme=dark] .cashier-info{color:#f9fafb}[data-theme=dark] .col-value .value{color:#34d399}[data-theme=dark] .details-modal,[data-theme=dark] .cancel-modal{background:#1f2937;color:#f9fafb}[data-theme=dark] .details-modal-header,[data-theme=dark] .cancel-modal-header{background:#374151;border-bottom-color:#4b5563}[data-theme=dark] .item-detail{background:#374151;border-color:#4b5563}[data-theme=dark] .payment-details,[data-theme=dark] .payment-row.total{border-top-color:#4b5563}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.view-mode-btn-group{display:flex;align-items:center;gap:0}.view-mode-btn-group .view-mode-btn{border-top-right-radius:0;border-bottom-right-radius:0}.expand-btn{padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-left:none;background-color:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #64748b);border-radius:0 6px 6px 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-btn:hover{background-color:var(--accent-primary, #3b82f6);color:#fff;border-color:var(--accent-primary, #3b82f6)}.transacoes-expandido-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.transacoes-expandido-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000059;width:95%;max-width:1400px;height:90vh;display:flex;flex-direction:column}.transacoes-expandido-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.transacoes-expandido-header .header-title{display:flex;align-items:center;gap:.75rem}.transacoes-expandido-header .header-title h2{margin:0;font-size:1.5rem;font-weight:600}.transacoes-expandido-header .transaction-count{background:#fff3;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.transacoes-expandido-header .close-btn{position:static;transform:none;background:#ffffff1a;border:none;border-radius:.5rem;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s ease}.transacoes-expandido-header .close-btn:hover{background:#ef4444}.transacoes-expandido-filters{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.transacoes-expandido-filters .search-input{position:relative;display:flex;align-items:center;max-width:400px}.transacoes-expandido-filters .search-input svg{position:absolute;left:.75rem;color:#64748b}.transacoes-expandido-filters .search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.transacoes-expandido-filters .search-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.transacoes-expandido-content{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#3b82f6 #e5e7eb}.transacoes-expandido-content::-webkit-scrollbar{width:10px}.transacoes-expandido-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.transacoes-expandido-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:5px}.transacoes-expandido-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.transacoes-expandido-table{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden}.transacoes-expandido-table .table-header{display:grid;grid-template-columns:90px 140px 150px 120px 120px 100px 120px;padding:.875rem 1rem;background:#f8fafc;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#475569;border-bottom:2px solid #e5e7eb}.transacoes-expandido-table .table-body{max-height:calc(90vh - 250px);overflow-y:auto}.transacoes-expandido-table .transaction-row{display:grid;grid-template-columns:90px 140px 150px 120px 120px 100px 120px;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;align-items:center;transition:background-color .2s ease;font-size:.875rem}.transacoes-expandido-table .transaction-row:hover{background:#f8fafc}.transacoes-expandido-table .transaction-row:last-child{border-bottom:none}.transacoes-expandido-table .col-id .transaction-id{font-family:monospace;font-size:.8rem;color:#3b82f6;font-weight:600}.transacoes-expandido-table .col-datetime .datetime-info{display:flex;flex-direction:column;gap:.125rem}.transacoes-expandido-table .col-datetime .date{font-size:.8rem;font-weight:500;color:#1f2937}.transacoes-expandido-table .col-datetime .time{font-size:.7rem;color:#6b7280}.transacoes-expandido-table .col-cashier .cashier-info{display:flex;align-items:center;gap:.375rem;font-size:.8rem}.transacoes-expandido-table .col-value .value{font-weight:600;color:#059669;font-size:.85rem}.transacoes-expandido-table .col-status .status-info{display:flex;align-items:center;gap:.375rem;font-size:.8rem}.transacoes-expandido-table .col-actions{display:flex;gap:.375rem;justify-content:flex-end}.transacoes-expandido-table .col-actions .action-btn{padding:.375rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.transacoes-expandido-table .col-actions .action-btn svg{width:14px;height:14px}.transacoes-expandido-table .col-actions .action-btn.view{background:#dbeafe;color:#1e40af}.transacoes-expandido-table .col-actions .action-btn.view:hover{background:#bfdbfe}.transacoes-expandido-table .col-actions .action-btn.print{background:#f3e8ff;color:#7c3aed}.transacoes-expandido-table .col-actions .action-btn.print:hover{background:#e9d5ff}.transacoes-expandido-table .col-actions .action-btn.cancel{background:#fee2e2;color:#dc2626}.transacoes-expandido-table .col-actions .action-btn.cancel:hover{background:#fecaca}[data-theme=dark] .transacoes-expandido-modal{background:var(--bg-primary, #1f2937)}[data-theme=dark] .transacoes-expandido-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}[data-theme=dark] .transacoes-expandido-filters{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}[data-theme=dark] .transacoes-expandido-filters .search-input input{background:var(--bg-primary, #1f2937);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}[data-theme=dark] .transacoes-expandido-content{scrollbar-color:#3b82f6 #374151}[data-theme=dark] .transacoes-expandido-content::-webkit-scrollbar-track{background:#374151}[data-theme=dark] .transacoes-expandido-table{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #4b5563)}[data-theme=dark] .transacoes-expandido-table .table-header{background:var(--bg-secondary, #374151);color:var(--text-secondary, #9ca3af);border-color:var(--border-color, #4b5563)}[data-theme=dark] .transacoes-expandido-table .transaction-row{border-color:var(--border-color, #4b5563)}[data-theme=dark] .transacoes-expandido-table .transaction-row:hover{background:var(--bg-secondary, #374151)}@media(max-width:768px){.transacoes-expandido-modal{width:100%;height:100vh;border-radius:0}.transacoes-expandido-table .table-header{display:none}.transacoes-expandido-table .transaction-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.5rem}.transacoes-expandido-table .col-actions{justify-content:center;margin-top:.5rem}}.cash-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.change-amount-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.toggle-detailed-button{display:flex;align-items:center;gap:5px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:.8rem;color:#333}.toggle-detailed-button:hover{background-color:#e0e0e0;color:#333}.amount-input-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}.currency-symbol{background-color:#f0f0f0;padding:8px 12px;border-right:1px solid #ddd;font-weight:700;color:#333}.amount-input{flex:1;border:none;padding:8px 12px;font-size:1rem}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.note-input-group{display:flex;flex-direction:column}.note-input-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;overflow:hidden}.note-input{flex:1;border:none;padding:6px 8px;font-size:.9rem;text-align:right}.note-quantity{background-color:#f0f0f0;padding:6px 8px;border-left:1px solid #ddd;font-size:.8rem;color:#333}.notes-total{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #ddd;font-weight:700;color:#333}.notes-total-value{color:#333;font-weight:700}.caixa-interface .cash-modal-overlay{position:absolute;z-index:1000}.cash-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column}.cash-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #eee;background:linear-gradient(135deg,#059669,#047857);color:#fff}.cash-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.cash-modal-header .close-button{background:#fff3;border:none;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.cash-modal-header .close-button:hover{background:#ffffff4d}.cash-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:.75rem;align-items:center}.form-group label{font-weight:500;color:#333;text-align:center;font-size:.95rem}.close-cash-modal .input-group{display:flex!important;flex-direction:row!important;align-items:center;border:1px solid #ddd;border-radius:8px;overflow:hidden;width:200px;margin:0;white-space:nowrap}.close-cash-modal .input-group span{padding:12px 10px;background-color:#f8f9fa;border-right:1px solid #ddd;font-size:14px;min-width:35px;text-align:center;flex-shrink:0}.close-cash-modal .input-group input[type=text],.close-cash-modal .input-group input[type=number]{padding:12px 10px;border:none;outline:none;background-color:#fff;font-size:14px;text-align:left;flex:1;min-width:0}.notes-details h4{font-size:1.1rem;color:#333;margin-bottom:1rem;text-align:center;border-bottom:1px solid #eee;padding-bottom:.5rem}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.note-input-group{display:flex;flex-direction:column;gap:.3rem}.note-input-group label{font-size:.85rem;color:#555}.note-input-group input{padding:.6rem;border:1px solid #ddd;border-radius:6px;text-align:center}.calculated-total{text-align:right;font-size:1.1rem;color:#333;margin-top:1rem;padding-top:1rem;border-top:1px dashed #eee}.calculated-total strong{color:#6e8efb}.toggle-details-button{background:none;border:1px solid #059669;color:#059669;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.toggle-details-button:hover{background:#059669;color:#fff}.cash-modal-footer{padding:1.5rem;border-top:1px solid #eee;display:flex}.submit-button{flex-grow:1;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.85rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.submit-button:hover{opacity:.9}.pin-group{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.pin-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.pin-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.toggle-pin-visibility{position:absolute;right:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.toggle-pin-visibility:hover{color:#374151;background:#f3f4f6}.pin-error{display:block;margin-top:.5rem;font-size:.875rem;color:#dc2626;font-weight:500}.submit-button:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.submit-button:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}[data-theme=dark] .cash-modal{background:#2c3e50;color:#ecf0f1}[data-theme=dark] .cash-modal-header{border-bottom:1px solid #34495e}[data-theme=dark] .form-group label,[data-theme=dark] .notes-details h4,[data-theme=dark] .note-input-group label,[data-theme=dark] .calculated-total{color:#bdc3c7}[data-theme=dark] .input-group{border:1px solid #34495e}[data-theme=dark] .input-group span{background-color:#34495e;border-right:1px solid #2c3e50;color:#ecf0f1}[data-theme=dark] .input-group input[type=text],[data-theme=dark] .input-group input[type=number],[data-theme=dark] .note-input-group input{background-color:#3b5064;color:#ecf0f1;border:1px solid #4a6278}[data-theme=dark] .calculated-total strong{color:#34d399}[data-theme=dark] .toggle-details-button{border:1px solid #34d399;color:#34d399}[data-theme=dark] .toggle-details-button:hover{background:#34d399;color:#1a1a1a}[data-theme=dark] .toggle-detailed-button{background-color:#34495e;border:1px solid #4a6278;color:#ecf0f1}[data-theme=dark] .toggle-detailed-button:hover{background-color:#4a6278;color:#ecf0f1}[data-theme=dark] .currency-symbol{background-color:#34495e;border-right:1px solid #2c3e50;color:#ecf0f1}[data-theme=dark] .note-quantity{background-color:#34495e;border-left:1px solid #2c3e50;color:#ecf0f1}[data-theme=dark] .notes-total{border-top:1px solid #4a6278;color:#ecf0f1}[data-theme=dark] .notes-total-value{color:#34d399;font-weight:700}.cash-closed-message{text-align:center;margin:1rem 0}.cash-closed-message p{color:#666;font-size:1rem}[data-theme=dark] .cash-closed-message p{color:#bdc3c7}.note-input-group label:hover,.note-input-group:hover label{color:#555!important}.form-group label:hover,.form-group:hover label,.change-amount-header label:hover,.change-amount-header:hover label{color:#333!important}[data-theme=dark] .note-input-group label:hover,[data-theme=dark] .note-input-group:hover label,[data-theme=dark] .form-group label:hover,[data-theme=dark] .form-group:hover label,[data-theme=dark] .change-amount-header label:hover,[data-theme=dark] .change-amount-header:hover label{color:#bdc3c7!important}[data-theme=dark] .cash-modal-footer{border-top:1px solid #34495e}[data-theme=dark] .pin-group{background:#374151;border-color:#4b5563}[data-theme=dark] .pin-group label{color:#f3f4f6}[data-theme=dark] .pin-input{background:#4b5563;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .pin-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}[data-theme=dark] .toggle-pin-visibility{color:#9ca3af}[data-theme=dark] .toggle-pin-visibility:hover{color:#f3f4f6;background:#6b7280}[data-theme=dark] .pin-error{color:#fca5a5}.close-cash-modal{max-width:520px}.summary-fechamento{background-color:var(--bg-tertiary, #f9fafb);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--border-color, #e5e7eb)}.summary-fechamento p{margin:.5rem 0;font-size:1rem;color:var(--text-secondary, #4b5563);display:flex;justify-content:space-between;align-items:center}.summary-fechamento p strong{color:var(--text-primary, #1f2937);font-weight:600}.summary-fechamento .difference{font-size:1.1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color-alt, #d1d5db)}.summary-fechamento .difference strong{display:inline-flex;align-items:center;gap:.3rem}.summary-fechamento .difference.positive strong{color:var(--success-color, #10b981)}.summary-fechamento .difference.negative strong{color:var(--error-color, #ef4444)}.summary-fechamento .difference.positive svg{color:var(--success-color, #10b981)}.summary-fechamento .difference.negative svg{color:var(--error-color, #ef4444)}.summary-fechamento .difference svg{margin-left:.25rem}[data-theme=dark] .summary-fechamento{background-color:var(--dark-bg-tertiary, #374151);border:1px solid var(--dark-border-color, #4b5563)}[data-theme=dark] .summary-fechamento p{color:var(--dark-text-secondary, #9ca3af)}[data-theme=dark] .summary-fechamento p strong{color:var(--dark-text-primary, #e5e7eb)}[data-theme=dark] .summary-fechamento .difference.positive strong{color:var(--dark-success-color, #34d399)}[data-theme=dark] .summary-fechamento .difference.negative strong{color:var(--dark-error-color, #f87171)}[data-theme=dark] .summary-fechamento .difference.positive svg{color:var(--dark-success-color, #34d399)}[data-theme=dark] .summary-fechamento .difference.negative svg{color:var(--dark-error-color, #f87171)}.close-cash-modal .cash-modal-header,.close-cash-modal .submit-button{background:linear-gradient(135deg,#ef4444,#f59e0b)}.close-cash-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem;pointer-events:auto}.caixa-interface .close-cash-modal-overlay{position:absolute;z-index:1000}.sangrias-section{margin:1rem 0;padding:1rem;background-color:var(--bg-quaternary, #fef3f2);border:1px solid var(--error-border, #fecaca);border-radius:8px}.sangrias-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-weight:600;color:var(--error-color, #dc2626)}.sangria-icon{color:var(--error-color, #dc2626)}.sangrias-list{display:flex;flex-direction:column;gap:.5rem}.sangria-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:.9rem}.sangria-time{color:var(--text-tertiary, #6b7280);font-size:.85rem;min-width:60px}.sangria-value{font-weight:600;color:var(--error-color, #dc2626);min-width:80px;text-align:right}.sangria-reason{flex:1;margin-left:.75rem;color:var(--text-secondary, #4b5563);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sangrias-total{margin-top:.5rem;padding:.5rem;background-color:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:6px;text-align:right;color:var(--error-color, #dc2626)}[data-theme=dark] .sangrias-section{background-color:var(--dark-bg-quaternary, #451a1a);border-color:var(--dark-error-border, #7f1d1d)}[data-theme=dark] .sangrias-title,[data-theme=dark] .sangria-icon{color:var(--dark-error-color, #f87171)}[data-theme=dark] .sangria-item{background-color:var(--dark-bg-primary, #1f2937);border-color:var(--dark-border-color, #4b5563)}[data-theme=dark] .sangria-time{color:var(--dark-text-tertiary, #9ca3af)}[data-theme=dark] .sangria-value{color:var(--dark-error-color, #f87171)}[data-theme=dark] .sangria-reason{color:var(--dark-text-secondary, #d1d5db)}[data-theme=dark] .sangrias-total{background-color:var(--dark-error-bg, #7f1d1d);border-color:var(--dark-error-border, #991b1b);color:var(--dark-error-color, #f87171)}.pagination-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary, #f8fafc);border-radius:12px;margin-top:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.pagination-info{font-size:.875rem;color:var(--text-secondary, #64748b)}.pagination-info strong{color:var(--text-primary, #1e293b);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);border-radius:8px;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b);transition:all .2s ease}.pagination-page:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.pagination-page.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.pagination-ellipsis{padding:0 .5rem;color:var(--text-secondary, #64748b);font-weight:500}.pagination-per-page{display:flex;align-items:center;gap:.5rem}.pagination-per-page label{font-size:.875rem;color:var(--text-secondary, #64748b)}.pagination-per-page select{padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--bg-primary, #ffffff);font-size:.875rem;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .2s ease}.pagination-per-page select:hover{border-color:var(--primary-color, #3b82f6)}.pagination-per-page select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.pagination-container{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{order:3;text-align:center;width:100%}.pagination-controls{order:1;width:100%;justify-content:center}.pagination-per-page{order:2;width:100%;justify-content:center}.pagination-pages{margin:0 .25rem}.pagination-btn,.pagination-page{width:32px;height:32px;min-width:32px}}@media(max-width:480px){.pagination-pages{display:none}.pagination-controls{gap:.5rem}.pagination-btn{width:40px;height:40px}}@media(prefers-color-scheme:dark){.pagination-container{background:var(--bg-secondary-dark, #1e293b);border-color:var(--border-color-dark, #334155)}.pagination-btn,.pagination-page{background:var(--bg-primary-dark, #0f172a);border-color:var(--border-color-dark, #334155);color:var(--text-secondary-dark, #94a3b8)}.pagination-page:hover{background:var(--bg-hover-dark, #334155)}.pagination-per-page select{background:var(--bg-primary-dark, #0f172a);border-color:var(--border-color-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}}.sangria-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.sangria-modal{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.sangria-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);position:relative}.sangria-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1f2937);flex:1}.close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:var(--bg-primary, #ffffff);border-radius:50%;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.close-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 8px #00000026}.sangria-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary, #1f2937);background:var(--bg-hover, #f9fafb)}.tab-btn.active{color:var(--primary-color, #3b82f6);border-bottom-color:var(--primary-color, #3b82f6);background:var(--bg-primary, #ffffff)}.sangria-content{flex:1;overflow-y:auto;padding:2rem}.nova-sangria{max-width:500px;margin:0 auto}.sangria-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937)}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;font-size:1rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.warning-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;color:#92400e;font-size:.875rem;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.confirmation-dialog{text-align:center;padding:2rem}.confirmation-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.confirmation-dialog h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.confirmation-dialog p{margin:0 0 1rem;color:var(--text-secondary, #6b7280);line-height:1.6}.confirmation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.historico-sangria{display:flex;flex-direction:column;gap:2rem}.filtros-section{background:var(--bg-secondary, #f9fafb);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb)}.filtros-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.filtro-group{display:flex;flex-direction:column;gap:.25rem}.filtro-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.filtro-group input{padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.375rem;font-size:.875rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937)}.filtros-actions{display:flex;gap:.75rem;justify-content:flex-end}.historico-list{min-height:300px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #6b7280)}.spinner{width:2rem;height:2rem;border:2px solid var(--border-color, #e5e7eb);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #6b7280)}.empty-state p{margin:1rem 0 0;font-size:1rem}.sangrias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.sangria-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.sangria-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 4px 6px -1px #0000001a}.sangria-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sangria-valor{font-size:1.25rem;font-weight:700;color:var(--success-color, #059669)}.sangria-data{font-size:.875rem;color:var(--text-secondary, #6b7280)}.sangria-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.sangria-motivo{padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;font-size:.875rem;color:var(--text-primary, #1f2937);line-height:1.4;border-left:3px solid var(--primary-color, #3b82f6)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark, #2563eb);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-primary, #ffffff);color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover, #f9fafb);border-color:var(--text-secondary, #6b7280);color:var(--text-primary, #1f2937)}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--warning-color, #f59e0b);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-warning:hover:not(:disabled){background:var(--warning-color-dark, #d97706);transform:translateY(-1px)}.btn-warning:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.sangria-overlay{padding:.5rem}.sangria-modal{max-height:95vh}.sangria-header{padding:1rem 1.5rem}.sangria-header h2{font-size:1.25rem}.sangria-content{padding:1.5rem}.filtros-grid,.sangrias-grid{grid-template-columns:1fr}.form-actions,.confirmation-actions,.filtros-actions{flex-direction:column}.sangria-header-card{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.sangria-tabs{flex-direction:column}.tab-btn{justify-content:center;padding:.75rem 1rem}.sangria-content,.filtros-section{padding:1rem}}.dark .sangria-modal{background:var(--bg-primary-dark, #1e293b);border:1px solid var(--border-color-dark, #334155)}.dark .sangria-header{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155)}.dark .sangria-header h2{color:var(--text-primary-dark, #f1f5f9)}.dark .close-btn{color:var(--text-secondary-dark, #94a3b8)}.dark .close-btn:hover{background:var(--bg-hover-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}.dark .sangria-tabs{background:var(--bg-primary-dark, #1e293b);border-color:var(--border-color-dark, #334155)}.dark .tab-btn{color:var(--text-secondary-dark, #94a3b8)}.dark .tab-btn:hover{color:var(--text-primary-dark, #f1f5f9);background:var(--bg-hover-dark, #334155)}.dark .tab-btn.active{color:var(--primary-color, #60a5fa);border-bottom-color:var(--primary-color, #60a5fa);background:var(--bg-primary-dark, #1e293b)}.dark .form-group label{color:var(--text-primary-dark, #f1f5f9)}.dark .form-group input,.dark .form-group textarea{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}.dark .form-group input:focus,.dark .form-group textarea:focus{border-color:var(--primary-color, #60a5fa);box-shadow:0 0 0 3px #60a5fa1a}.dark .filtros-section{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155)}.dark .filtros-section h3{color:var(--text-primary-dark, #f1f5f9)}.dark .filtro-group label{color:var(--text-secondary-dark, #94a3b8)}.dark .filtro-group input{background:var(--bg-primary-dark, #1e293b);border-color:var(--border-color-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}.dark .sangria-card{background:var(--bg-secondary-dark, #0f172a);border-color:var(--border-color-dark, #334155)}.dark .sangria-card:hover{border-color:var(--primary-color, #60a5fa)}.dark .sangria-data,.dark .detail-item{color:var(--text-secondary-dark, #94a3b8)}.dark .sangria-motivo{background:var(--bg-primary-dark, #1e293b);color:var(--text-primary-dark, #f1f5f9);border-left-color:var(--primary-color, #60a5fa)}.dark .btn-secondary{background:var(--bg-secondary-dark, #0f172a);color:var(--text-secondary-dark, #94a3b8);border-color:var(--border-color-dark, #334155)}.dark .btn-secondary:hover{background:var(--bg-hover-dark, #334155);border-color:var(--text-secondary-dark, #94a3b8);color:var(--text-primary-dark, #f1f5f9)}.sangria-modal{max-width:900px}.nova-sangria{max-width:100%;margin:0}.sangria-form-horizontal{display:flex;flex-direction:column;gap:1.25rem}.sangria-form-horizontal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sangria-form-horizontal .form-group-full{grid-column:1 / -1}.valor-sugerido-badge{display:inline-block;margin-left:.75rem;padding:.25rem .5rem;background:#10b9811a;color:#059669;border-radius:.25rem;font-size:.75rem;font-weight:600}.input-with-suggestion{display:flex;gap:.5rem;align-items:stretch}.input-with-suggestion input{flex:1}.btn-usar-sugestao{padding:.5rem .75rem;background:#059669;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-usar-sugestao:hover{background:#047857}.loading-sugestao{font-size:.75rem;color:var(--text-secondary, #6b7280);font-style:italic;margin-top:.25rem}.warning-message.warning-danger{background:#ef44441a;border-color:#ef44444d;color:#991b1b}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}@media(max-width:768px){.sangria-modal{max-width:100%}.sangria-form-horizontal .form-row{grid-template-columns:1fr;gap:1rem}.input-with-suggestion{flex-direction:column}.btn-usar-sugestao{width:100%;padding:.625rem}.valor-sugerido-badge{display:block;margin-left:0;margin-top:.25rem}}.dark .valor-sugerido-badge{background:#34d3991a;color:#34d399}.dark .btn-usar-sugestao{background:#34d399;color:#1f2937}.dark .btn-usar-sugestao:hover{background:#10b981}.dark .warning-message.warning-danger{background:#ef444426;border-color:#ef444466;color:#fca5a5}.dark .btn-danger{background:#f87171;color:#1f2937}.dark .btn-danger:hover:not(:disabled){background:#ef4444}.caixa-page{position:relative;display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:var(--bg-secondary)}.left-expand-icon{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:1000;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.left-expand-icon:hover{background:var(--primary-color-dark, #2563eb);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003}.dark .left-expand-icon,[data-theme=dark] .left-expand-icon{background:#3b82f6!important;color:#fff!important;box-shadow:0 4px 12px #3b82f666}.dark .left-expand-icon:hover,[data-theme=dark] .left-expand-icon:hover{background:#2563eb!important;box-shadow:0 6px 16px #3b82f680}.left-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1200;display:flex;align-items:stretch}.left-panel{width:400px;max-width:90vw;background:var(--bg-primary, #ffffff);box-shadow:2px 0 20px #0000001a;display:flex;flex-direction:column;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.left-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f8fafc)}.left-panel-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.close-left-panel-btn{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.close-left-panel-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.left-panel-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.left-panel-section{display:flex;flex-direction:column;gap:1rem}.left-panel-section .section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.left-panel-section .section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.left-panel-section .section-header svg{color:var(--primary-color, #000000)}.left-panel-search{display:flex;flex-direction:column;gap:1rem}.left-panel-search .search-input-container{position:relative;width:100%}.left-panel-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280);z-index:1;pointer-events:none}.left-panel-search .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:1rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s ease;position:relative;z-index:2;pointer-events:auto!important}.left-panel-search .search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.left-panel-products-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.left-panel-product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.left-panel-product-item:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #0000001a}.product-image-container{flex-shrink:0;width:50px;height:50px;border-radius:.375rem;overflow:hidden;background:var(--bg-secondary, #f8fafc);display:flex;align-items:center;justify-content:center}.product-image-container .product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{color:var(--text-secondary, #6b7280)}.product-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.product-details .product-name{font-weight:600;color:var(--text-primary, #1f2937);font-size:.875rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;margin-bottom:2px}.product-category{font-size:.6875rem;color:var(--text-secondary, #6b7280);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.product-info-row{display:flex;align-items:center;gap:.75rem;font-size:.75rem;flex-wrap:wrap}.product-price{font-weight:600;color:var(--success-color, #059669)}.product-stock{color:var(--text-secondary, #6b7280)}.product-stock.low{color:var(--warning-color, #f59e0b)}.product-stock.empty{color:var(--danger-color, #dc2626)}.product-expired{color:var(--danger-color, #dc2626);font-weight:500}.add-product-btn-simple{flex-shrink:0;width:36px;height:36px;background:#059669;color:#fff;border:2px solid #059669;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.add-product-btn-simple svg{width:20px;height:20px;stroke-width:2.5;color:#fff}.add-product-btn-simple:hover{background:#047857;border-color:#047857;transform:scale(1.15);box-shadow:0 4px 12px #05966966}.add-product-btn-simple:active{transform:scale(1.05)}.add-product-btn-simple.disabled{background:#6b7280;border-color:#6b7280;cursor:not-allowed;transform:none;opacity:.5}.add-product-btn-simple.disabled:hover{background:#6b7280;border-color:#6b7280;transform:none;box-shadow:none}.dark .add-product-btn-simple,[data-theme=dark] .add-product-btn-simple{background:#34d399!important;border-color:#34d399!important;color:#1f2937!important}.dark .add-product-btn-simple svg,[data-theme=dark] .add-product-btn-simple svg{color:#1f2937!important}.dark .add-product-btn-simple:hover,[data-theme=dark] .add-product-btn-simple:hover{background:#10b981!important;border-color:#10b981!important;box-shadow:0 4px 12px #34d39966}.dark .add-product-btn-simple.disabled,[data-theme=dark] .add-product-btn-simple.disabled{background:#52525b!important;border-color:#52525b!important;color:#a1a1aa!important}.dark .add-product-btn-simple.disabled svg,[data-theme=dark] .add-product-btn-simple.disabled svg{color:#a1a1aa!important}.lote-selection-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.lote-selection-info{margin-bottom:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:.5rem;border-left:4px solid #007bff}.lote-selection-info p{margin:0;color:#495057;font-size:.875rem}.lotes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.lote-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #dee2e6;border-radius:.5rem;background-color:#fff;transition:all .2s}.lote-item:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.lote-item.expired{border-color:#dc3545;background-color:#fff5f5}.lote-item.expiring{border-color:#ffc107;background-color:#fffbf0}.lote-info{flex:1;min-width:0}.lote-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.lote-code{font-weight:600;color:#495057}.lote-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.lote-status-badge.good{background-color:#d4edda;color:#155724}.lote-status-badge.expiring{background-color:#fff3cd;color:#856404}.lote-status-badge.expired{background-color:#f8d7da;color:#721c24}.lote-details{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6c757d}.lote-quantity-selector{display:flex;align-items:center;gap:.5rem}.quantity-btn{width:2rem;height:2rem;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;color:#495057;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quantity-btn:hover:not(:disabled){background-color:#007bff;color:#fff;border-color:#007bff}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:4rem;padding:.5rem;border:1px solid #dee2e6;border-radius:.25rem;text-align:center;font-size:.875rem}.quantity-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.lote-selection-summary{padding:.75rem;background-color:#e9ecef;border-radius:.5rem;text-align:center}.lote-selection-summary p{margin:0;font-weight:600;color:#495057}.loading-state,.no-results,.search-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.25rem;text-align:center;color:var(--text-secondary, #6b7280)}.loading-state p,.no-results p,.search-hint p{margin:.5rem 0 .25rem;font-weight:500;color:var(--text-primary, #1f2937)}.no-results span,.search-hint span{font-size:.75rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.left-panel{width:100vw;max-width:100vw}.left-expand-icon{left:5px;width:36px;height:36px}.desktop-search-section{display:none!important}.mobile-panel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937)}.left-panel-product-item{padding:.75rem;gap:.75rem}.product-image-container{width:40px;height:40px}.product-details .product-name{font-size:.8rem}.product-info-row{font-size:.7rem;gap:.5rem}.add-product-btn-simple{width:28px;height:28px}}@media(min-width:769px){.desktop-search-section{display:block!important}.mobile-panel-title{font-size:1.25rem}.search-content-container{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.scanner-container{flex:0 0 auto;min-width:300px;max-width:400px}.product-search-container{flex:1;min-width:300px}}@media(min-width:1200px){.search-content-container{gap:3rem}.scanner-container{min-width:350px;max-width:450px}.product-search-container{min-width:400px}}@media(max-width:1024px)and (min-width:769px){.search-content-container{flex-direction:column;gap:1.5rem}.scanner-container,.product-search-container{width:100%;max-width:none;min-width:auto}}@media(max-width:768px){.caixa-page{height:auto;min-height:calc(100vh - 60px);overflow:visible}}.caixa-page.loading-caixa{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-primary)}.spin-animation{animation:spin 2s linear infinite}.caixa-locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;color:#fff;text-align:center;padding:2rem}.caixa-locked-message{background:var(--bg-primary-dark, #2c3e50);padding:2.5rem;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:450px}.caixa-locked-message h2{font-size:1.75rem;margin-bottom:.5rem}.caixa-locked-message p{font-size:1rem;color:var(--text-secondary-dark, #bdc3c7);line-height:1.6}.caixa-locked-message .btn-primary{margin-top:1rem;padding:.8rem 1.8rem;font-size:1rem}.caixa-interface.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.caixa-interface{display:flex;flex-direction:column;height:100%}.caixa-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:var(--bg-primary);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;gap:1rem}.header-info{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:1rem}.header-title svg{color:#3b82f6}.header-title h1{margin:0 0 .25rem;font-size:1.875rem;font-weight:700;color:#000}.header-title p{margin:0;font-size:1rem;color:#000}.header-stats{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0}.btn-sangria,.btn-fechar-caixa{padding:.75rem 1rem;font-size:.875rem;border-radius:.5rem;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;flex-shrink:0;border:none;cursor:pointer;transition:all .2s ease;font-weight:600}.btn-fechar-caixa{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-fechar-caixa:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-sangria{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-sangria:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.dark .stat-card{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 6px -1px #0000004d}.stat-card svg{flex-shrink:0}.stat-value{display:block;font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{display:block;font-size:.875rem;color:var(--text-primary)!important;opacity:.9;font-weight:500}.caixa-content{display:flex;flex-direction:column;padding:2rem;padding-right:400px;flex:1;min-height:0}.search-section{display:flex;flex-direction:column;overflow:hidden;min-height:0}.dark .search-section{color:#f1f5f9}.carrinho-section{position:fixed;top:120px;right:15px;width:360px;bottom:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.carrinho-section .section-header{flex-shrink:0;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.carrinho-section .carrinho-compras{flex:1;display:flex;flex-direction:column;overflow:hidden;border:none;border-radius:0;box-shadow:none;min-height:0}.carrinho-section .carrinho-items{flex:1;overflow-y:auto;padding:.5rem 0;min-height:100px}.carrinho-section .carrinho-summary{flex-shrink:0;background:#f9fafb;border-top:2px solid #e5e7eb;padding:1rem}.carrinho-section .checkout-actions{flex-shrink:0;background:#fff;border-top:1px solid var(--border-color);padding:1rem}.carrinho-section.minimized{transform:translate(100%);width:0;overflow:hidden}.carrinho-section.minimized .section-header,.carrinho-section.minimized .carrinho-resumo{display:none}.carrinho-floating-icon{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:50px;height:40px;background:#3b82f6;color:#fff;border:none;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;z-index:1002;font-size:1.2rem}.carrinho-section.minimized+.carrinho-floating-icon,.carrinho-floating-icon.show{display:flex}.carrinho-floating-icon:hover{background:#2563eb;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #3b82f666}.dark .carrinho-floating-icon{background:#60a5fa;color:#1f2937;box-shadow:0 4px 12px #60a5fa4d}.dark .carrinho-floating-icon:hover{background:#3b82f6;box-shadow:0 6px 16px #60a5fa66}.carrinho-toggle{position:absolute;top:50%;left:-45px;transform:translateY(-50%);width:45px;height:70px;background:#fff;border:1px solid #e5e7eb;border-right:none;border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-4px 0 12px #00000026;transition:all .3s ease;z-index:1001}.carrinho-section.minimized .carrinho-toggle{left:-50px;background:#059669;color:#fff;border-color:#047857;box-shadow:-4px 0 12px #0596694d;width:50px;height:80px}.carrinho-toggle:hover{background:#f8fafc;transform:translateY(-50%) translate(-2px)}.carrinho-section.minimized .carrinho-toggle:hover{background:#047857;transform:translateY(-50%) translate(-2px)}.dark .carrinho-section.minimized .carrinho-toggle{background:#34d399;border-color:#10b981;color:#1f2937}.dark .carrinho-section.minimized .carrinho-toggle:hover{background:#10b981}.carrinho-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#059669;font-weight:600;font-size:.875rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#1f2937}.section-header p{margin:0;font-size:.875rem;color:#6b7280}.total-preview{font-size:1.125rem;font-weight:700;color:#059669;padding:.5rem 1rem;background:#0596691a;border-radius:.5rem}.clear-cart-btn-header{display:flex;align-items:center;justify-content:center;padding:.625rem;background:transparent;color:#ef4444;border:2px solid #ef4444;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:40px;height:40px}.clear-cart-btn-header:hover{background:#ef4444;color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #ef44444d}.clear-cart-btn-header:active{transform:translateY(0) scale(1)}.dark .clear-cart-btn-header{background:transparent;color:#f87171;border-color:#f87171}.dark .clear-cart-btn-header:hover{background:#ef4444;color:#fff;border-color:#ef4444}.vendas-recentes{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.dark .vendas-recentes{background:#374151;border-color:#4b5563}.vendas-recentes h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.vendas-list{display:flex;flex-direction:column;gap:.75rem}.venda-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border-left:3px solid #3b82f6}.dark .venda-item{background:#4b5563;border-left-color:#60a5fa}.venda-info{display:flex;flex-direction:column;gap:.25rem}.venda-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.dark .venda-time{color:#d1d5db}.venda-value{font-size:1rem;font-weight:600;color:#059669}.venda-payment{font-size:.875rem;color:#374151;padding:.25rem .75rem;background:#e5e7eb;border-radius:1rem}.dark .venda-payment{color:#f1f5f9;background:#6b7280}.checkout-actions{margin-top:1rem;flex-shrink:0;padding:0 2rem 1rem}.finalizar-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.dark .finalizar-btn{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 6px -1px #0000004d}.checkout-actions[style*="position: sticky"] .finalizar-btn,.caixa-page.list .finalizar-btn{box-shadow:0 4px 12px #0596694d;font-weight:700}.finalizar-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.dark .finalizar-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 15px -3px #0000004d}@media(max-width:1200px){.carrinho-section{width:320px;right:10px}.caixa-content{padding-right:350px}}.dark .caixa-page{background:#0f172a}.dark .caixa-header{background:#1e293b;border-color:#334155}.dark .header-title h1{color:#f1f5f9}.dark .header-title p{color:#94a3b8}.dark .section-header h2{color:#f1f5f9}.dark .section-header p{color:#94a3b8}.dark .vendas-recentes{background:#1e293b;border-color:#334155}.dark .vendas-recentes h3{color:#f1f5f9}.dark .venda-item{background:#334155;border-color:#60a5fa}.dark .venda-time{color:#94a3b8}.dark .venda-payment{background:#475569;color:#e2e8f0}.dark .carrinho-section{background:#1e293b;border-color:#334155}.dark .carrinho-toggle{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark .carrinho-toggle:hover{background:#334155}.dark .carrinho-indicator{color:#34d399}.dark .total-preview{background:#34d3991a;color:#34d399}.dark .checkout-actions{background:#1e293b!important;border-color:#334155;z-index:1100!important}.btn-sangria:disabled,.btn-fechar-caixa:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.dark .btn-sangria:disabled,.dark .btn-fechar-caixa:disabled{background:#6b7280}@media(max-width:768px){.caixa-header{padding:1rem;flex-direction:column;align-items:stretch}.header-info{flex-direction:column;align-items:stretch;gap:1rem}.header-title{justify-content:center;text-align:center}.header-title h1{font-size:1.5rem}.header-stats{flex-direction:column;gap:.75rem;width:100%}.stat-card{width:100%;justify-content:center;padding:.75rem 1rem}.btn-sangria,.btn-fechar-caixa{width:100%;padding:.875rem 1rem;font-size:.875rem;min-height:48px}.desktop-search-section{display:block!important}.search-content-container{display:flex;flex-direction:column;gap:1rem}.scanner-container,.product-search-container{width:100%}.caixa-content{padding:1rem}.carrinho-section{position:fixed;top:auto;bottom:0;right:0;left:0;width:100%;height:auto;max-height:70vh;border-radius:12px 12px 0 0;transform:translateY(calc(100% - 120px));transition:transform .3s ease;z-index:1002}.carrinho-section:not(.minimized){transform:translateY(0)}.carrinho-section .carrinho-summary,.carrinho-section .checkout-actions{display:flex!important;flex-direction:column;background:var(--bg-primary, #ffffff);padding:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.carrinho-section.minimized .carrinho-summary,.carrinho-section.minimized .checkout-actions{display:flex!important}.carrinho-section.minimized .carrinho-items{display:none}.carrinho-toggle{position:absolute;top:-45px;left:50%;transform:translate(-50%);width:70px;height:45px;border-radius:12px 12px 0 0;border-bottom:none;box-shadow:0 -4px 12px #00000026}.carrinho-section.minimized .carrinho-toggle{background:#059669;color:#fff;border-color:#047857}.carrinho-floating-icon{display:flex!important;position:fixed;bottom:20px;right:20px;z-index:1003}}@media(max-width:1024px)and (min-width:769px){.header-stats{gap:.75rem}.stat-card{padding:.75rem 1rem}.btn-sangria,.btn-fechar-caixa{padding:.625rem .875rem;font-size:.8rem;min-height:44px}.caixa-content{padding-right:360px}.carrinho-section{width:340px;right:10px}.finalizar-btn{position:sticky;bottom:0;z-index:10;margin-top:auto}}@media(max-width:1200px)and (min-width:1025px){.caixa-content{padding-right:380px}.carrinho-section{width:360px;right:10px}.finalizar-btn{position:sticky;bottom:0;z-index:10;margin-top:auto}}@media(max-width:480px){.header-title h1{font-size:1.25rem}.header-title p{font-size:.875rem}.stat-card{padding:.625rem .875rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.75rem}.btn-sangria,.btn-fechar-caixa{padding:.75rem;font-size:.8rem;min-height:44px}.btn-sangria svg,.btn-fechar-caixa svg{width:16px;height:16px}}@media(max-width:1440px){.carrinho-section{width:340px;right:15px}.caixa-content{padding-right:375px;padding-left:1.5rem;padding-top:1.5rem}.caixa-header{padding:1.25rem 1.5rem}.header-title h1{font-size:1.5rem}.stat-card{padding:.75rem 1rem}.stat-value{font-size:1.1rem}}@media(max-width:1366px){.carrinho-section{width:300px;right:10px;top:110px;height:calc(100vh - 130px)}.caixa-content{padding-right:330px;padding-left:1rem;padding-top:1rem}.caixa-header{padding:1rem 1.25rem;gap:.75rem}.header-title h1{font-size:1.35rem}.header-title p{font-size:.875rem}.header-stats{gap:.75rem}.stat-card{padding:.625rem .875rem;gap:.5rem}.stat-value{font-size:1rem}.stat-label{font-size:.75rem}.btn-sangria,.btn-fechar-caixa{padding:.625rem .875rem;font-size:.8rem;min-height:42px}.carrinho-section .section-header{padding:1rem}.carrinho-section .section-header h2{font-size:1rem}.total-preview{font-size:1rem;padding:.375rem .75rem}.clear-cart-btn-header{width:36px;height:36px;padding:.5rem}.carrinho-toggle{left:-40px;width:40px;height:60px}.section-header h2{font-size:1.1rem}.section-header p{font-size:.8rem}.left-panel{width:350px}.left-panel-header{padding:1rem}.left-panel-content{padding:1rem;gap:1.5rem}}@media(max-width:1280px){.carrinho-section{width:280px;right:8px}.caixa-content{padding-right:300px;padding-left:.75rem}.caixa-header{padding:.875rem 1rem}.header-title h1{font-size:1.25rem}.stat-card{padding:.5rem .75rem}.stat-value{font-size:.95rem}.btn-sangria,.btn-fechar-caixa{padding:.5rem .75rem;font-size:.75rem;min-height:38px}.carrinho-section .section-header{padding:.875rem}.total-preview{font-size:.95rem}.finalizar-btn{padding:.875rem 1rem;font-size:1rem}.checkout-actions{padding:0 1rem .75rem}}@media(max-width:1024px){.carrinho-section{position:fixed;width:350px;right:-360px;top:0;height:100vh;transition:right .3s ease;z-index:1100;border-radius:0;border-left:1px solid var(--border-color)}.carrinho-section.open{right:0}.caixa-content{padding-right:1rem}.carrinho-floating-icon{display:flex!important;right:15px;bottom:20px;top:auto;transform:none;width:56px;height:56px;border-radius:50%;font-size:1.5rem}.carrinho-toggle{display:none}}.caixa-pagination{padding:.75rem;margin-top:.5rem;background:var(--bg-primary, #ffffff);border-radius:8px;flex-wrap:wrap;gap:.5rem}.caixa-pagination .pagination-info{font-size:.75rem}.caixa-pagination .pagination-btn,.caixa-pagination .pagination-page{width:28px;height:28px;min-width:28px;font-size:.75rem}.caixa-pagination .pagination-pages{margin:0 .25rem}.left-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;max-height:calc(100vh - 80px)}.left-panel-products-list{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow-y:auto;padding-right:.5rem}.left-panel-content::-webkit-scrollbar,.left-panel-products-list::-webkit-scrollbar{width:6px}.left-panel-content::-webkit-scrollbar-track,.left-panel-products-list::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f5f9);border-radius:3px}.left-panel-content::-webkit-scrollbar-thumb,.left-panel-products-list::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:3px}.left-panel-content::-webkit-scrollbar-thumb:hover,.left-panel-products-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #94a3b8)}.scanner-container,.product-search-container{max-height:60vh;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.left-panel{height:100vh;max-height:100vh}.left-panel-content{max-height:calc(100vh - 70px);padding:1rem;gap:1.5rem}.left-panel-products-list{max-height:40vh}.caixa-content{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 180px);padding-bottom:100px}.scanner-container,.product-search-container{max-height:none;overflow:visible}.search-section{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px);padding-bottom:20px}.barcode-scanner{max-height:50vh;overflow-y:auto}.scan-history{max-height:150px;overflow-y:auto}.history-list{max-height:120px}}@media(max-width:1024px)and (min-width:769px){.left-panel-content{max-height:calc(100vh - 80px)}.left-panel-products-list{max-height:45vh}.caixa-content{overflow-y:auto;max-height:calc(100vh - 150px)}}.dark .left-panel-content::-webkit-scrollbar-track,.dark .left-panel-products-list::-webkit-scrollbar-track,[data-theme=dark] .left-panel-content::-webkit-scrollbar-track,[data-theme=dark] .left-panel-products-list::-webkit-scrollbar-track{background:#1e293b}.dark .left-panel-content::-webkit-scrollbar-thumb,.dark .left-panel-products-list::-webkit-scrollbar-thumb,[data-theme=dark] .left-panel-content::-webkit-scrollbar-thumb,[data-theme=dark] .left-panel-products-list::-webkit-scrollbar-thumb{background:#475569}.dark .left-panel-content::-webkit-scrollbar-thumb:hover,.dark .left-panel-products-list::-webkit-scrollbar-thumb:hover,[data-theme=dark] .left-panel-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .left-panel-products-list::-webkit-scrollbar-thumb:hover{background:#64748b}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.section-header-left{flex:1;min-width:200px}.section-header-left h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.section-header-left p{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.btn-open-search-panel{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff!important;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #60a5fa4d;white-space:nowrap}.btn-open-search-panel span,.btn-open-search-panel svg{color:#fff!important;fill:#fff!important}.light .btn-open-search-panel,.light .btn-open-search-panel span,.light .btn-open-search-panel svg,[data-theme=light] .btn-open-search-panel,[data-theme=light] .btn-open-search-panel span,[data-theme=light] .btn-open-search-panel svg{color:#fff!important;fill:#fff!important}.btn-open-search-panel:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #60a5fa66}.btn-open-search-panel:active{transform:translateY(0)}.dark .section-header-left h2{color:var(--text-primary-dark, #f1f5f9)}.dark .section-header-left p{color:var(--text-secondary-dark, #94a3b8)}.dark .btn-open-search-panel{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 4px #60a5fa4d}.dark .btn-open-search-panel:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 8px #60a5fa66}@media(max-width:768px){.btn-open-search-panel span{display:none}.btn-open-search-panel{padding:.625rem;border-radius:50%;width:40px;height:40px;justify-content:center}.section-header{flex-direction:row;align-items:center}}@media(min-width:769px){.left-expand-icon{display:none!important}}.no-stock-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.no-stock-popup{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.no-stock-popup-close{position:absolute;top:12px;right:12px;background:transparent;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:50%;transition:all .2s}.no-stock-popup-close:hover{background:#f3f4f6;color:#374151}.no-stock-popup-icon{width:80px;height:80px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#ef4444}.no-stock-popup-message{font-size:1.1rem;color:#374151;line-height:1.6;margin:0;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .no-stock-popup,[data-theme=dark] .no-stock-popup{background:var(--bg-primary)}.dark .no-stock-popup-message,[data-theme=dark] .no-stock-popup-message{color:var(--text-primary)}.dark .no-stock-popup-close,[data-theme=dark] .no-stock-popup-close{color:var(--text-secondary)}.dark .no-stock-popup-close:hover,[data-theme=dark] .no-stock-popup-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.dark .no-stock-popup-icon,[data-theme=dark] .no-stock-popup-icon{background:#ef444426}.pedidos-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:var(--bg-secondary, #f8fafc);padding:1.5rem;gap:1.5rem;overflow-y:auto}.pedidos-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary, #ffffff);padding:1.5rem 2rem;border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;gap:1rem}.header-title h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-primary, #1f2937)}.header-title p{margin:.25rem 0 0;font-size:1rem;color:var(--text-secondary, #6b7280)}.btn-novo-pedido{display:inline-flex!important;align-items:center;gap:.5rem;padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none!important;border-radius:.5rem;font-size:1rem!important;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;width:auto!important;min-width:auto!important;max-width:fit-content!important;flex-shrink:0;flex-grow:0!important}.btn-novo-pedido:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.pedidos-filters{display:flex;justify-content:space-between;align-items:end;background:var(--bg-primary, #ffffff);padding:1.5rem 2rem;border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;gap:1rem}.filters-left{display:flex;flex:1;min-width:300px}.filters-right{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap}.filter-group{display:flex;flex-direction:row;gap:.5rem;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;min-width:auto;flex-shrink:0}.filter-group label{font-size:.875rem;font-weight:600;color:#1f2937;white-space:nowrap;margin:0}.search-container{position:relative;min-width:300px}.search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280);z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:1rem;background:var(--bg-primary, #ffffff);color:#1f2937!important;transition:all .2s ease}.search-input::placeholder{color:#6b7280!important;opacity:1}.search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.filter-select,.date-input{padding:.5rem .75rem;border:2px solid #d1d5db!important;border-radius:.375rem;font-size:.875rem;background:var(--bg-primary, #ffffff);color:#1f2937!important;cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select option,.date-input option{color:#1f2937!important;background:#fff!important}.filter-select:focus,.date-input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633}.date-range{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem}.date-range span{font-size:.875rem;color:var(--text-secondary, #6b7280)}.pedidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;flex:1}.pedido-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.pedido-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.pedido-info h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1f2937)}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-aberto{background-color:#3b82f6;color:#fff!important}.status-concluido{background-color:#10b981;color:#fff!important}.status-cancelado{background-color:#ef4444;color:#fff!important}.card-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:var(--bg-secondary, #f8fafc);color:#3b82f6!important;cursor:pointer;transition:all .2s ease}.btn-icon svg{stroke:#3b82f6!important;color:#3b82f6!important}.btn-icon:hover{background:var(--primary-color, #3b82f6);color:#fff!important}.btn-icon:hover svg{stroke:#fff!important;color:#fff!important}.btn-icon.btn-danger{color:#ef4444!important}.btn-icon.btn-danger svg{stroke:#ef4444!important;color:#ef4444!important}.btn-icon.btn-danger:hover{background:#ef4444;color:#fff!important}.btn-icon.btn-danger:hover svg{stroke:#fff!important;color:#fff!important}.card-content{padding:1.5rem}.pedido-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.detail-item svg{flex-shrink:0;color:var(--primary-color, #3b82f6)}.items-count{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);font-style:italic}.pedido-observacoes{margin:1rem 0;padding:.75rem;background:var(--bg-secondary, #f8fafc);border-radius:.375rem;border-left:3px solid var(--primary-color, #3b82f6)}.observacoes-text{margin:0;font-size:.875rem;color:var(--text-primary, #1f2937);line-height:1.4}.observacoes-text strong{color:var(--primary-color, #3b82f6)}.card-footer{display:flex;gap:.75rem;margin-top:1rem}.btn-success{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #6b7280);grid-column:1 / -1}.empty-state svg{margin-bottom:1rem;color:var(--text-tertiary, #9ca3af)}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.empty-state p{margin:0;font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top:4px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pedidos-page .modal-content{background:var(--bg-primary, #ffffff);border-radius:.75rem;width:100%;max-width:1400px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto}.pedidos-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0;gap:.75rem;background:var(--bg-primary, #ffffff);min-height:auto}.pedidos-page .modal-header-left{display:flex;flex-direction:row;align-items:center;gap:1rem;flex:1}.pedidos-page .modal-header h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary, #1f2937)!important;line-height:1;text-align:left;white-space:nowrap}.scanner-indicator{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:9999px;font-size:.7rem;font-weight:600;color:#fff;width:fit-content;animation:pulse-scanner 2s infinite}.scanner-indicator svg{color:#fff!important;stroke:#fff!important;width:14px;height:14px}.scanned-product{background:#fff3;padding:.1rem .4rem;border-radius:.25rem;margin-left:.2rem;animation:fadeIn .3s ease}@keyframes pulse-scanner{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.pedidos-page .btn-close{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border:1px solid #e5e7eb!important;border-radius:.375rem;background:#f8fafc!important;color:#64748b!important;cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:1!important;visibility:visible!important;z-index:10;position:relative;padding:0!important}.pedidos-page .btn-close svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2!important;opacity:1!important;visibility:visible!important;display:block!important}.pedidos-page .btn-close:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0;background:var(--bg-primary, #ffffff)}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border-color, #e5e7eb)}.pedido-form-layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;height:100%;min-height:500px}.pedido-form-left{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.pedido-form-right{position:sticky;top:0;height:fit-content;max-height:calc(95vh - 180px)}.itens-pedido-panel{background:var(--bg-secondary, #f8fafc);border:2px solid var(--border-color, #e5e7eb);border-radius:.75rem;display:flex;flex-direction:column;height:100%;max-height:calc(95vh - 200px)}.itens-pedido-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:.75rem .75rem 0 0}.itens-pedido-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:.5rem}.section-icon{color:#3b82f6!important;flex-shrink:0}.itens-count-badge{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.itens-pedido-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.itens-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary, #6b7280);height:100%;min-height:200px}.itens-empty svg{color:#d1d5db;margin-bottom:.75rem}.itens-empty p{margin:0;font-weight:600;color:var(--text-primary, #1f2937)}.itens-empty span{font-size:.875rem;margin-top:.25rem}.pedido-item-card{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.pedido-item-card .item-info{display:flex;justify-content:space-between;align-items:flex-start}.pedido-item-card .item-nome{font-weight:600;color:var(--text-primary, #1f2937);font-size:.9rem;flex:1}.pedido-item-card .item-preco-unit{font-size:.8rem;color:var(--text-secondary, #6b7280)}.pedido-item-card .item-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pedido-item-card .item-total{font-weight:700;color:#10b981;font-size:.95rem;min-width:70px;text-align:right}.btn-remove-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:#fee2e2!important;color:#ef4444!important;cursor:pointer;transition:all .2s ease}.btn-remove-item svg{stroke:#ef4444!important;color:#ef4444!important}.btn-remove-item:hover{background:#ef4444!important;color:#fff!important}.btn-remove-item:hover svg{stroke:#fff!important;color:#fff!important}.itens-pedido-footer{padding:1rem 1.25rem;border-top:2px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:0 0 .75rem .75rem}.pedido-total-box{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.5rem;color:#fff}.pedido-total-box span{font-size:1rem;font-weight:500}.pedido-total-box strong{font-size:1.25rem;font-weight:700}.form-row-inline{display:flex;gap:1rem;align-items:flex-start}.form-group-obs{flex:1}.pedido-form{display:flex;flex-direction:column;gap:2rem}.form-section h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:1rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{flex-direction:row!important;align-items:center;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.produtos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-height:400px;overflow-y:auto;padding:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;background:var(--bg-secondary, #f8fafc)}.produto-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;transition:all .2s ease;gap:.75rem}.produto-item:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 4px #0000001a}.produto-image{width:60px;height:60px;border-radius:.375rem;overflow:hidden;background:var(--bg-secondary, #f8fafc);display:flex;align-items:center;justify-content:center}.produto-image img{width:100%;height:100%;object-fit:cover}.produto-info{display:flex;flex-direction:column;gap:.25rem;text-align:center;flex:1}.produto-nome{font-weight:600;color:var(--text-primary, #1f2937)}.produto-preco{font-size:.875rem;color:var(--text-secondary, #6b7280)}.btn-add-produto{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:#3b82f6!important;color:#fff!important;cursor:pointer;transition:all .2s ease}.btn-add-produto svg{stroke:#fff!important;color:#fff!important}.btn-add-produto:hover{background:#2563eb!important;transform:scale(1.1)}.pedido-items-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;background:var(--bg-secondary, #f8fafc)}.pedido-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;gap:1rem}.item-nome{flex:1;font-weight:600;color:var(--text-primary, #1f2937)}.item-controls{display:flex;align-items:center;gap:.5rem}.btn-qty{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #3b82f6!important;border-radius:.375rem;background:#eff6ff!important;color:#3b82f6!important;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-qty:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;transform:scale(1.1)}.item-qty{min-width:30px;text-align:center;font-weight:600}.item-total{font-weight:600;color:var(--text-primary, #1f2937);min-width:80px;text-align:right}.btn-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:#ef4444!important;color:#fff!important;cursor:pointer;transition:all .2s ease}.btn-remove svg{stroke:#fff!important;color:#fff!important}.btn-remove:hover{background:#dc2626!important;transform:scale(1.1)}.pedido-total{display:flex;justify-content:flex-end;padding:1rem;border-top:1px solid var(--border-color, #e5e7eb);font-size:1.125rem}.pedido-view{display:flex;flex-direction:column;gap:2rem}.view-section{display:flex;flex-direction:column;gap:1rem}.view-section h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280)}.info-item span{font-size:1rem;color:var(--text-primary, #1f2937)}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem}.item-name{flex:1;font-weight:600}.item-qty{color:var(--text-secondary, #6b7280)}.item-price{font-weight:600;color:var(--text-primary, #1f2937)}.modal-small{max-width:500px}.valor-modal-content{display:flex;flex-direction:column;gap:1.5rem}.valor-modal-info{margin:0;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:.5rem;border-left:4px solid var(--primary-color, #3b82f6);color:var(--text-primary, #1f2937);font-size:.95rem;line-height:1.5}.valor-modal-observacoes{padding:1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:.5rem}.valor-modal-observacoes h4{margin:0 0 .5rem;font-size:1rem;color:#856404}.valor-modal-observacoes p{margin:0;color:#856404;font-size:.9rem;line-height:1.4}.valor-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:1.125rem;font-weight:600;text-align:center;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s ease}.valor-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.valor-input::placeholder{color:var(--text-tertiary, #9ca3af);font-weight:400}.dark .pedidos-page{background-color:#0f172a}.dark .pedidos-header,.dark .pedidos-filters,.dark .pedido-card,.dark .modal-content{background:#1e293b;border-color:#334155}.dark .header-title h1,.dark .form-group label,.dark .view-section h3,.dark .modal-header h2{color:#f1f5f9!important}.dark .pedidos-page .modal-header{background:#1e293b}.dark .pedidos-page .btn-close{background:#334155!important;color:#f1f5f9!important;border-color:#475569!important}.dark .pedidos-page .btn-close svg{stroke:#f1f5f9!important}.dark .pedidos-page .btn-close:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.dark .header-title p,.dark .detail-item,.dark .items-count{color:#94a3b8}.dark .search-input,.dark .filter-select,.dark .date-input,.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#334155;border-color:#475569;color:#f1f5f9!important}.dark .filter-group{background:#334155;border-color:#475569}.dark .filter-group label{color:#f1f5f9}.dark .search-input::placeholder{color:#94a3b8!important}.dark .filter-select option,.dark .date-input option{color:#f1f5f9!important;background:#334155!important}.dark .btn-icon{background:#334155;color:#94a3b8}.dark .btn-add-produto{background:#3b82f6!important;color:#fff!important}.dark .btn-add-produto svg{stroke:#fff!important;color:#fff!important}.dark .btn-add-produto:hover{background:#2563eb!important}.dark .btn-secondary{background:#334155;border-color:#475569;color:#f1f5f9}.dark .produto-item,.dark .pedido-item,.dark .item-row{background:#334155;border-color:#475569}.dark .produtos-grid,.dark .pedido-items-list,.dark .itens-pedido-panel{background:#1e293b;border-color:#334155}.dark .itens-pedido-header{background:#334155}.dark .itens-pedido-header h3,.dark .itens-empty p{color:#f1f5f9}.dark .pedido-item-card{background:#334155;border-color:#475569}.dark .pedido-item-card .item-nome{color:#f1f5f9}.dark .itens-pedido-footer{background:#334155}.dark .btn-remove-item{background:#7f1d1d!important;color:#fca5a5!important}.dark .btn-remove-item svg{stroke:#fca5a5!important}.dark .btn-qty{background:#1e3a5f!important;border-color:#3b82f6!important;color:#60a5fa!important}.dark .btn-qty:hover{background:#3b82f6!important;color:#fff!important}.dark .filter-select,.dark .date-input{border-color:#475569!important}@media(max-width:1024px){.pedido-form-layout{grid-template-columns:1fr}.pedido-form-right{position:relative;max-height:none}.itens-pedido-panel{max-height:400px}}@media(max-width:768px){.pedidos-page{padding:1rem;gap:1rem}.pedidos-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.pedidos-filters{flex-direction:column;gap:1rem}.filters-left,.filters-right{width:100%}.filters-right{justify-content:flex-start}.filter-group,.search-container{min-width:auto}.pedidos-grid{grid-template-columns:1fr;gap:1rem}.form-grid,.produtos-grid,.info-grid{grid-template-columns:1fr}.modal-content{margin:0;border-radius:0;max-height:100vh}.modal-body{padding:1rem}.modal-header,.modal-footer{padding:.75rem 1rem}.pedidos-page .modal-header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.pedidos-page .modal-header h2{font-size:1rem}.pedido-item{flex-direction:column;align-items:stretch;gap:.75rem}.item-controls{justify-content:center}.item-row{flex-direction:column;align-items:stretch;gap:.5rem}.form-row-inline{flex-direction:column}.pedido-form-layout{grid-template-columns:1fr;min-height:auto}.itens-pedido-panel{max-height:350px}}@media(max-width:480px){.header-title h1{font-size:1.5rem}.pedidos-header .btn-primary{width:auto!important;min-width:auto!important;justify-content:center}.card-header{flex-direction:column;gap:1rem;align-items:stretch}.card-actions{justify-content:center}.date-range{flex-direction:column!important;align-items:stretch}}.produtos-search-container{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;margin-bottom:1rem}.produtos-search-container svg{color:var(--text-secondary, #64748b);flex-shrink:0}.produtos-search-input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary, #1e293b);outline:none}.produtos-search-input::placeholder{color:var(--text-secondary, #94a3b8)}.modal-delete{max-width:550px!important}.modal-header-danger{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-bottom:2px solid #ef4444!important;padding:.75rem 1.25rem!important}.modal-header-danger h2{color:#dc2626!important;display:flex;align-items:center;gap:.5rem;font-size:1.1rem!important}.modal-header-danger .delete-icon{width:20px;height:20px}.delete-icon{color:#ef4444!important;stroke:#ef4444!important}.delete-modal-content{display:flex;flex-direction:column;gap:1.5rem}.delete-warning{text-align:center;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.delete-warning p{margin:0;font-size:1.1rem;font-weight:600;color:#dc2626}.delete-warning span{display:block;margin-top:.5rem;font-size:.875rem;color:#991b1b}.delete-pedido-info{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:1rem}.delete-pedido-info h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.delete-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.delete-info-item{display:flex;flex-direction:column;gap:.25rem}.delete-info-item label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase}.delete-info-item span{font-size:.9rem;color:var(--text-primary, #1f2937)}.delete-items-list{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.delete-items-list h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.delete-items-list ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary, #6b7280)}.delete-items-list li{margin-bottom:.25rem}.delete-log-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem 1rem;text-align:center}.delete-log-notice p{margin:0;font-size:.875rem;color:#1e40af}.btn-danger-confirm{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-danger-confirm:disabled{opacity:.7;cursor:not-allowed}.btn-danger-confirm svg{stroke:#fff!important}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.dark .delete-warning{background:#450a0a;border-color:#7f1d1d}.dark .delete-warning p{color:#fca5a5}.dark .delete-warning span{color:#f87171}.dark .delete-pedido-info{background:#1e293b;border-color:#334155}.dark .delete-pedido-info h4,.dark .delete-info-item span,.dark .delete-items-list h5{color:#f1f5f9}.dark .delete-log-notice{background:#1e3a5f;border-color:#1e40af}.dark .delete-log-notice p{color:#93c5fd}.dark .modal-header-danger{background:linear-gradient(135deg,#450a0a,#7f1d1d)!important}.dark .modal-header-danger h2{color:#fca5a5!important}.image-upload-container{width:100%;margin:1rem 0}.upload-zone{border:2px dashed #cbd5e1;border-radius:.75rem;padding:2rem;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.upload-zone:hover{border-color:#3b82f6;background:#f1f5f9}.upload-zone.drag-active{border-color:#059669;background:#ecfdf5;transform:scale(1.02)}.upload-zone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.upload-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-content svg{color:#64748b;transition:color .3s ease}.upload-zone:hover .upload-content svg{color:#3b82f6}.upload-zone.drag-active .upload-content svg{color:#059669}.upload-content h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.upload-content p{margin:0;color:#64748b;font-size:1rem}.upload-content small{color:#94a3b8;font-size:.875rem;line-height:1.4}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.upload-loading p{margin:0;color:#64748b;font-weight:500}.images-preview{margin-top:1.5rem}.images-preview h4{margin:0 0 1rem;color:#1e293b;font-size:1.125rem;font-weight:600}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-item{display:flex;flex-direction:column;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.image-preview{position:relative;width:100%;height:120px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-item:hover .image-preview img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.image-item:hover .image-overlay{opacity:1}.preview-btn,.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#ffffffe6;color:#374151;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background:#3b82f6;color:#fff}.remove-btn:hover{background:#ef4444;color:#fff}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.image-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.image-name{font-size:.875rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-size:.75rem;color:#64748b}.add-more-button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;border:2px dashed #cbd5e1;border-radius:.5rem;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .3s ease}.add-more-button:hover{border-color:#3b82f6;background:#f1f5f9;color:#3b82f6}.add-more-button span{margin-top:.5rem;font-size:.875rem;font-weight:500}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:1;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.close-modal:hover{background:#ef4444;border-color:#ffffff80;transform:scale(1.1)}.modal-content img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.modal-info{padding:1.5rem;background:#fff}.modal-info h3{margin:0 0 .5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-info p{margin:0;color:#64748b;font-size:.875rem}[data-theme=dark] .upload-zone{background:#0f172a;border-color:#334155}[data-theme=dark] .upload-zone:hover{background:#1e293b;border-color:#60a5fa}[data-theme=dark] .upload-zone.drag-active{background:#064e3b;border-color:#10b981}[data-theme=dark] .upload-content h3{color:#f1f5f9}[data-theme=dark] .upload-content p{color:#94a3b8}[data-theme=dark] .upload-content small{color:#64748b}[data-theme=dark] .images-preview h4{color:#f1f5f9}[data-theme=dark] .image-item,[data-theme=dark] .image-info{background:#1e293b}[data-theme=dark] .image-name{color:#f1f5f9}[data-theme=dark] .image-size{color:#94a3b8}[data-theme=dark] .add-more-button{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .add-more-button:hover{background:#1e293b;border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .modal-content,[data-theme=dark] .modal-info{background:#1e293b}[data-theme=dark] .modal-info h3{color:#f1f5f9}[data-theme=dark] .modal-info p{color:#94a3b8}@media(max-width:768px){.upload-zone{padding:1.5rem 1rem}.upload-content h3{font-size:1.125rem}.upload-content p{font-size:.875rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-preview{height:100px}.image-info{padding:.5rem}.add-more-button{height:140px}.image-preview-modal{padding:1rem}.modal-content img{max-height:60vh}.modal-info{padding:1rem}}@media(max-width:480px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.image-preview{height:80px}.image-info{padding:.375rem}.image-name{font-size:.75rem}.image-size{font-size:.625rem}.add-more-button{height:120px}.add-more-button span{font-size:.75rem}}.movimentacao-history-modal{width:90vw;max-width:1000px;max-height:90vh;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative}.movimentacao-history-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#64748b,#475569);color:#fff}.movimentacao-history-modal .header-title{display:flex;align-items:center;gap:1rem}.movimentacao-history-modal .header-title h2{margin:0;font-size:1.5rem;font-weight:600}.movimentacao-history-modal .header-title p{margin:0;opacity:1;font-size:.9rem;font-weight:500;color:#fff}.movimentacao-history-modal .close-btn{background:#fff3;border:none;border-radius:.5rem;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s}.movimentacao-history-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.movimentacao-history-modal .modal-body{flex:1;padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px);display:flex;flex-direction:column;gap:1.5rem}.movimentacao-history-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.filters-section{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid var(--border-color)}.search-input{position:relative;display:flex;align-items:center;flex:1;min-width:250px}.filter-buttons{display:flex;gap:.5rem}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:#fff;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg-secondary)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.entrada.active{background:#22c55e;border-color:#22c55e}.filter-btn.saida.active{background:#ef4444;border-color:#ef4444}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid var(--border-color);transition:all .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001a}.summary-card.entrada svg{color:#22c55e}.summary-card.saida svg{color:#ef4444}.summary-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.movements-section{background:#fff;border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden;flex:1}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state svg,.empty-state svg{color:var(--text-secondary);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.empty-state p{margin:0;color:var(--text-secondary);font-size:.9rem}.movements-list{max-height:400px;overflow-y:auto}.movement-item{display:flex;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s}.movement-item:hover{background:var(--bg-secondary)}.movement-item:last-child{border-bottom:none}.movement-item.entrada{border-left:4px solid #22c55e}.movement-item.saida{border-left:4px solid #ef4444}.movement-icon{display:flex;align-items:flex-start;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border-radius:50%;padding:.5rem;margin-top:.25rem}.movement-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.movement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.movement-info{flex:1}.movement-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.movement-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.movement-meta span{display:flex;align-items:center;gap:.25rem}.movement-quantity{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.quantity-badge{font-size:1.1rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;background:#0000000d}.stock-change{font-size:.8rem;color:var(--text-secondary);font-weight:500}.movement-notes{padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--primary-color)}.movement-notes p{margin:0;font-size:.9rem;color:var(--text-secondary);font-style:italic}.movement-values{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.unit-cost,.total-value{padding:.25rem .5rem;background:var(--bg-secondary);border-radius:.25rem;font-weight:500}.footer-info{color:var(--text-secondary);font-size:.9rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}@media(max-width:768px){.movimentacao-history-modal{width:95vw;max-height:95vh}.movimentacao-history-modal .modal-header{padding:1rem}.movimentacao-history-modal .header-title h2{font-size:1.25rem}.movimentacao-history-modal .modal-body{padding:1rem}.movimentacao-history-modal .modal-footer{padding:1rem;flex-direction:column;gap:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.filter-buttons{justify-content:center}.summary-section{grid-template-columns:1fr}.movement-header{flex-direction:column;gap:.5rem}.movement-quantity{align-items:flex-start}.movement-meta,.movement-values{flex-direction:column;gap:.5rem}}[data-theme=dark] .movimentacao-history-modal{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .movimentacao-history-modal .modal-header{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff}[data-theme=dark] .filters-section,[data-theme=dark] .summary-card,[data-theme=dark] .movements-section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .search-input input,[data-theme=dark] .filter-btn{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .movement-icon,[data-theme=dark] .movement-notes,[data-theme=dark] .unit-cost,[data-theme=dark] .total-value{background:var(--bg-primary)}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#44403cb3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;padding:1rem!important}.produto-form-modal{background:#faf7f2;border-radius:.75rem;box-shadow:0 20px 25px -5px #00000026;width:95vw;max-width:1200px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;margin:2.5vh auto;border:1px solid #e8e0d5}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e8e0d5;background:linear-gradient(135deg,#faf7f2,#f5efe6);position:relative;z-index:2;min-height:60px}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-header svg{color:#3b82f6}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;z-index:1;height:100%}.history-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.history-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;min-height:2.25rem!important;padding:0!important;border:none!important;background:#e8e0d5!important;color:#78716c!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important;box-shadow:none!important;outline:none!important;transform:none!important}.close-btn:hover,.close-btn:focus{background:#fecaca!important;color:#dc2626!important;border:none!important;transform:none!important;box-shadow:none!important}.close-btn:before,.close-btn:after{display:none!important;content:none!important}.produto-form{flex:1;overflow-y:auto;padding:1.5rem;max-height:calc(90vh - 120px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.form-section h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{position:static;z-index:2;background:transparent;pointer-events:auto;flex-shrink:0;order:-1}.form-group input,.form-group select,.form-group textarea,.form-group .input-with-icon{position:relative;z-index:1}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d4ccc0;border-radius:.5rem;font-size:.9rem;background:#fffdf9;color:#44403c;transition:all .2s;width:100%;box-sizing:border-box}.form-group input[type=date]{font-family:inherit}.field-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background:#fef2f2}[data-theme=dark] .form-group input.error,[data-theme=dark] .form-group select.error{border-color:#f87171;box-shadow:0 0 0 3px #ef444433;background:#ef44441a}.error-message{color:#dc2626;font-size:.8rem;font-weight:500;background:#fef2f2;padding:.5rem .75rem;border-radius:.375rem;border-left:3px solid #ef4444;margin-top:.25rem}[data-theme=dark] .error-message{color:#fca5a5;background:#ef444426;border-left-color:#f87171}.select-with-add{display:flex;gap:.5rem}.select-with-add select{flex:1}.add-btn-small{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;border:2px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.add-btn-small svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px}.add-btn-small:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.add-category-btn{background:#10b981;border-color:#10b981}.add-category-btn:hover{background:#059669;border-color:#059669}.add-supplier-btn{background:#8b5cf6;border-color:#8b5cf6}.add-supplier-btn:hover{background:#7c3aed;border-color:#7c3aed}.success-hint{display:block;margin-top:.5rem;padding:.5rem .75rem;background:#ecfdf5;color:#059669;font-size:.8rem;font-weight:500;border-radius:.375rem;border-left:3px solid #10b981}[data-theme=dark] .success-hint{background:#10b98126;color:#34d399}.warning-message{display:block;margin-top:.5rem;padding:.5rem .75rem;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:500;border-radius:.375rem;border-left:3px solid #f59e0b}.warning-message.sku-duplicate{background:#fef3c7;color:#92400e;border-left-color:#f59e0b}[data-theme=dark] .warning-message,[data-theme=dark] .warning-message.sku-duplicate{background:#f59e0b26;color:#fbbf24}.add-new-field{display:flex;gap:.75rem;margin-top:.75rem;padding:1rem;background:#f0f9ff;border-radius:.5rem;border:2px solid #3b82f6;align-items:center}.add-new-field input{flex:1;margin:0;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem}.add-new-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-new-field button,.btn-add-item{padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-new-field button:hover,.btn-add-item:hover{background:#059669;transform:translateY(-1px)}.section-hint{font-size:.85rem;color:#6b7280;margin:-.5rem 0 1rem;font-style:italic}.profit-info{display:flex;gap:1rem;margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.profit-card{flex:1;text-align:center}.profit-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.profit-value{display:block;font-size:1.1rem;font-weight:600;color:var(--primary-color)}.image-preview{margin-top:.5rem;text-align:center}.image-preview img{max-width:100px;max-height:100px;object-fit:cover;border-radius:.5rem;border:1px solid var(--border-color)}.cancel-btn{background:#f5efe6;color:#78716c;border:1px solid #d4ccc0}.cancel-btn:hover{background:#ebe4d8;color:#44403c}[data-theme=dark] .produto-form-modal{background:#0f172a}[data-theme=dark] .modal-header,[data-theme=dark] .form-actions{background:#1e293b;border-color:#334155}[data-theme=dark] .modal-header h2{color:#f8fafc}[data-theme=dark] .modal-header svg{color:#60a5fa}[data-theme=dark] .close-btn{background:#334155!important;color:#94a3b8!important}[data-theme=dark] .close-btn:hover,[data-theme=dark] .close-btn:focus{background:#7f1d1d!important;color:#fecaca!important}[data-theme=dark] .form-section{background:#1e293b;border-color:#334155}[data-theme=dark] .form-section h3{color:#f8fafc;border-bottom-color:#3b82f6}[data-theme=dark] .form-content{background:#0f172a}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#334155;color:#e2e8f0;border-color:#475569}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:#475569;color:#f1f5f9;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .toggle-btn{color:#94a3b8;background:transparent}[data-theme=dark] .toggle-btn.active{background:#475569;color:#60a5fa;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .toggle-btn:hover:not(.active){color:#e2e8f0;background:#47556980}[data-theme=dark] .upload-tip{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .add-btn-small{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=dark] .add-btn-small:hover{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .add-category-btn{background:#10b981;border-color:#10b981;color:#fff}[data-theme=dark] .add-category-btn:hover{background:#059669;border-color:#059669}[data-theme=dark] .add-supplier-btn{background:#8b5cf6;border-color:#8b5cf6;color:#fff}[data-theme=dark] .add-supplier-btn:hover{background:#7c3aed;border-color:#7c3aed}[data-theme=dark] .add-new-field,[data-theme=dark] .profit-info{background:#1e293b;border-color:#475569}[data-theme=dark] .cancel-btn{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .cancel-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .field-hint{color:#94a3b8}[data-theme=dark] .image-preview-url{border-color:#475569}[data-theme=dark] .add-url-btn{background:#10b981}[data-theme=dark] .add-url-btn:hover:not(:disabled){background:#059669}[data-theme=dark] .lote-item{background:#334155;border-color:#475569}[data-theme=dark] .lote-header{background:#475569;border-color:#64748b}[data-theme=dark] .new-lote-form{background:#334155;border-color:#475569}[data-theme=dark] .form-grid,[data-theme=dark] .form-row,[data-theme=dark] .form-grid .form-group,[data-theme=dark] .form-row .form-group{background:transparent}[data-theme=dark] .tab-content{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .tab-pane{background:transparent}[data-theme=dark] .price-section,[data-theme=dark] .stock-section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .price-section h4,[data-theme=dark] .stock-section h4{color:var(--text-primary)}[data-theme=dark] .lote-info{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .lote-actions{background:transparent}[data-theme=dark] .btn-remove-lote{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=dark] .btn-remove-lote:hover{background:#b91c1c;border-color:#b91c1c}@media(max-width:768px){.produto-form-modal{width:95vw;max-height:95vh;margin:1rem}.produto-form{max-height:calc(95vh - 140px);padding:1rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.form-row{grid-template-columns:1fr;gap:.75rem}.modal-header,.form-actions{padding:1rem}.modal-header h2{font-size:1.1rem}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.history-btn{padding:.4rem .8rem;font-size:.75rem}.profit-info{flex-direction:column;gap:.5rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.save-btn{justify-content:center;padding:1rem;font-size:1rem}.form-section h3{font-size:1rem}.select-with-add{flex-direction:column;gap:.5rem}.add-btn-small{width:100%;height:2.5rem;justify-content:center}}.image-section-toggle{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem;margin-bottom:1rem;gap:.25rem}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#64748b;transition:all .2s ease;flex:1;justify-content:center}.toggle-btn.active{background:#fffdf9;color:#059669;box-shadow:0 1px 3px #0000001a}.toggle-btn:hover:not(.active){color:#374151;background:#faf7f2cc}.url-input-container{display:flex;gap:.5rem;align-items:flex-end}.url-input-container input{flex:1}.add-url-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#059669;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.add-url-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.add-url-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-preview-url{margin-top:1rem;max-width:200px;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.image-preview-url img{width:100%;height:auto;max-height:150px;object-fit:cover;display:block}.upload-tip{margin-top:1rem;padding:.75rem 1rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:.375rem;color:#1e40af;font-size:.875rem;line-height:1.4}.form-tabs{display:flex;background:#f5efe6;border-bottom:1px solid #e8e0d5;padding:0 1.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c9a86c transparent}.form-tabs::-webkit-scrollbar{height:4px}.form-tabs::-webkit-scrollbar-track{background:transparent}.form-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent!important;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;min-width:fit-content}.tab-btn:hover{color:var(--text-primary);background:transparent!important;transform:none}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:transparent!important;font-weight:600}.tab-btn svg{flex-shrink:0}.form-content{flex:1;overflow-y:auto;padding:1.5rem;max-height:calc(90vh - 180px);scrollbar-width:thin;scrollbar-color:#c9a86c transparent;background:#fdfbf7}.form-content::-webkit-scrollbar{width:8px}.form-content::-webkit-scrollbar-track{background:transparent}.form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .image-section-toggle{background:#334155}[data-theme=dark] .toggle-btn{color:#94a3b8}[data-theme=dark] .toggle-btn.active{background:#1e293b;color:#10b981}[data-theme=dark] .toggle-btn:hover:not(.active){color:#e2e8f0;background:#1e293b80}[data-theme=dark] .upload-tip{background:#1e3a8a;border-color:#60a5fa;color:#93c5fd}@media(max-width:768px){.url-input-container{flex-direction:column;align-items:stretch}.add-url-btn{justify-content:center}.image-section-toggle{flex-direction:column}.toggle-btn{flex:none}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{display:flex;align-items:center;gap:.5rem;margin:0}.btn-add-lote{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-lote:hover{background:var(--accent-hover);transform:translateY(-1px)}.lotes-list{display:flex;flex-direction:column;gap:1rem}.lote-item{border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;background:var(--bg-primary);transition:all .3s ease}.lote-item.expired{border-color:#ef4444;background:#ef44440d}.lote-item.expiring{border-color:#f59e0b;background:#f59e0b0d}.lote-item.good{border-color:#22c55e;background:#22c55e0d}.lote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lote-title{font-weight:600;color:var(--text-primary);font-size:1rem}.lote-status{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.expired{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-badge.expiring{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.status-badge.good{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.status-badge.no-date{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-remove-lote{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-remove-lote:hover{background:#fee2e2;border-color:#fca5a5}.lote-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.lote-fields .form-group{margin-bottom:0}.lote-fields label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.lote-fields input{padding:.5rem;font-size:.875rem}.new-lote-form{border:2px dashed var(--border-color);border-radius:.75rem;padding:1.5rem;background:var(--bg-secondary);margin-top:1rem}.new-lote-form h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn-secondary{padding:.5rem 1rem;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--accent-hover)}.empty-lotes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-lotes svg{color:var(--text-tertiary);margin-bottom:1rem}.empty-lotes p{margin:0 0 .5rem;font-weight:500;color:var(--text-primary)}.empty-lotes small{color:var(--text-secondary)}.readonly-input{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;cursor:not-allowed!important}@media(max-width:768px){.section-header{flex-direction:column;gap:1rem;align-items:stretch}.lote-fields{grid-template-columns:1fr}.lote-header{flex-direction:column;gap:.75rem;align-items:stretch}.form-actions{flex-direction:column}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.save-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .form-section:has([name=categoriaFiscal]){background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}[data-theme=dark] .form-section:has([name=categoriaFiscal]):before{background:#1e293b;color:#e2e8f0}[data-theme=dark] .form-group select[name=categoriaFiscal],[data-theme=dark] .form-group input[name=ncm],[data-theme=dark] .form-group select[name=cfopDentroEstado],[data-theme=dark] .form-group select[name=cfopForaEstado],[data-theme=dark] .form-group select[name=cst],[data-theme=dark] .form-group select[name=origem]{background-color:#334155;border-left:3px solid var(--primary-color);color:#e2e8f0}[data-theme=dark] .form-group select[name=categoriaFiscal]:focus,[data-theme=dark] .form-group input[name=ncm]:focus,[data-theme=dark] .form-group select[name=cfopDentroEstado]:focus,[data-theme=dark] .form-group select[name=cfopForaEstado]:focus,[data-theme=dark] .form-group select[name=cst]:focus,[data-theme=dark] .form-group select[name=origem]:focus{background-color:#475569;border-left:3px solid var(--primary-color);color:#f1f5f9}[data-theme=dark] .ncm-suggestions{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}[data-theme=dark] .suggestions-label{color:#e2e8f0}[data-theme=dark] .suggestion-btn{border-color:#475569;background:#1e293b;color:#e2e8f0}[data-theme=dark] .suggestion-btn:hover{border-color:#60a5fa;background:#1e3a8a;color:#93c5fd}[data-theme=dark] .suggestion-btn.selected{border-color:#22c55e;background:#064e3b;color:#86efac}[data-theme=dark] .fiscal-info-display{background:#1e293b;border-color:#475569}[data-theme=dark] .fiscal-info-display h4{color:#e2e8f0}[data-theme=dark] .fiscal-info-item{background:#334155;border-color:#475569}[data-theme=dark] .fiscal-info-item:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa33}[data-theme=dark] .fiscal-info-item.highlight{border-color:#22c55e;background:linear-gradient(135deg,#064e3b,#065f46)}[data-theme=dark] .fiscal-info-item.info{border-color:#06b6d4;background:linear-gradient(135deg,#164e63,#155e75)}[data-theme=dark] .fiscal-info-item .label{color:#cbd5e1}[data-theme=dark] .fiscal-info-item .value{color:#86efac}[data-theme=dark] .fiscal-info-item.highlight .value{color:#bbf7d0}[data-theme=dark] .fiscal-info-item.info .value{color:#67e8f9}[data-theme=dark] .form-tabs{background:#1e293b;border-color:#475569}[data-theme=dark] .tab-btn{color:#94a3b8;background:transparent!important}[data-theme=dark] .tab-btn:hover{color:#e2e8f0;background:transparent!important;transform:none}[data-theme=dark] .tab-btn.active{color:#60a5fa;background:transparent!important;border-bottom-color:#60a5fa;font-weight:600}[data-theme=dark] .produto-form-modal{background:#475569;color:#fff;border:1px solid #64748b}[data-theme=dark] .modal-header{background:#475569;border-color:#64748b;color:#fff}[data-theme=dark] .modal-header h2{color:#fff}[data-theme=dark] .form-actions{background:#475569;border-color:#64748b}[data-theme=dark] .form-content{background:#475569}[data-theme=dark] .form-group select option{background:#64748b;color:#fff}[data-theme=dark] .form-group select optgroup{background:#64748b;color:#fff;font-weight:700}[data-theme=dark] .form-group select option:hover,[data-theme=dark] .form-group select option:focus,[data-theme=dark] .form-group select option:checked{background:#94a3b8;color:#fff}.fiscal-info-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-top:1rem}.fiscal-info-display h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.fiscal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.fiscal-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fffdf9;border:1px solid #d4ccc0;border-radius:.375rem}.fiscal-info-item .label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.fiscal-info-item .value{font-size:.85rem;color:var(--primary-color);font-weight:600}.form-group select[name=categoriaFiscal],.form-group input[name=ncm],.form-group select[name=cfopDentroEstado],.form-group select[name=cfopForaEstado],.form-group select[name=cst],.form-group select[name=origem]{background-color:#f8fafc;border-left:3px solid var(--primary-color)}.form-group select[name=categoriaFiscal]:focus,.form-group input[name=ncm]:focus,.form-group select[name=cfopDentroEstado]:focus,.form-group select[name=cfopForaEstado]:focus,.form-group select[name=cst]:focus,.form-group select[name=origem]:focus{background-color:#fffdf9;border-left:3px solid #3b82f6}.form-group label[for=categoriaFiscal]:after,.form-group label[for=ncm]:after,.form-group label[for=cfopDentroEstado]:after,.form-group label[for=cfopForaEstado]:after{content:" *";color:#ef4444;font-weight:700}.form-section:has([name=categoriaFiscal]){background:linear-gradient(135deg,#faf7f2,#f5efe6);border:1px solid #d4ccc0;border-radius:.75rem;padding:1.5rem;position:relative}.form-section:has([name=categoriaFiscal]):before{content:"📋";position:absolute;top:-10px;left:20px;background:#faf7f2;padding:0 .5rem;font-size:1.2rem}.ncm-suggestions{margin-top:10px;padding:15px;background:linear-gradient(135deg,#faf7f2,#f5efe6);border:1px solid #d4ccc0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.suggestions-label{display:block;font-weight:600;color:#495057;margin-bottom:10px;font-size:14px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.suggestion-btn{padding:8px 12px;border:2px solid #d4ccc0;background:#fffdf9;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#495057;text-align:center}.suggestion-btn:hover{border-color:#007bff;background:#f8f9ff;color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff26}.suggestion-btn.selected{border-color:#28a745;background:#d4edda;color:#155724;font-weight:600}.fiscal-info-display h4{color:#495057;margin-bottom:15px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.fiscal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.fiscal-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fffdf9;border:1px solid #d4ccc0;border-radius:6px;transition:all .2s ease}.fiscal-info-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.fiscal-info-item.highlight{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.fiscal-info-item.info{border-color:#17a2b8;background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.fiscal-info-item .label{font-weight:600;color:#495057;font-size:13px}.fiscal-info-item .value{font-weight:500;color:#28a745;font-size:13px}.fiscal-info-item.highlight .value{color:#155724;font-weight:700}.fiscal-info-item.info .value{color:#0c5460;font-style:italic}@media(max-width:768px){.suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.suggestion-btn{padding:6px 8px;font-size:12px}.fiscal-info-grid{grid-template-columns:1fr;gap:8px}.fiscal-info-item{padding:10px 12px}.fiscal-info-item .label,.fiscal-info-item .value{font-size:12px}.form-section:has([name=categoriaFiscal]){padding:1rem}.form-tabs{padding:0 .75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.form-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:1rem 1.25rem;font-size:.85rem;font-weight:600;min-width:120px;justify-content:center;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn:hover{background:#3b82f61a!important;color:#3b82f6}.tab-btn.active{background:#3b82f626!important;color:#3b82f6;border-bottom-color:#3b82f6;font-weight:700}.tab-btn svg{width:16px;height:16px}.lote-fields{grid-template-columns:1fr;gap:.75rem}.lote-header{flex-direction:column;gap:.5rem;align-items:stretch}.lote-status{justify-content:flex-start;flex-wrap:wrap;gap:.25rem}.status-badge{font-size:.7rem;padding:.2rem .5rem}.btn-remove-lote{align-self:flex-end;width:auto;padding:.5rem}.new-lote-form .form-row{grid-template-columns:1fr;gap:.75rem}.form-actions{flex-direction:column;gap:.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}.form-content{padding:1rem;max-height:calc(90vh - 180px)}.produto-form-modal{width:98vw;max-width:98vw;max-height:95vh;margin:1vh auto;border-radius:.5rem}.modal-header{padding:1rem;flex-wrap:wrap;gap:.75rem}.header-left{flex:1;min-width:200px}.modal-header h2{font-size:1.1rem}.header-actions{flex-shrink:0;gap:.5rem}.history-btn{padding:.5rem .75rem;font-size:.8rem}.close-btn{width:2.5rem;height:2.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-section h3{font-size:1rem;margin-bottom:1rem}.form-group label{font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:.875rem;font-size:.9rem;border-radius:.5rem}}[data-theme=dark] .status-badge.expired{background:#ef444433;color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .status-badge.expiring{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .status-badge.good{background:#22c55e33;color:#86efac;border-color:#22c55e4d}[data-theme=dark] .btn-remove-lote{background:#ef44441a;color:#f87171;border-color:#ef44444d}[data-theme=dark] .btn-remove-lote:hover{background:#ef444433;border-color:#ef444466}.produtos-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1.5rem}.produto-card{background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.produto-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.produto-card.low{border-left:4px solid #ef4444}.produto-card.high{border-left:4px solid #22c55e}.produto-card.normal{border-left:4px solid var(--primary-color)}.produto-image{height:200px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;width:100%}.produto-card-image-container{position:relative;width:100%;height:100%}.produto-card-img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;background:#fff}.produto-card:hover .produto-card-img{transform:scale(1.05)}.produto-card-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);background:var(--bg-secondary)}.card-image-count{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.produto-content{padding:1.25rem}.produto-header{margin-bottom:1rem}.produto-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.produto-sku{font-size:.75rem;color:var(--primary-color);font-weight:600;background:#6366f11a;padding:2px 6px;border-radius:4px;margin-bottom:.25rem;display:inline-block}.produto-barcode{font-size:.8rem;color:var(--text-secondary);font-family:monospace;display:block;margin-bottom:.25rem}.produto-category{display:inline-block;padding:.25rem .5rem;background:var(--primary-color-light);color:var(--primary-color);font-size:.75rem;font-weight:500;border-radius:.375rem}.produto-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.detail-label{font-weight:500;color:var(--text-secondary)}.detail-value{color:var(--text-primary)}.stock-section{background:var(--bg-secondary);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color)}.stock-current{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.stock-number{font-size:1.5rem;font-weight:700}.stock-number.low{color:#ef4444}.stock-number.high{color:#22c55e}.stock-number.normal{color:var(--primary-color)}.stock-unit{font-size:.9rem;color:var(--text-secondary);font-weight:500}.warning-icon{color:#ef4444}.stock-limits{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.stock-status-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;text-align:center}.stock-status-badge.low{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.stock-status-badge.normal{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.stock-status-badge.high{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.prices-section{background:var(--bg-secondary);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color)}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.85rem}.price-label{color:var(--text-secondary);font-weight:500}.price-value{color:var(--text-primary);font-weight:600}.profit-row{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.85rem}.profit-label{color:var(--text-secondary);font-weight:500}.profit-value{color:var(--primary-color);font-weight:700}.produto-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);justify-content:center;flex-wrap:wrap}.action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:1.5px solid;border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.edit{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.action-btn.edit:hover{background:#dbeafe;color:#1d4ed8;border-color:#60a5fa;transform:translateY(-1px)}.action-btn.movimento{background:#f0fdf4;color:#16a34a;border-color:#86efac}.action-btn.movimento:hover{background:#dcfce7;color:#15803d;border-color:#4ade80;transform:translateY(-1px)}.action-btn.delete{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.action-btn.delete:hover{background:#fee2e2;color:#b91c1c;border-color:#f87171;transform:translateY(-1px)}[data-theme=dark] .action-btn.edit{background:#2563eb26;color:#60a5fa;border-color:#2563eb4d}[data-theme=dark] .action-btn.edit:hover{background:#2563eb40;color:#93c5fd;border-color:#2563eb80}[data-theme=dark] .action-btn.movimento{background:#16a34a26;color:#4ade80;border-color:#16a34a4d}[data-theme=dark] .action-btn.movimento:hover{background:#16a34a40;color:#86efac;border-color:#16a34a80}[data-theme=dark] .action-btn.delete{background:#dc262626;color:#f87171;border-color:#dc26264d}[data-theme=dark] .action-btn.delete:hover{background:#dc262640;color:#fca5a5;border-color:#dc262680}.produto-description{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-color);margin-top:1rem}.produto-description p{font-size:.85rem;color:var(--text-secondary);margin:.75rem 0 0;line-height:1.4}.produtos-list-view{background:#fff}.list-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.produto-list-item{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1.5fr 1fr;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background-color .2s;min-height:60px;align-items:center}.produto-list-item:hover{background:var(--bg-secondary)}.produto-list-item.low{background:#fef2f2;border-left:4px solid #ef4444}.produto-list-item.high{background:#f0fdf4;border-left:4px solid #22c55e}.produto-info{display:flex;align-items:center;gap:.5rem}.produto-image-container{flex-shrink:0}.produto-thumbnail{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.produto-img-round{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.produto-thumbnail:hover .produto-img-round{transform:scale(1.1)}.produto-thumbnail.no-image{background:var(--primary-color-light);color:var(--primary-color)}.image-count{position:absolute;bottom:-2px;right:-2px;background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;border:2px solid white;min-width:18px;text-align:center;line-height:1}.produto-text-info{flex:1;min-width:0}.produto-info h4{margin:0 0 .125rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.produto-info .sku{display:inline-block;font-size:.65rem;color:var(--primary-color);font-weight:600;background:#6366f11a;padding:1px 4px;border-radius:3px;margin-bottom:.125rem}.produto-info .barcode{display:block;font-size:.7rem;color:var(--text-secondary);font-family:monospace;margin-bottom:.125rem}.produto-info .supplier{display:block;font-size:.75rem;color:var(--text-secondary)}.category-tag{display:inline-block;padding:.25rem .5rem;background:var(--primary-color-light);color:var(--primary-color);font-size:.75rem;font-weight:500;border-radius:.375rem}.stock-info{display:flex;flex-direction:column;gap:.25rem}.stock-value{font-weight:600;font-size:.95rem}.stock-value.low{color:#ef4444}.stock-value.normal{color:var(--primary-color)}.stock-value.high{color:#22c55e}.stock-limits{font-size:.75rem;color:var(--text-secondary)}.stock-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.stock-status.low{color:#ef4444}.stock-status.normal{color:var(--primary-color)}.stock-status.high{color:#22c55e}.location-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.prices-info{display:flex;flex-direction:column;gap:.25rem}.prices-info .price-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.prices-info .profit-margin{font-size:.75rem;font-weight:600;color:var(--primary-color);text-align:center;padding:.25rem;background:var(--primary-color-light);border-radius:.25rem;margin-top:.25rem}.col-actions .action-buttons{display:flex;gap:.25rem}.col-actions .action-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.75rem}[data-theme=dark] .produto-card,[data-theme=dark] .produtos-list-view{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .list-header,[data-theme=dark] .produto-list-item:hover{background:var(--bg-secondary)}[data-theme=dark] .produto-list-item.low{background:#ef44441a}[data-theme=dark] .produto-list-item.high{background:#22c55e1a}[data-theme=dark] .stock-section,[data-theme=dark] .prices-section,[data-theme=dark] .action-btn{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .stock-status-badge.low{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .stock-status-badge.normal{background:#2563eb1a;border-color:#2563eb4d}[data-theme=dark] .stock-status-badge.high{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .produto-thumbnail{border-color:var(--border-color);background:var(--bg-secondary)}[data-theme=dark] .produto-thumbnail.no-image{background:var(--primary-color-light);color:var(--primary-color)}[data-theme=dark] .produto-card-no-image{background:var(--bg-secondary);color:var(--text-secondary)}@media(max-width:1024px){.produtos-grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem}.list-header,.produto-list-item{grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem}.col-location,.col-prices{display:none}}@media(max-width:768px){.produtos-grid-view{grid-template-columns:1fr;padding:.75rem}.list-header,.produto-list-item{grid-template-columns:1fr;gap:.5rem}.list-header{display:none}.produto-list-item{display:block;padding:.75rem}.col-product,.col-category,.col-stock,.col-actions{margin-bottom:.75rem}.col-actions .action-buttons{justify-content:space-between}.col-actions .action-btn{flex:1;height:2rem;font-size:.8rem}.produto-thumbnail{width:40px;height:40px}.image-count{font-size:.6rem;padding:1px 4px;min-width:16px}}.expiration-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.expiration-badge{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.expiration-badge.expired{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.expiration-badge.expiring{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.next-expiration{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-top:.125rem}.expiration-section{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.expiration-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.expiration-item.expired{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.expiration-item.expiring{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.next-expiration-item{font-size:.7rem;color:var(--text-secondary);font-style:italic;text-align:center;padding:.125rem 0}[data-theme=dark] .expiration-badge.expired,[data-theme=dark] .expiration-item.expired{background:#ef444433;color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .expiration-badge.expiring,[data-theme=dark] .expiration-item.expiring{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .next-expiration,[data-theme=dark] .next-expiration-item{color:var(--text-tertiary)}@media(max-width:768px){.expiration-info,.expiration-section{gap:.125rem}.expiration-badge,.expiration-item{font-size:.7rem;padding:.125rem .375rem}.next-expiration,.next-expiration-item{font-size:.65rem}}.price-row.editable{cursor:pointer;padding:2px 4px;border-radius:4px;border:1px solid transparent;transition:all .2s;position:relative}.price-row.editable:hover{background:var(--bg-primary);border-color:var(--border-color)}.price-row.editable:hover:after{content:"✎";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-secondary);opacity:.5}.price-row.editing{background:var(--bg-primary);padding:2px 4px;border-radius:4px;border:1px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.price-edit-input-wrapper{display:flex;align-items:center;gap:4px;width:100%;justify-content:flex-end}.price-currency{font-size:.8rem;color:var(--text-secondary)}.price-edit-input{width:70px;padding:0;border:none;background:transparent;font-size:.85rem;font-weight:600;color:var(--text-primary);outline:none;text-align:right}.price-saving{font-size:.7rem;color:var(--text-secondary);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}[data-theme=dark] .price-row.editable:hover{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .price-row.editing{background:var(--bg-tertiary);border-color:var(--primary-color)}.stock-current.editable{cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid transparent;transition:all .2s;position:relative}.stock-current.editable:hover{background:var(--bg-primary);border-color:var(--border-color)}.stock-current.editable:hover:after{content:"✎";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--text-secondary);opacity:.5}.stock-current.editing{background:var(--bg-primary);padding:4px 8px;border-radius:6px;border:1px solid var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.quantity-edit-wrapper{display:flex;align-items:center;gap:6px}.quantity-edit-wrapper-list{display:flex;align-items:center;gap:4px}.quantity-edit-input{width:80px;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:1.2rem;font-weight:700;color:var(--text-primary);outline:none;text-align:center}.quantity-edit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.quantity-saving{font-size:.8rem;color:var(--text-secondary);animation:pulse 1s infinite}.stock-value.editable{cursor:pointer;padding:4px 8px;border-radius:4px;border:1px solid transparent;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.stock-value.editable:hover{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .stock-current.editable:hover,[data-theme=dark] .stock-value.editable:hover{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .stock-current.editing{background:var(--bg-tertiary);border-color:var(--primary-color)}[data-theme=dark] .quantity-edit-input{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .quantity-edit-input:focus{border-color:var(--primary-color)}.estoque-filters{background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);margin-bottom:1rem;overflow:hidden}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--text-primary)!important;font-size:.85rem}.filter-group select,.filter-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;background:#fff;color:var(--text-primary);transition:all .2s}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.filter-group select{cursor:pointer;min-width:0;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.filter-group select option{padding:.5rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-overflow:clip;max-width:none;background:#fff;color:var(--text-primary)}#category-filter,#category-filter option,#stock-status-filter,#stock-status-filter option,#supplier-filter,#supplier-filter option{color:var(--text-primary)!important}.range-filter{min-width:250px}.range-inputs{display:flex;align-items:center;gap:.75rem}.range-inputs input{flex:1;margin:0}.range-separator{color:var(--text-secondary);font-weight:500;font-size:.85rem}.filter-actions{display:flex;align-items:end}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#fee2e2;border-color:#fca5a5}.active-filters{background:var(--bg-secondary);padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.active-filters-label{font-weight:500;color:var(--text-primary);font-size:.85rem;margin-bottom:.75rem;display:block}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:flex;align-items:center;gap:.5rem;background:var(--primary-color-light);color:var(--primary-color);padding:.375rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:500;border:1px solid var(--primary-color)}.filter-tag button{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.filter-tag button:hover{background:var(--primary-color-dark);transform:scale(1.1)}.filter-group select option[value=low]{color:#ef4444}.filter-group select option[value=normal]{color:var(--primary-color)}.filter-group select option[value=high]{color:#22c55e}[data-theme=dark] .estoque-filters{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .active-filters{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .filter-group label{color:var(--text-primary)!important}[data-theme=dark] .filter-group select,[data-theme=dark] .filter-group input{background:var(--bg-secondary);color:var(--text-primary)!important;border-color:var(--border-color)}[data-theme=dark] .filter-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=dark] .filter-group select option{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] #category-filter{color:var(--text-primary)!important}[data-theme=dark] #category-filter option{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] #stock-status-filter{color:var(--text-primary)!important}[data-theme=dark] #stock-status-filter option{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] #supplier-filter{color:var(--text-primary)!important}[data-theme=dark] #supplier-filter option{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] .clear-filters-btn{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .clear-filters-btn:hover{background:#ef444433;border-color:#ef444466}[data-theme=dark] .filter-tag{background:rgba(var(--primary-color-rgb),.1);border-color:rgba(var(--primary-color-rgb),.3)}[data-theme=dark] .filter-tag button{background:var(--primary-color)}@media(max-width:1024px){.filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;padding:1.25rem}.range-filter{min-width:auto}.range-inputs{flex-direction:column;gap:.5rem}.range-separator{display:none}}@media(max-width:768px){.filters-row{grid-template-columns:1fr;gap:1rem;padding:1rem}.filter-actions{margin-top:.5rem}.clear-filters-btn{width:100%;justify-content:center}.active-filters{padding:1rem}.filter-tags{gap:.375rem}.filter-tag{font-size:.75rem;padding:.25rem .5rem}.range-inputs{flex-direction:row;gap:.5rem}.range-separator{display:block;font-size:.75rem}}@media(max-width:480px){.filters-row{padding:.75rem}.filter-group label{font-size:.8rem}.filter-group select,.filter-group input{padding:.625rem;font-size:.85rem}.clear-filters-btn{padding:.625rem .75rem;font-size:.8rem}.active-filters-label{font-size:.8rem}}.inventory-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:10px}@media(max-width:768px){.inventory-btn{padding:6px 12px;font-size:.8rem;margin-left:5px}.inventory-options{right:auto;left:0;min-width:140px}.inventory-option-btn{padding:10px 12px;font-size:.8rem}}.movimentacao-form-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;width:90vw;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.product-info{background:var(--bg-secondary);padding:1.5rem;border-bottom:1px solid var(--border-color)}.product-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.product-header svg{color:var(--primary-color)}.product-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.product-header .barcode{font-size:.8rem;color:var(--text-secondary);font-family:monospace;display:block;margin-top:.25rem}.current-stock{display:flex;align-items:center;gap:.5rem}.stock-label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.stock-value{font-weight:600;color:var(--primary-color);font-size:1rem}.movimentacao-form{flex:1;overflow-y:auto;padding:1.5rem}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.type-buttons{display:flex;gap:1rem}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;background:#fff;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s}.type-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.type-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.type-btn svg{transition:transform .3s}.type-btn.active svg{transform:scale(1.1)}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;background:#fff;color:var(--text-primary);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.8rem;font-weight:500}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.input-with-icon input{padding-left:2.5rem}.form-section.summary{background:var(--bg-secondary);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.summary-grid{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.summary-item.total{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.5rem;font-weight:600}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-value{font-weight:600;color:var(--text-primary);font-size:.95rem}.summary-value.entrada{color:#22c55e}.summary-value.saida{color:#ef4444}.alert{padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem;font-size:.85rem;font-weight:500}.alert.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.cancel-btn,.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.save-btn{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.save-btn:hover{background:var(--primary-color-dark)}.save-btn.entrada{background:#22c55e;border-color:#22c55e}.save-btn.entrada:hover{background:#16a34a}.save-btn.saida{background:#ef4444;border-color:#ef4444}.save-btn.saida:hover{background:#dc2626}[data-theme=dark] .movimentacao-form-modal{background:var(--bg-primary)}[data-theme=dark] .product-info,[data-theme=dark] .form-actions{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .form-section.summary{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .type-btn,[data-theme=dark] .cancel-btn{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .alert.warning{background:#fbbf241a;border-color:#fbbf244d}[data-theme=dark] .alert.error{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .alert.info{background:#2563eb1a;border-color:#2563eb4d}@media(max-width:768px){.movimentacao-form-modal{width:95vw;max-height:95vh}.product-info,.movimentacao-form,.form-actions{padding:1rem}.type-buttons{flex-direction:column;gap:.75rem}.form-row{grid-template-columns:1fr}.form-sections{gap:1.5rem}.form-section.summary{padding:1rem}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center}}@media(max-width:480px){.product-info,.movimentacao-form,.form-actions{padding:.75rem}.product-header{flex-direction:column;align-items:flex-start;gap:.5rem}.current-stock{align-self:flex-start}.summary-item{flex-direction:column;align-items:flex-start;gap:.25rem}.summary-item.total{flex-direction:row;align-items:center;justify-content:space-between}}.xml-importer-modal{width:90vw;max-width:1200px;max-height:90vh;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff}.header-title h2{margin:0;font-size:1.5rem;font-weight:600}.header-title p{margin:0;opacity:.9;font-size:.9rem}.close-btn{background:#fff3;border:none;border-radius:.5rem;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modal-body{flex:1;padding:2rem;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.upload-section{display:flex;flex-direction:column;gap:2rem}.upload-area{border:2px dashed var(--border-color);border-radius:1rem;padding:3rem;text-align:center;background:var(--bg-secondary);transition:all .3s;position:relative}.upload-area:hover{border-color:var(--primary-color);background:#6366f10d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-content svg{color:var(--primary-color);opacity:.7}.upload-content h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.upload-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.upload-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-info{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.9rem}.file-size{color:var(--text-secondary);font-size:.8rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.9rem}.upload-info{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.upload-info h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.upload-info ul{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.upload-info li{margin-bottom:.5rem;font-size:.9rem}.review-section{display:flex;flex-direction:column;gap:2rem}.nota-info{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.nota-info h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.info-item svg{color:var(--primary-color)}.products-summary{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.products-summary h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.summary-card.existing{background:#f0f9ff;border-color:#bae6fd}.summary-card.new{background:#f0fdf4;border-color:#bbf7d0}.summary-card svg{color:var(--primary-color)}.summary-card.existing svg{color:#0ea5e9}.summary-card.new svg{color:#22c55e}.summary-card .count{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-card .label{display:block;font-size:.8rem;color:var(--text-secondary)}.products-list{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.products-list h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.products-container{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.product-item{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:all .2s}.product-item:hover{box-shadow:0 2px 8px #0000001a}.product-item.existing{border-left:4px solid #0ea5e9}.product-item.new{border-left:4px solid #22c55e}.product-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary)}.product-info{flex:1}.product-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-icon.existing{color:#0ea5e9}.status-icon.new{color:#22c55e}.status-text{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.product-details{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.details-btn{background:none;border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.details-btn:hover{background:var(--bg-primary);color:var(--primary-color)}.product-expanded{padding:1rem;border-top:1px solid var(--border-color);background:#fff}.expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.expanded-item{font-size:.8rem;color:var(--text-secondary)}.expanded-item strong{color:var(--text-primary)}.existing-product-info{padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.existing-product-info h5{margin:0 0 .5rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.existing-product-info p{margin:.25rem 0;font-size:.8rem;color:var(--text-secondary)}.results-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.processing{display:flex;flex-direction:column;align-items:center;gap:1rem}.processing svg{color:var(--primary-color)}.processing h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.processing p{margin:0;color:var(--text-secondary);font-size:.9rem}.results{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{width:80px;height:80px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.error-icon{width:80px;height:80px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.results h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.results-summary{display:flex;flex-direction:column;gap:.75rem;min-width:300px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.result-label{color:var(--text-secondary);font-size:.9rem}.result-value{color:var(--text-primary);font-weight:600;font-size:1rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}@media(max-width:768px){.xml-importer-modal{width:95vw;max-height:95vh}.modal-header{padding:1rem}.header-title h2{font-size:1.25rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column}.upload-area{padding:2rem 1rem}.info-grid,.summary-cards{grid-template-columns:1fr}.product-details{flex-direction:column;gap:.25rem}.expanded-grid{grid-template-columns:1fr}.results-summary{min-width:auto;width:100%}}[data-theme=dark] .xml-importer-modal{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .nota-info,[data-theme=dark] .products-summary,[data-theme=dark] .products-list,[data-theme=dark] .upload-info{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .product-header{background:var(--bg-primary)}[data-theme=dark] .product-expanded{background:var(--bg-secondary)}[data-theme=dark] .existing-product-info{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .file-info{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-primary)}.inventory-section{position:relative;display:inline-block}.inventory-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.inventory-btn:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.inventory-options{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;min-width:160px;margin-top:5px;overflow:hidden}.inventory-option-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.inventory-option-btn:hover{background:var(--bg-tertiary)}.inventory-option-btn.pdf{border-bottom:1px solid var(--border-color)}.inventory-option-btn.pdf:hover{background:#ef44441a;color:#dc2626}.inventory-option-btn.excel:hover{background:#22c55e1a;color:#16a34a}@media(max-width:768px){.inventory-btn{padding:8px 12px;font-size:.8rem}.inventory-options{right:auto;left:0;min-width:140px}.inventory-option-btn{padding:10px 12px;font-size:.8rem}}[data-theme=dark] .inventory-options{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .inventory-option-btn{color:var(--text-primary)}[data-theme=dark] .inventory-option-btn:hover{background:var(--bg-tertiary)}[data-theme=dark] .inventory-option-btn.pdf{border-bottom-color:var(--border-color)}.estoque-page{padding:1rem;gap:1.5rem;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary)}.estoque-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);overflow:visible}.header-title{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-title svg{color:var(--primary-color);flex-shrink:0}.header-title h1{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.header-title p{margin:0;color:var(--text-secondary);font-size:.9rem}.estoque-header .header-stats{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:1;min-width:0}.estoque-header .stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color);min-width:80px;flex:1 1 auto;max-width:180px}.estoque-header .stat-card>div{min-width:0;overflow:hidden}.estoque-header .stat-card.low-stock{background:#fef3f2;border-color:#fecaca}.estoque-header .stat-card svg{color:var(--primary-color);flex-shrink:0}.estoque-header .stat-card.low-stock svg{color:#ef4444}.estoque-header .stat-value{font-weight:600;font-size:1.1rem;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estoque-header .stat-card.low-stock .stat-value{color:#ef4444}.estoque-header .stat-label{font-size:clamp(.6rem,1.8vw,.75rem);color:var(--text-secondary);display:block;white-space:normal;word-wrap:break-word;line-height:1.2;text-align:center}.estoque-header .stat-card.duplicate-sku{background:#fef2f2;border-color:#fecaca;cursor:pointer;position:relative;overflow:visible!important}.estoque-header .stat-card.duplicate-sku svg{color:#dc2626}.estoque-header .stat-card.duplicate-sku .stat-value{color:#dc2626}.estoque-header .stat-card.duplicate-sku .stat-label{color:#b91c1c}.duplicate-sku-content{position:static;display:flex;flex-direction:column;align-items:center;overflow:visible!important}.duplicate-sku-tooltip{display:none;position:absolute;top:calc(100% + 10px);right:0;background:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;min-width:280px;max-width:350px;max-height:300px;overflow-y:auto;box-shadow:0 10px 25px #00000040;z-index:9999;text-align:left;font-size:.85rem}.duplicate-sku-tooltip:before{content:"";position:absolute;top:-8px;right:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #1f2937}.stat-card.duplicate-sku:hover .duplicate-sku-tooltip{display:block}.duplicate-sku-tooltip strong{display:block;margin-bottom:.5rem;color:#fcd34d;font-size:.9rem}.duplicate-sku-tooltip>ul{list-style:none;padding:0;margin:0}.duplicate-sku-tooltip>ul>li{padding:.5rem 0;border-bottom:1px solid #374151}.duplicate-sku-tooltip>ul>li:last-child{border-bottom:none}.duplicate-sku-tooltip .sku-code{display:block;font-weight:600;color:#fbbf24;margin-bottom:.35rem;font-family:monospace;font-size:.8rem}.duplicate-sku-tooltip .sku-products{list-style:disc;padding-left:1.25rem;margin:0}.duplicate-sku-tooltip .sku-products li{padding:.15rem 0;color:#e5e7eb;font-size:.8rem}[data-theme=dark] .stat-card.duplicate-sku{background:#ef444426;border-color:#ef444466}[data-theme=dark] .stat-card.duplicate-sku svg{color:#f87171}[data-theme=dark] .stat-card.duplicate-sku .stat-value{color:#f87171}[data-theme=dark] .stat-card.duplicate-sku .stat-label{color:#fca5a5}.estoque-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color)}.search-section{flex:1;min-width:250px;display:flex;align-items:center;margin-right:1rem}.search-input{position:relative;display:flex;align-items:center;width:100%}.search-input svg{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;background:#fff;color:var(--text-primary)}.search-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.action-buttons{display:flex;gap:.75rem;align-items:center}.view-toggle{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.view-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;min-width:44px}.view-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.view-btn.active{background:var(--primary-color);color:#fff}.view-btn.active:hover{background:var(--primary-color-dark, #047857)}.filter-btn,.add-btn,.nota-fiscal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:#fff;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.add-btn{background:#059669!important;color:#fff!important;border-color:#059669!important;font-weight:600;box-shadow:0 2px 8px #0596694d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-btn:hover:before{left:100%}.nota-fiscal-btn{background:#64748b!important;color:#fff!important;border-color:#64748b!important;font-weight:500}.nota-fiscal-btn:hover{background:#475569!important;border-color:#475569!important;transform:translateY(-1px);box-shadow:0 4px 8px #64748b4d}.filter-btn:hover{background:#f1f5f9;border-color:#059669;color:#059669}.filter-btn.active{background:#059669!important;color:#fff!important;border-color:#059669!important;font-weight:600}.filter-btn.active:hover{background:#047857!important;border-color:#047857!important}.add-btn:hover{background:#047857!important;border-color:#047857!important;transform:translateY(-2px);box-shadow:0 6px 12px #05966966}.estoque-content{flex:1;background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);overflow:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-state svg{color:var(--text-secondary);margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--text-secondary);margin:0;font-size:.9rem}[data-theme=dark] .estoque-page{background:var(--bg-secondary)}[data-theme=dark] .estoque-header,[data-theme=dark] .estoque-toolbar,[data-theme=dark] .estoque-content{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .estoque-header .stat-card{background:var(--bg-secondary)}[data-theme=dark] .estoque-header .stat-card.low-stock{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .search-input input,[data-theme=dark] .filter-btn,.dark .search-input input,.dark .filter-btn{background:var(--bg-tertiary, #374151)!important;color:var(--text-primary, #f1f5f9)!important;border-color:var(--border-color, #4b5563)!important}[data-theme=dark] .search-input input::placeholder,.dark .search-input input::placeholder{color:var(--text-secondary, #9ca3af)!important;opacity:1}[data-theme=dark] .search-input svg,.dark .search-input svg{color:var(--text-secondary, #9ca3af)!important}[data-theme=dark] .search-input input:focus,.dark .search-input input:focus{border-color:var(--primary-color, #059669)!important;box-shadow:0 0 0 3px #05966933!important}.dark .inventory-button,[data-theme=dark] .inventory-button{background:var(--bg-secondary)!important;color:#3b82f6!important;border-color:var(--border-color)!important}.dark .inventory-button:hover,[data-theme=dark] .inventory-button:hover{background:var(--bg-tertiary)!important;color:#2563eb!important;border-color:#3b82f6!important}@media(max-width:1024px){.estoque-header{flex-direction:column;align-items:stretch}.estoque-header .header-title{width:100%}.estoque-header .header-stats{width:100%;justify-content:flex-start}.estoque-header .stat-card{flex:1 1 calc(33.333% - .5rem);max-width:none}}@media(max-width:768px){.estoque-page{padding:.5rem;gap:1rem}.estoque-header{flex-direction:column;gap:.75rem;padding:1rem}.estoque-header .header-stats{width:100%;gap:.5rem}.estoque-header .stat-card{flex:1 1 calc(33.333% - .35rem);min-width:0;padding:.6rem .5rem;gap:.4rem}.estoque-header .stat-card svg{width:16px;height:16px;flex-shrink:0}.estoque-header .stat-value{font-size:.95rem}.estoque-header .stat-label{font-size:clamp(.55rem,1.5vw,.65rem)}.estoque-toolbar{flex-direction:column;gap:1rem;padding:1rem}.estoque-toolbar .search-section{width:100%;max-width:none}.estoque-toolbar .action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.estoque-toolbar .filter-btn,.estoque-toolbar .add-btn,.estoque-toolbar .nota-fiscal-btn{justify-content:center;padding:.875rem .75rem;font-size:.85rem;font-weight:600}.estoque-toolbar .add-btn{grid-column:1 / -1;background:#059669!important;color:#fff!important;border-color:#059669!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.9rem}.estoque-toolbar .filter-btn svg,.estoque-toolbar .add-btn svg,.estoque-toolbar .nota-fiscal-btn svg{width:18px;height:18px}.estoque-header .header-title h1{font-size:1.25rem}.estoque-header .header-title{flex-direction:column;align-items:flex-start;gap:.5rem}.estoque-header .header-title p{font-size:.8rem}}@media(max-width:480px){.estoque-header{padding:.75rem;gap:.5rem}.estoque-header .header-stats{gap:.35rem}.estoque-header .stat-card{padding:.5rem .4rem;gap:.3rem;flex-direction:column;align-items:center;text-align:center}.estoque-header .stat-card svg{width:14px;height:14px}.estoque-header .stat-value{font-size:.85rem}.estoque-header .stat-label{font-size:clamp(.5rem,1.2vw,.55rem);line-height:1.1}.estoque-header .header-title h1{font-size:1.1rem}.estoque-header .header-title svg{width:22px;height:22px}}.add-btn.disabled,.nota-fiscal-btn.disabled{opacity:.6;cursor:not-allowed;background:var(--border-color)!important;color:var(--text-muted)!important}.add-btn.disabled:hover,.nota-fiscal-btn.disabled:hover{transform:none!important;box-shadow:none!important;background:var(--border-color)!important}.relatorios-page{padding:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-actions{display:flex;gap:10px}.filtros-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:20px;margin-bottom:25px;box-shadow:var(--shadow-sm)}.filtros-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary)}.filtros-header svg{color:var(--accent-primary)}.filtros-header h3{margin:0;font-size:1.2rem;font-weight:600}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.filtro-group{display:flex;flex-direction:column;gap:5px}.filtro-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.filtro-group input,.filtro-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.filtros-actions{display:flex;gap:10px;justify-content:flex-end}.checkbox-group{display:flex;align-items:center;justify-content:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-text{font-weight:500}.estatisticas-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-content{flex:1}.stat-content h4{margin:0 0 5px;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.stat-value{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-subtitle{font-size:.8rem;color:var(--text-secondary);font-weight:500}.stat-card.vendas .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.quantidade .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.ticket .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.transacoes .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.cancelados .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content h4{margin:0 0 5px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.stat-value{margin:0 0 5px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-change.neutral{color:var(--text-secondary)}.tabs-container{display:flex;gap:5px;margin-bottom:25px;background:var(--bg-secondary);padding:5px;border-radius:10px;border:1px solid var(--border-color)}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:500}.dark .tab-button.active,[data-theme=dark] .tab-button.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.dark .tab-button.active:hover,[data-theme=dark] .tab-button.active:hover{background:#2563eb!important;color:#fff!important}.relatorio-content{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.tabela-container{padding:20px}.tabela-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.tabela-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.tabela-actions{display:flex;gap:8px}.btn-icon{padding:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.tabela-scroll{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.relatorio-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.relatorio-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.9rem}.relatorio-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem}.relatorio-table tbody tr:hover{background:var(--bg-tertiary)}.produtos-cell{max-width:200px}.produto-item{font-size:.8rem;color:var(--text-secondary);margin-bottom:2px}.valor{font-weight:600;color:var(--success)}.entrada{color:var(--success);font-weight:600}.saida{color:var(--error);font-weight:600}.saldo.baixo{color:var(--warning);font-weight:600}.saldo.normal{color:var(--success);font-weight:600}.pagamento-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.pagamento-badge.dinheiro{background:#dcfce7;color:#166534}.pagamento-badge.cartão{background:#dbeafe;color:#1e40af}.pagamento-badge.cartao_debito,.pagamento-badge.cartao_credito{background:#f3e8ff;color:#7c3aed}.pagamento-badge.pix{background:#fef3c7;color:#92400e}.pagamento-badge.misto,.pagamento-badge.mixed{background:#f3e8ff;color:#7c3aed}.pagamento-badge.boleto{background:#fef2f2;color:#dc2626}.pagamento-badge.nao-informado{background:#f1f5f9;color:#64748b}.pagamento-mixed{display:flex;flex-direction:column;gap:4px}.pagamento-details{display:flex;flex-direction:column;gap:2px}.pagamento-detail{font-size:.7rem;padding:2px 4px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-secondary)}.pagamento-detail.dinheiro{background:#dcfce7;color:#166534}.pagamento-detail.cartão{background:#dbeafe;color:#1e40af}.pagamento-detail.cartao_debito,.pagamento-detail.cartao_credito{background:#f3e8ff;color:#7c3aed}.pagamento-detail.pix{background:#fef3c7;color:#92400e}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.baixo{background:#fef2f2;color:#dc2626}.status-badge.normal,.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.cancelled{background:#fef2f2;color:#dc2626}.financeiro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.financeiro-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.financeiro-card h4{margin:0 0 15px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.financeiro-valor{font-size:2rem;font-weight:700;margin-bottom:15px}.financeiro-card.receitas .financeiro-valor{color:var(--success)}.financeiro-card.despesas .financeiro-valor{color:var(--error)}.financeiro-card.lucro .financeiro-valor{color:var(--accent-primary)}.financeiro-detalhes{display:flex;flex-direction:column;gap:8px}.detalhe-item{display:flex;justify-content:space-between;font-size:.9rem}.detalhe-item span:first-child{color:var(--text-secondary)}.detalhe-item span:last-child{color:var(--text-primary);font-weight:500}.grafico-container{padding:20px;border-top:1px solid var(--border-color)}.grafico-container h4{margin:0 0 20px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.grafico-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-color);color:var(--text-secondary)}.grafico-placeholder svg{margin-bottom:10px;opacity:.5}.produtos-ranking{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.ranking-section h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.ranking-list{display:flex;flex-direction:column;gap:10px}.ranking-item{display:flex;align-items:center;gap:15px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.ranking-pos{width:30px;height:30px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.ranking-nome{flex:1;color:var(--text-primary);font-weight:500}.ranking-valor{color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.relatorios-page{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.header-actions{width:100%;justify-content:center}.filtros-grid{grid-template-columns:1fr}.filtros-actions{flex-direction:column}.estatisticas-grid{grid-template-columns:1fr}.tabs-container{flex-direction:column}.tab-button{justify-content:flex-start}.tabela-header{flex-direction:column;gap:15px;align-items:flex-start}.financeiro-grid,.produtos-ranking{grid-template-columns:1fr}}@media(max-width:480px){.relatorios-page{padding:10px}.filtros-container,.relatorio-content,.stat-card{padding:15px}.stat-value{font-size:1.3rem}.relatorio-table th,.relatorio-table td{padding:8px 10px;font-size:.8rem}}[data-theme=dark] .pagamento-badge.dinheiro{background:#064e3b;color:#6ee7b7}[data-theme=dark] .pagamento-badge.cartão{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .pagamento-badge.cartao_debito,[data-theme=dark] .pagamento-badge.cartao_credito{background:#581c87;color:#c4b5fd}[data-theme=dark] .pagamento-badge.pix{background:#78350f;color:#fcd34d}[data-theme=dark] .status-badge.baixo{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-badge.normal{background:#064e3b;color:#6ee7b7}.stat-card.aberturas .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.fechamentos .stat-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-card.diferenca .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.problemas .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.valor.positive{color:var(--success);font-weight:600}.valor.negative{color:var(--error);font-weight:600}.status-badge.open{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.closed{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.auto-closed{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.empty-row{text-align:center;padding:40px 20px}.empty-row .empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary)}.empty-row .empty-state svg{opacity:.5}.empty-row .empty-state p{margin:0;font-weight:500;color:var(--text-primary)}.empty-row .empty-state span{font-size:.9rem;color:var(--text-secondary)}[data-theme=dark] .status-badge.open{background:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.closed{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .status-badge.auto-closed{background:#78350f;color:#fcd34d}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.action-buttons{display:flex;gap:5px;align-items:center}.btn-sm{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.8rem}.btn-sm:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-sm.btn-secondary{background:var(--accent-primary);color:#fff}.btn-sm.btn-secondary:hover{background:var(--accent-primary-dark)}.btn-sm.btn-danger{background:#ef4444;color:#fff}.btn-sm.btn-danger:hover{background:#dc2626}.monospace{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-secondary)}.valor{font-weight:600;color:var(--text-primary)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-header h4{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.table-count{font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.section-header h3{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:600}.section-actions{display:flex;gap:10px}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-buttons{flex-direction:column;gap:3px}.table-header{flex-direction:column;gap:10px;align-items:flex-start}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.4rem}.btn-sm{padding:4px 6px}}@media(max-width:768px){.tabela-scroll,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem;position:relative}.tabela-scroll:after,.table-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);pointer-events:none;opacity:.5}.relatorio-table,.data-table{min-width:700px;width:100%}.relatorio-table th,.relatorio-table td,.data-table th,.data-table td{padding:.75rem .5rem;font-size:.875rem;white-space:nowrap}.relatorio-table th:first-child,.relatorio-table td:first-child{position:sticky;left:0;background:var(--bg-primary);z-index:1;box-shadow:2px 0 4px #0000001a}}@media(max-width:480px){.relatorio-table th,.relatorio-table td,.data-table th,.data-table td{padding:.5rem .25rem;font-size:.8125rem}}.lancamentos-manuais-section{margin-top:25px;border:2px solid #f59e0b;border-radius:12px}.lancamentos-manuais-section .tabela-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.lancamentos-manuais-section .tabela-header h3{color:#f59e0b}.lancamentos-resumo{display:flex;align-items:center;gap:10px}.lancamentos-total{font-weight:700;font-size:1.1rem;padding:6px 12px;border-radius:8px}.lancamentos-total.positivo{background:#10b98126;color:#10b981}.lancamentos-total.negativo{background:#ef444426;color:#ef4444}.lancamento-entrada{border-left:3px solid #10b981}.lancamento-saida{border-left:3px solid #ef4444}.valor.positivo{color:#10b981;font-weight:600}.valor.negativo{color:#ef4444;font-weight:600}.lancamentos-info{padding:15px 20px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.lancamentos-info p{margin:0 0 8px}.lancamentos-info p:last-child{margin-bottom:0}.lancamentos-calculo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lancamentos-calculo strong{color:var(--text-primary)}.lancamentos-calculo .positivo{color:#10b981}.lancamentos-calculo .negativo{color:#ef4444}.lancamentos-calculo .total-final{font-size:1.1rem;padding:4px 10px;background:var(--accent-primary);color:#fff;border-radius:6px}[data-theme=dark] .lancamentos-manuais-section{border-color:#d97706}.dark .lancamentos-manuais-section{border-color:#d97706}.periodo-selector{grid-column:1 / -1}.periodo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.periodo-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.periodo-btn:hover{background:var(--bg-tertiary, #e2e8f0);border-color:var(--primary-color)}.periodo-btn.active{background:#059669!important;color:#fff!important;border-color:#059669!important}.periodo-btn.active:hover{background:#047857!important;color:#fff!important}.dark .periodo-btn,[data-theme=dark] .periodo-btn{background:var(--bg-tertiary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f1f5f9)}.dark .periodo-btn:hover,[data-theme=dark] .periodo-btn:hover{background:var(--bg-secondary, #1f2937);border-color:#059669}.dark .periodo-btn.active,[data-theme=dark] .periodo-btn.active{background:#059669!important;color:#fff!important;border-color:#059669!important}@media(max-width:768px){.periodo-buttons{width:100%}.periodo-btn{flex:1;min-width:calc(50% - .25rem);text-align:center;padding:.625rem .5rem;font-size:.8rem}}@media(max-width:480px){.periodo-btn{min-width:calc(50% - .25rem);font-size:.75rem;padding:.5rem .25rem}}.lancamentos-rapidos-page{padding:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.lancamentos-rapidos-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.lancamentos-rapidos-page .header-content{display:flex;align-items:center;gap:15px}.lancamentos-rapidos-page .header-content svg{color:#f59e0b}.lancamentos-rapidos-page .header-content h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600}.lancamentos-rapidos-page .header-content p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.lancamentos-rapidos-page .header-actions{display:flex;gap:10px}.lancamentos-rapidos-page .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.lancamentos-rapidos-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.lancamentos-rapidos-page .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.lancamentos-rapidos-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.lancamentos-rapidos-page .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.lancamentos-rapidos-page .btn:disabled{opacity:.6;cursor:not-allowed}.resumo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.resumo-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform .2s ease}.resumo-card:hover{transform:translateY(-2px)}.resumo-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.resumo-card.entradas .resumo-icon{background:linear-gradient(135deg,#10b981,#059669)}.resumo-card.saidas .resumo-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.resumo-card.saldo .resumo-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.resumo-card.saldo.positivo .resumo-icon{background:linear-gradient(135deg,#10b981,#059669)}.resumo-card.saldo.negativo .resumo-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.resumo-content{display:flex;flex-direction:column;gap:4px}.resumo-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.resumo-valor{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.resumo-card.entradas .resumo-valor{color:#10b981}.resumo-card.saidas .resumo-valor{color:#ef4444}.resumo-card.saldo.positivo .resumo-valor{color:#10b981}.resumo-card.saldo.negativo .resumo-valor{color:#ef4444}.lancamentos-rapidos-page .filtros-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:15px 20px;margin-bottom:25px}.lancamentos-rapidos-page .filtros-grid{display:flex;gap:15px;flex-wrap:wrap}.lancamentos-rapidos-page .filtro-group{display:flex;flex-direction:column;gap:5px}.lancamentos-rapidos-page .filtro-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.lancamentos-rapidos-page .filtro-group input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.lancamentos-rapidos-page .filtro-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.tabela-excel-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.tabela-header-info{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.tabela-header-info h3{display:flex;align-items:center;gap:10px;margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.tabela-header-info h3 svg{color:var(--accent-primary)}.tabela-dica{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 12px;border-radius:6px}.tabela-dica svg{color:#f59e0b}.tabela-excel-wrapper{overflow-x:auto}.tabela-excel{width:100%;border-collapse:collapse;min-width:800px}.tabela-excel thead th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;padding:12px 15px;text-align:left;border-bottom:2px solid var(--border-color);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.tabela-excel .col-nome{width:25%}.tabela-excel .col-data,.tabela-excel .col-valor{width:15%}.tabela-excel .col-tipo{width:12%}.tabela-excel .col-usuario{width:20%}.tabela-excel .col-acoes{width:13%;text-align:center}.tabela-excel .nova-linha{background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border-bottom:2px solid var(--accent-primary)}.tabela-excel .nova-linha td{padding:10px 15px}.tabela-excel .nova-linha input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.tabela-excel .nova-linha input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f626}.tabela-excel .nova-linha input::placeholder{color:var(--text-secondary);opacity:.7}.btn-add{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;transition:all .2s ease;margin:0 auto}.btn-add:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none}.tabela-excel tbody tr{transition:background .15s ease}.tabela-excel tbody tr:hover{background:var(--bg-tertiary)}.tabela-excel tbody td{padding:12px 15px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem}.tabela-excel .linha-entrada{border-left:3px solid #10b981}.tabela-excel .linha-saida{border-left:3px solid #ef4444}.celula-editavel{cursor:pointer;position:relative;transition:background .15s ease}.celula-editavel:hover{background:#3b82f61a}.celula-editavel input{width:100%;padding:8px 10px;border:2px solid var(--accent-primary);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.celula-editavel input:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.valor-cell.positivo span{color:#10b981;font-weight:600}.valor-cell.negativo span{color:#ef4444;font-weight:600}.tipo-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tipo-badge.entrada{background:#10b98126;color:#10b981}.tipo-badge.saida{background:#ef444426;color:#ef4444}.usuario-cell{display:flex;flex-direction:column;gap:2px}.usuario-cell small{font-size:.75rem;color:var(--text-secondary)}.acoes-cell{text-align:center}.btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#ef4444;color:#fff}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.loading-cell,.empty-cell{text-align:center;padding:60px 20px!important;color:var(--text-secondary)}.tabela-excel tbody tr td.loading-cell,.tabela-excel tbody tr td.empty-cell{display:table-cell;text-align:center;vertical-align:middle}.loading-cell>*,.empty-cell>*{display:block;margin:0 auto}.loading-cell span,.empty-cell span{display:block;margin-top:15px;font-size:1rem;font-weight:500;color:var(--text-primary)}.loading-cell svg,.empty-cell svg{opacity:.5;margin:0 auto}.empty-cell small{display:block;margin-top:8px;font-size:.85rem;color:var(--text-secondary)}.paginacao-container{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.logs-panel{position:fixed;right:0;top:0;width:400px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.logs-header h3{display:flex;align-items:center;gap:10px;margin:0;color:var(--text-primary);font-size:1.1rem}.logs-header h3 svg{color:var(--accent-primary)}.logs-header button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#ef444426;color:#ef4444;cursor:pointer;transition:all .2s ease}.logs-header button:hover{background:#ef4444;color:#fff}.logs-content{flex:1;overflow-y:auto;padding:15px}.logs-loading,.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-secondary)}.logs-loading svg,.logs-empty svg{opacity:.5}.logs-list{display:flex;flex-direction:column;gap:10px}.log-item{display:flex;gap:12px;padding:12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.log-item.criacao .log-icon{background:#10b98126;color:#10b981}.log-item.edicao .log-icon{background:#3b82f626;color:#3b82f6}.log-item.exclusao .log-icon{background:#ef444426;color:#ef4444}.log-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-content{flex:1;min-width:0}.log-titulo{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:4px}.log-detalhes{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.log-detalhes strong{color:var(--text-primary)}.log-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}@media(max-width:1024px){.logs-panel{width:350px}}@media(max-width:768px){.lancamentos-rapidos-page{padding:15px}.lancamentos-rapidos-page .page-header{flex-direction:column;gap:15px;text-align:center}.lancamentos-rapidos-page .header-actions{width:100%;justify-content:center}.resumo-cards{grid-template-columns:1fr}.tabela-header-info{flex-direction:column;gap:10px;align-items:flex-start}.tabela-dica{font-size:.75rem}.logs-panel{width:100%}}@media(max-width:480px){.lancamentos-rapidos-page{padding:10px}.lancamentos-rapidos-page .header-content h1{font-size:1.4rem}.resumo-card{padding:15px}.resumo-valor{font-size:1.3rem}.tabela-excel thead th,.tabela-excel tbody td{padding:10px;font-size:.8rem}}[data-theme=dark] .lancamentos-rapidos-page .page-header,[data-theme=dark] .resumo-card,[data-theme=dark] .lancamentos-rapidos-page .filtros-container,[data-theme=dark] .tabela-excel-container,[data-theme=dark] .logs-panel{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .tabela-excel thead th{background:var(--bg-tertiary)}[data-theme=dark] .tabela-excel .nova-linha{background:linear-gradient(135deg,#3b82f61a,#3b82f626)}[data-theme=dark] .celula-editavel:hover{background:#3b82f626}[data-theme=dark] .tipo-badge.entrada{background:#10b98133}[data-theme=dark] .tipo-badge.saida{background:#ef444433}[data-theme=dark] .log-item{background:var(--bg-tertiary)}[data-theme=dark] .btn-delete{background:#ef444426}[data-theme=dark] .tabela-dica{background:var(--bg-primary)}.dark .lancamentos-rapidos-page .page-header,.dark .resumo-card,.dark .lancamentos-rapidos-page .filtros-container,.dark .tabela-excel-container,.dark .logs-panel{background:var(--bg-secondary);border-color:var(--border-color)}.dark .tabela-excel thead th{background:var(--bg-tertiary)}.dark .tabela-excel .nova-linha{background:linear-gradient(135deg,#3b82f61a,#3b82f626)}.dark .celula-editavel:hover{background:#3b82f626}.dark .tipo-badge.entrada{background:#10b98133}.dark .tipo-badge.saida{background:#ef444433}.dark .log-item{background:var(--bg-tertiary)}.dark .btn-delete{background:#ef444426}.dark .tabela-dica{background:var(--bg-primary)}.tabela-excel-container.vendas-sistema{margin-bottom:25px;border:2px solid #10b981}.tabela-excel-container.vendas-sistema .tabela-header-info h3 svg{color:#10b981}.tabela-dica.info{background:#10b9811a}.tabela-dica.info svg{color:#10b981}.tabela-vendas thead th{background:linear-gradient(135deg,#10b9811a,#10b9810d)}.linha-venda-sistema{border-left:3px solid #10b981!important}.linha-venda-sistema:hover{background:#10b9810d}.data-venda{font-weight:600;color:var(--text-primary)}.valor-detalhado{display:flex;flex-direction:column;gap:2px}.valor-detalhado small{font-size:.75rem;color:var(--text-secondary)}.valor.total{font-weight:700;font-size:1rem}.tabela-excel tfoot{background:var(--bg-tertiary);border-top:2px solid var(--border-color)}.tabela-excel tfoot td{padding:15px;font-weight:600}.linha-total{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important}.linha-total td{border-bottom:none!important}[data-theme=dark] .tabela-excel-container.vendas-sistema{border-color:#059669}[data-theme=dark] .tabela-vendas thead th{background:linear-gradient(135deg,#10b98126,#10b9811a)}[data-theme=dark] .linha-venda-sistema:hover{background:#10b9811a}[data-theme=dark] .linha-total{background:linear-gradient(135deg,#10b98126,#10b9811a)!important}.dark .tabela-excel-container.vendas-sistema{border-color:#059669}.dark .tabela-vendas thead th{background:linear-gradient(135deg,#10b98126,#10b9811a)}.dark .linha-venda-sistema:hover{background:#10b9811a}.dark .linha-total{background:linear-gradient(135deg,#10b98126,#10b9811a)!important}.filtros-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.filtros-rapidos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filtros-rapidos-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.btn-filtro-rapido{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-filtro-rapido:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-filtro-rapido.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media(max-width:768px){.filtros-row{flex-direction:column;align-items:stretch}.filtros-rapidos{justify-content:flex-start;margin-top:10px}}@media(max-width:480px){.btn-filtro-rapido{padding:6px 12px;font-size:.8rem}}.analises-page{padding:20px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 80px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-content{display:flex;align-items:center;gap:15px}.header-content svg{color:var(--accent-primary)}.header-content h1{margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600}.header-content p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.header-controls{display:flex;align-items:center;gap:15px}.periodo-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.periodo-selector svg{color:var(--text-secondary)}.periodo-select{border:none;background:transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;outline:none}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.analises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:25px}.analise-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.analise-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.header-left{display:flex;align-items:center;gap:12px;position:relative}.header-left svg{color:var(--accent-primary)}.header-left h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.header-actions{display:flex;gap:8px}.btn-toggle{padding:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.tooltip-help{position:relative;display:inline-block}.help-icon{color:var(--text-secondary);cursor:help;transition:color .2s ease}.help-icon:hover{color:var(--accent-primary)}.tooltip-content{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:12px;border-radius:8px;font-size:.8rem;line-height:1.4;width:250px;z-index:1000;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin-top:8px}.tooltip-content:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-primary)}.chart-container{padding:20px}.produtos-ranking{padding:20px;display:flex;flex-direction:column;gap:12px}.produto-rank-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.produto-rank-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.rank-position{width:35px;height:35px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.rank-position.warning{background:var(--warning)}.produto-info{flex:1}.produto-info h4{margin:0 0 8px;color:var(--text-primary);font-size:.95rem;font-weight:500}.produto-stats{display:flex;gap:15px;font-size:.8rem}.produto-stats .vendas{color:var(--text-secondary)}.produto-stats .receita{color:var(--success);font-weight:500}.produto-stats .crescimento{font-weight:600}.produto-stats .crescimento.positive{color:var(--success)}.produto-stats .crescimento.negative{color:var(--error)}.estoque-analise{padding:20px}.estoque-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.estoque-item{padding:15px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .2s ease}.estoque-item.critico{border-color:var(--error);background:#ef44440d}.estoque-item.atencao{border-color:var(--warning);background:#f59e0b0d}.estoque-item.normal{border-color:var(--success);background:#10b9810d}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-header h4{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:500}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.status-badge.critico{background:var(--error);color:#fff}.status-badge.atencao{background:var(--warning);color:#fff}.status-badge.normal{background:var(--success);color:#fff}.item-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.stat{display:flex;justify-content:space-between;font-size:.8rem}.stat .label{color:var(--text-secondary)}.stat .value{color:var(--text-primary);font-weight:500}.recomendacao{display:flex;align-items:center;gap:6px;padding:8px;background:#ef44441a;border-radius:6px;font-size:.8rem;color:var(--error);font-weight:500}.recomendacao svg{color:var(--error)}@media(max-width:1200px){.analises-grid{grid-template-columns:1fr}}@media(max-width:768px){.analises-page{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.header-controls{width:100%;justify-content:center;flex-wrap:wrap}.analise-card{margin:0}.card-header{flex-direction:column;gap:10px;align-items:flex-start}.header-actions{align-self:flex-end}.produto-stats{flex-direction:column;gap:5px}.estoque-grid{grid-template-columns:1fr}.tooltip-content{width:200px;font-size:.75rem}}@media(max-width:480px){.analises-page{padding:10px}.analise-card{border-radius:8px}.card-header,.chart-container,.produtos-ranking,.estoque-analise{padding:15px}.produto-rank-item{padding:12px}.rank-position{width:30px;height:30px;font-size:.8rem}.header-content h1{font-size:1.5rem}}[data-theme=dark] .tooltip-content{background:#374151;color:#f3f4f6;border-color:#4b5563}[data-theme=dark] .tooltip-content:before{border-bottom-color:#374151}[data-theme=dark] .estoque-item.critico{background:#ef44441a}[data-theme=dark] .estoque-item.atencao{background:#f59e0b1a}[data-theme=dark] .estoque-item.normal{background:#10b9811a}[data-theme=dark] .recomendacao{background:#ef444426}.date-picker-container{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.date-input-group{display:flex;align-items:center;gap:6px}.date-input-group svg{color:var(--text-secondary)}.date-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);padding:6px 8px;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s ease}.date-input:focus{border-color:var(--accent-primary)}.date-separator{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media(max-width:1024px){.header-controls{flex-wrap:wrap;gap:10px}.date-picker-container{flex-wrap:wrap;min-width:280px}}@media(max-width:768px){.date-picker-container{flex-direction:column;gap:8px;width:100%;min-width:unset}.date-input-group{width:100%;justify-content:space-between}.date-input{flex:1;min-width:120px}}@media(max-width:480px){.header-controls{flex-direction:column;width:100%}.periodo-selector,.date-picker-container{width:100%}.date-input-group{flex-direction:column;gap:4px}.date-input{width:100%}}.export-dropdown{position:relative;display:inline-block}.export-dropdown .btn-primary{position:relative;z-index:1}.export-dropdown .btn-primary svg:last-child{transition:transform .2s ease}.export-dropdown .btn-primary svg:last-child.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;min-width:280px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;margin-top:4px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:16px;width:100%;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease;text-align:left;border-bottom:1px solid var(--border-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item svg{color:var(--accent-primary);margin-top:2px;flex-shrink:0}.dropdown-item span{font-weight:500;font-size:.9rem;margin-bottom:2px;display:block}.dropdown-item small{color:var(--text-secondary);font-size:.8rem;line-height:1.3;display:block}@media(max-width:768px){.dropdown-menu{right:auto;left:0;min-width:260px}}@media(max-width:480px){.dropdown-menu{min-width:240px}.dropdown-item{padding:14px}.dropdown-item span{font-size:.85rem}.dropdown-item small{font-size:.75rem}}[data-theme=dark] .dropdown-menu{background:#374151;border-color:#4b5563;box-shadow:0 10px 25px #0000004d}[data-theme=dark] .dropdown-item:hover{background:#4b5563}[data-theme=dark] .dropdown-item{border-color:#4b5563}.cancellation-pin-config{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.config-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;color:#000}.header-icon{background:#0000001a;padding:.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.header-info h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.header-info p{margin:0;font-size:.875rem;opacity:.9}.config-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.existing-pin-notice{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;color:#92400e}.existing-pin-notice p{margin:0 0 .25rem;font-weight:500}.existing-pin-notice span{font-size:.875rem;opacity:.8}.pin-form{display:flex;flex-direction:column;gap:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.pin-input-group{position:relative;display:flex;align-items:center}.pin-input{width:100%;padding:.75rem 3rem .75rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:monospace;letter-spacing:.1em;transition:all .2s ease}.toggle-visibility{position:absolute;right:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.toggle-visibility:hover{color:#374151;background:#f3f4f6}.pin-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.pin-requirements h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.pin-requirements ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.pin-requirements li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;position:relative;padding-left:1.5rem}.pin-requirements li:before{content:"✗";position:absolute;left:0;color:#dc2626;font-weight:700}.pin-requirements li.valid{color:#059669}.pin-requirements li.valid:before{content:"✓";color:#059669}.save-pin-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.save-pin-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.save-pin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.security-notice{display:flex;gap:1rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.notice-icon{color:#2563eb;flex-shrink:0}.notice-content h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#1e40af}.notice-content p{margin:0;font-size:.875rem;color:#1e40af;line-height:1.5}@media(max-width:768px){.config-header{flex-direction:column;text-align:center;gap:.75rem}.config-content{padding:1rem}.existing-pin-notice,.security-notice{flex-direction:column;text-align:center;gap:.75rem}.save-pin-btn{align-self:stretch}}[data-theme=dark] .cancellation-pin-config{background:#1f2937;border-color:#374151}[data-theme=dark] .config-header{background:#000;color:#fff}[data-theme=dark] .header-icon{background:#fff3}[data-theme=dark] .config-content{color:#f9fafb}[data-theme=dark] .form-group label{color:#f3f4f6}[data-theme=dark] .pin-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .pin-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .toggle-visibility{color:#9ca3af}[data-theme=dark] .toggle-visibility:hover{color:#f3f4f6;background:#4b5563}[data-theme=dark] .pin-requirements{background:#374151;border-color:#4b5563}[data-theme=dark] .pin-requirements h4{color:#f3f4f6}[data-theme=dark] .pin-requirements li{color:#9ca3af}[data-theme=dark] .pin-requirements li.valid{color:#10b981}[data-theme=dark] .existing-pin-notice{background:#451a03;border-color:#92400e;color:#fbbf24}[data-theme=dark] .security-notice{background:#1e3a8a;border-color:#3b82f6}[data-theme=dark] .notice-content h4,[data-theme=dark] .notice-content p{color:#93c5fd}.boleto-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.boleto-modal{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.boleto-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.modal-title{display:flex;align-items:center;gap:12px}.modal-title svg{color:var(--accent-primary)}.modal-title h2{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:600}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.boleto-modal-content{flex:1;overflow-y:auto;padding:24px}.form-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.section-header svg{color:var(--accent-primary)}.section-header h3{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.form-group input:disabled,.form-group select:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.preview-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:24px}.preview-section h3{margin:0 0 16px;color:var(--text-primary);font-size:1rem;font-weight:600}.preview-content{display:grid;gap:8px}.preview-item{display:flex;gap:8px;font-size:.9rem;color:var(--text-primary)}.preview-item strong{color:var(--text-secondary);min-width:100px}.boleto-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-secondary)}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.boleto-modal-overlay{padding:10px}.boleto-modal{max-width:100%;max-height:95vh}.boleto-modal-header,.boleto-modal-footer{padding:16px 20px}.boleto-modal-content{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.modal-title h2{font-size:1.2rem}.boleto-modal-footer{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;justify-content:center}}[data-theme=dark] .boleto-modal{background:var(--bg-secondary)}[data-theme=dark] .boleto-modal-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .boleto-modal-footer{background:var(--bg-primary);border-top-color:var(--border-color)}[data-theme=dark] .preview-section{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group select:disabled{background:var(--bg-tertiary);color:var(--text-secondary)}.configuracoes-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.header-content{display:flex;align-items:center;gap:1rem}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.header-content p{font-size:1rem;color:var(--text-secondary)}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.configuracoes-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:calc(100vh - 200px)}@media(max-width:1024px){.configuracoes-content{grid-template-columns:250px 1fr;gap:1.5rem}}@media(max-width:768px){.configuracoes-content{grid-template-columns:1fr;gap:1rem}.settings-tabs{position:static;flex-direction:row;overflow-x:auto;padding:.75rem}.tab-button{white-space:nowrap;min-width:fit-content}}.settings-tabs{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-color);height:fit-content;position:sticky;top:2rem}.tab-button{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.settings-content{background:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-color);padding:2rem}.settings-section{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.section-header p{font-size:.875rem;color:var(--text-secondary)}.settings-grid{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease;overflow:hidden;width:100%;box-sizing:border-box}.setting-item:hover{box-shadow:var(--shadow-sm);border-color:var(--accent-primary)}.setting-header{display:flex;align-items:center;gap:.75rem;flex:1}.setting-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.setting-header p{font-size:.875rem;color:var(--text-secondary)}.setting-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0;max-width:50%;min-width:200px}.setting-controls input[type=text],.setting-controls input[type=email],.setting-controls input[type=number],.setting-controls input[type=password],.setting-controls select,.setting-controls textarea{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease;min-width:120px;max-width:100%;width:auto;box-sizing:border-box}.setting-controls input:focus,.setting-controls select:focus,.setting-controls textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.input-suffix{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-left:-.5rem}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(26px)}.number-input,.text-input,.select-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:120px;max-width:100%;width:100%;box-sizing:border-box;transition:all .2s ease}.number-input:focus,.text-input:focus,.select-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.integration-info{padding:1.5rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:1rem}.integration-info h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.provider-instructions h5{font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem}.provider-instructions ul{margin:.5rem 0;padding-left:1.5rem;color:var(--text-secondary)}.provider-instructions ul li{margin-bottom:.25rem;font-size:.875rem}.provider-instructions a{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.875rem}.provider-instructions a:hover{text-decoration:underline}.funcionarios-list{display:flex;flex-direction:column;gap:1rem}.funcionario-card{display:grid;grid-template-columns:300px 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.funcionario-card:hover{box-shadow:var(--shadow-sm);border-color:var(--accent-primary)}.funcionario-card.inactive{opacity:.6;background:var(--bg-tertiary)}.funcionario-info{display:flex;align-items:center;gap:1rem}.funcionario-avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0}.funcionario-details h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.funcionario-details p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.role-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.role-badge.admin{background:var(--success);color:#fff}.role-badge.func{background:var(--bg-tertiary);color:var(--text-secondary)}.funcionario-permissions h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.permissions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.permission-tag.active{background:var(--success);color:#fff;border-color:var(--success)}.permission-tag:not(.active){background:var(--bg-tertiary);color:var(--text-muted)}.funcionario-actions{display:flex;gap:.5rem}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-secondary.warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-secondary.success{background:var(--success);color:#fff;border-color:var(--success)}.btn-secondary.error{background:var(--error);color:#fff;border-color:var(--error)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-content .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.permissions-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;margin:0}.empresa-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-top:1rem;width:100%;box-sizing:border-box;overflow:hidden}.empresa-preview h6{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;word-wrap:break-word}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;box-sizing:border-box}.preview-content p{font-size:.875rem;color:var(--text-secondary);margin:0;padding:.5rem 0;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.preview-content p:last-child{border-bottom:none}.preview-content strong{color:var(--text-primary);font-weight:600;display:inline-block;margin-right:.25rem}.setting-item.full-width{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}.setting-item.full-width .setting-header{margin-bottom:1rem}@media(max-width:1024px){.configuracoes-content{grid-template-columns:250px 1fr;gap:1.5rem}.funcionario-card{grid-template-columns:1fr auto;gap:1rem}.funcionario-permissions{grid-column:1 / -1;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}}@media(max-width:768px){.configuracoes-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.configuracoes-content{grid-template-columns:1fr;gap:1rem}.settings-tabs{flex-direction:row;overflow-x:auto;padding:.75rem;position:static}.tab-button{white-space:nowrap;min-width:150px}.funcionario-card{grid-template-columns:1fr;text-align:center}.funcionario-actions{justify-content:center}.permissions-checkboxes,.preview-content{grid-template-columns:1fr}}@media(max-width:480px){.settings-tabs{flex-direction:column}.tab-button{min-width:auto}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-controls{align-self:flex-end}}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;margin-left:.5rem}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.saas-master-badge{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500}.loading-state{display:flex;justify-content:center;align-items:center;padding:3rem;text-align:center}.loading-state p{color:var(--text-secondary);font-size:1rem}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;text-align:center;gap:1rem}.empty-state svg{color:var(--text-tertiary);opacity:.6}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p{color:var(--text-secondary);margin:0;max-width:400px}.integration-info.mercadopago{background:linear-gradient(135deg,#0af,#0087ff);color:#fff;border:none;box-shadow:var(--shadow-md)}.integration-info.mercadopago h4{color:#fff;margin-bottom:1rem}.integration-info.mercadopago h5{color:#e6f7ff;margin-bottom:.5rem}.integration-info.mercadopago ul{color:#e6f7ff}.integration-info.mercadopago ul li{margin-bottom:.5rem}.mp-credentials{background:#ffffff1a;padding:1rem;border-radius:.5rem;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mp-credentials h6{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.mp-credentials code{display:block;background:#0003;padding:.5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;word-break:break-all;margin:.25rem 0;color:#fff}.connection-status{padding:1.5rem;border-radius:.75rem;border:1px solid;margin-top:1rem;animation:slideIn .3s ease}.connection-status.success{background:#dcfce7;border-color:#16a34a;color:#166534}.connection-status.error{background:#fef2f2;border-color:#dc2626;color:#991b1b}.status-header{font-size:1rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.status-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.status-details p{margin:.25rem 0;font-size:.875rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-primary:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:var(--border-color);transform:none;box-shadow:none}[data-theme=dark] .connection-status.success{background:#22c55e1a;border-color:#22c55e;color:#4ade80}[data-theme=dark] .connection-status.error{background:#ef44441a;border-color:#ef4444;color:#f87171}[data-theme=dark] .mp-credentials{background:#ffffff0d}.logo-setting{flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box;overflow:hidden}.logo-upload-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.logo-preview{display:flex;justify-content:center;align-items:center;width:200px;height:200px;max-width:100%;border:2px dashed var(--border-color);border-radius:1rem;background:var(--bg-tertiary);position:relative;overflow:hidden;transition:all .3s ease;margin:0 auto;box-sizing:border-box}.logo-preview:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.logo-preview-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-preview-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.logo-overlay{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .3s ease}.logo-preview-image:hover .logo-overlay{opacity:1}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);text-align:center}.logo-placeholder span{font-size:.875rem;font-weight:500}.logo-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.logo-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-top:1rem}.logo-info p{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0;line-height:1.4}.btn-small{padding:.375rem;min-width:auto;border-radius:.375rem}.btn-danger{background:var(--error);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:scale(1.05)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.logo-preview{width:150px;height:150px}.logo-controls{flex-direction:column;align-items:center}.logo-info{font-size:.75rem}}@media(max-width:480px){.logo-preview{width:120px;height:120px}}.boleto-config-section h5{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.config-description{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.boleto-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:1.25rem}.boleto-field{display:flex;flex-direction:column;gap:.5rem}.field-label{display:flex;flex-direction:column;gap:.25rem}.label-text{font-weight:600;font-size:.875rem;color:var(--text-primary)}.label-description{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.boleto-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-top:1.5rem}.boleto-preview h6{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.boleto-preview .preview-content{display:grid;gap:.5rem}.boleto-preview .preview-content p{margin:0;font-size:.9rem;color:var(--text-secondary);display:flex;justify-content:space-between}.boleto-preview .preview-content strong{color:var(--text-primary);font-weight:500;min-width:100px}.select-input option{padding:.5rem}@media(max-width:768px){.boleto-config-section{padding:1rem}.boleto-preview .preview-content p{flex-direction:column;gap:.25rem}.boleto-preview .preview-content strong{min-width:auto}}.usage-info{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.usage-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.usage-text.limit-reached{color:var(--error-color)}.limit-warning{font-size:.75rem;color:var(--error-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--primary-color);transform:none}.password-input.invalid{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.password-error{color:var(--error);font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.password-success{color:var(--success);font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem;font-weight:500}.form-help{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.scanner-status-preview{margin-top:1.5rem}.scanner-status-preview h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-preview-card{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem}.scanner-status-display{display:flex;align-items:center;gap:.5rem}.scanner-status-display .status-indicator{width:4px!important;height:4px!important;border-radius:50%!important;min-width:4px;min-height:4px;max-width:4px;max-height:4px;display:inline-block;position:relative;flex-shrink:0}.scanner-status-display .status-indicator.active{background:#10b981}.scanner-status-display .status-indicator.inactive{background:#9ca3af}.scanner-type{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}[data-theme=dark] .modal-content{background:#2d3748;border:1px solid #4a5568}[data-theme=dark] .certificate-details,[data-theme=dark] .input-group{background-color:#1a202c;border:1px solid #4a5568}[data-theme=dark] .file-selected{background-color:#065f46;color:#a7f3d0}.certificate-modal{width:600px;max-width:90vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:var(--text-secondary);transition:all .2s}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.certificate-configured{text-align:center}.certificate-status{margin-bottom:24px}.certificate-status h4{margin:12px 0 0;font-size:1.125rem;font-weight:600;color:#10b981}.certificate-details{background-color:var(--bg-primary);border-radius:8px;padding:20px;margin-bottom:24px;text-align:left;border:1px solid var(--border-color)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--text-primary);font-weight:500}.certificate-actions{display:flex;justify-content:center}.certificate-upload{display:flex;flex-direction:column;gap:24px}.upload-section h4,.password-section h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary)}.upload-section p{margin:0 0 16px;color:var(--text-secondary);font-size:.875rem}.file-upload{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-upload{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload:hover{background-color:var(--accent-hover)}.file-selected{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ecfdf5;color:#065f46;border-radius:6px;font-size:.875rem;font-weight:500}.input-group{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);transition:border-color .2s}.input-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.password-input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:var(--text-primary)}.password-input::placeholder{color:var(--text-secondary)}.upload-progress{text-align:center}.progress-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:var(--accent-primary);transition:width .3s ease}.upload-progress p{margin:0;color:var(--text-secondary);font-size:.875rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem;display:flex;align-items:center;gap:8px}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{background-color:var(--text-secondary);cursor:not-allowed}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}@media(max-width:640px){.certificate-modal{width:95vw;margin:20px}.modal-header,.modal-body{padding:16px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.boleto-config-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:15px;position:relative}.boleto-actions .btn-secondary,.boleto-actions .btn-primary{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;border:none;white-space:nowrap}.boleto-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.boleto-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.boleto-actions .btn-primary{background:var(--accent-primary);color:#fff}.boleto-actions .btn-primary:hover{background:var(--accent-secondary)}.boleto-config-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:15px}.boleto-config-section h5{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.boleto-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px;margin-top:20px}.boleto-preview h6{margin:0 0 12px;color:var(--text-primary);font-size:1rem;font-weight:600}.boleto-preview .preview-content{display:grid;gap:6px}.boleto-preview .preview-content p{margin:0;font-size:.9rem;color:var(--text-primary)}.boleto-preview .preview-content strong{color:var(--text-secondary);font-weight:500;display:inline-block;min-width:100px}@media(max-width:768px){.boleto-header{flex-direction:column;gap:15px}.boleto-actions{width:100%;justify-content:stretch}.boleto-actions .btn-secondary,.boleto-actions .btn-primary{flex:1;justify-content:center}}[data-theme=dark] .boleto-config-section{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .boleto-preview{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .boleto-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .boleto-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.boleto-content{width:100%}.boleto-content h5{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.config-description{margin:0 0 20px;color:var(--text-secondary);font-size:.9rem}.boleto-actions-vertical{display:flex;flex-direction:column;gap:10px;width:fit-content}.boleto-actions-vertical .btn-secondary,.boleto-actions-vertical .btn-primary{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;border:none;white-space:nowrap;min-width:120px;justify-content:center}.boleto-actions-vertical .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.boleto-actions-vertical .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.boleto-actions-vertical .btn-primary{background:var(--accent-primary);color:#fff}.boleto-actions-vertical .btn-primary:hover{background:var(--accent-secondary)}@media(max-width:768px){.boleto-actions-vertical{width:100%}.boleto-actions-vertical .btn-secondary,.boleto-actions-vertical .btn-primary{width:100%;min-width:auto}}[data-theme=dark] .boleto-actions-vertical .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .boleto-actions-vertical .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.setting-item{overflow:visible;position:relative}.setting-controls{overflow:hidden}.setting-controls input,.setting-controls select,.setting-controls textarea{max-width:100%;width:100%;box-sizing:border-box}@media(max-width:1024px){.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-header{width:100%}.setting-controls{width:100%;max-width:100%}.setting-controls input,.setting-controls select,.setting-controls textarea{width:100%;min-width:100%}}@media(max-width:768px){.setting-item{padding:1rem}.setting-controls{flex-direction:column;width:100%}.setting-controls input,.setting-controls select,.setting-controls textarea{width:100%}}.text-input::placeholder,input::placeholder,textarea::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-item.logo-setting{grid-column:1 / -1;overflow:visible}.logo-upload-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.logo-preview{display:flex;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;border-radius:.75rem;overflow:hidden;background:var(--bg-secondary);border:2px dashed var(--border-color)}.logo-preview-image{position:relative;width:100%;height:100%}.logo-preview-image img{width:100%;height:100%;object-fit:contain;padding:.5rem}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.logo-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.logo-controls button{min-width:150px}.logo-info{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--accent-primary)}.logo-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.empresa-preview{width:100%;padding:1.5rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);box-sizing:border-box}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.preview-header h6{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.btn-view-all{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-view-all:hover{background:var(--accent-hover);transform:translateY(-1px)}.preview-content{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;max-height:60px;overflow:hidden;transition:max-height .3s ease}.preview-content.expanded{max-height:500px}.preview-content p{font-size:.875rem;color:var(--text-secondary);margin:0;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:.375rem;word-wrap:break-word;overflow-wrap:break-word;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.preview-content p strong{color:var(--text-primary);font-weight:600}@media(max-width:1024px){.preview-content{max-height:80px}.preview-content p{font-size:.8125rem;padding:.375rem .625rem}}@media(max-width:768px){.preview-content{flex-direction:column;align-items:flex-start;max-height:120px}.preview-content p{width:100%;white-space:normal}.preview-header{flex-direction:column;gap:.75rem;align-items:flex-start}.btn-view-all{width:100%}}@media(max-width:768px){.logo-preview{width:150px;height:150px}.logo-controls{flex-direction:column}.logo-controls button{width:100%}}@media(max-width:480px){.logo-preview{width:120px;height:120px}.logo-upload-container{padding:1rem;gap:1rem}}.logs-container{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;min-height:300px}.loading-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #6b7280)}.loading-logs .spinning{animation:spin 1s linear infinite;margin-bottom:1rem}.empty-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #6b7280)}.empty-logs svg{color:#d1d5db;margin-bottom:1rem}.empty-logs h4{margin:0 0 .5rem;color:var(--text-primary, #1f2937)}.empty-logs p{margin:0;font-size:.875rem}.logs-list{display:flex;flex-direction:column;gap:.5rem}.logs-header-row{display:grid;grid-template-columns:100px 1fr 100px 1fr 150px 60px;gap:1rem;padding:.75rem 1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-weight:600;font-size:.8rem;color:var(--text-secondary, #6b7280);text-transform:uppercase}.log-item{display:grid;grid-template-columns:100px 1fr 100px 1fr 150px 60px;gap:1rem;padding:.75rem 1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;align-items:center;font-size:.9rem;transition:all .2s ease}.log-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.log-pedido-id{font-weight:600;color:#3b82f6}.log-valor{font-weight:600;color:#10b981}.log-data{font-size:.8rem;color:var(--text-secondary, #6b7280)}.btn-view-log{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:#eff6ff;color:#3b82f6;cursor:pointer;transition:all .2s ease}.btn-view-log:hover{background:#3b82f6;color:#fff}.log-detail-modal{max-width:600px!important}.log-detail-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.log-detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.log-detail-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.log-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.log-detail-item{display:flex;flex-direction:column;gap:.25rem}.log-detail-item label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase}.log-detail-item span{font-size:.9rem;color:var(--text-primary, #1f2937)}.valor-destaque{font-weight:700;color:#10b981!important;font-size:1rem!important}.log-items-list{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.log-items-list li{margin-bottom:.25rem}.log-observacoes{margin:0;padding:.75rem;background:var(--bg-secondary, #f8fafc);border-radius:.375rem;font-size:.875rem;color:var(--text-primary, #1f2937)}.log-audit{background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem!important;margin-top:1rem}.log-audit h4{color:#92400e!important}.dark .logs-container{background:#1e293b;border-color:#334155}.dark .logs-header-row,.dark .log-item{background:#334155;border-color:#475569}.dark .empty-logs h4,.dark .log-detail-section h4,.dark .log-detail-item span{color:#f1f5f9}.dark .log-audit{background:#422006;border-color:#92400e}.dark .log-observacoes{background:#334155;color:#f1f5f9}@media(max-width:768px){.logs-header-row{display:none}.log-item{grid-template-columns:1fr;gap:.5rem}.log-item span:before{content:attr(data-label);font-weight:600;margin-right:.5rem;color:var(--text-secondary)}.log-detail-grid{grid-template-columns:1fr}}.nfe-settings-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.nfe-settings-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.nfe-settings-header h3{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.nfe-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.nfe-settings-section{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.nfe-settings-section h4{margin:0 0 16px;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.nfe-form-group{margin-bottom:16px}.nfe-form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:500;font-size:.9rem}.nfe-form-group input,.nfe-form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.nfe-form-group input:focus,.nfe-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.nfe-toggle-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.nfe-toggle{position:relative;width:48px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;transition:background-color .2s}.nfe-toggle.active{background:#10b981}.nfe-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.nfe-toggle.active .nfe-toggle-slider{transform:translate(24px)}.nfe-toggle-label{color:#374151;font-weight:500}.nfe-certificate-section{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:20px}.nfe-certificate-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.nfe-certificate-header h5{margin:0;color:#92400e;font-size:1rem;font-weight:600}.nfe-certificate-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.nfe-certificate-status.configured{background:#d1fae5;color:#065f46;border:1px solid #10b981}.nfe-certificate-status.not-configured{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.nfe-certificate-actions{display:flex;gap:12px;margin-top:12px}.nfe-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.nfe-btn-primary{background:#3b82f6;color:#fff}.nfe-btn-primary:hover{background:#2563eb}.nfe-btn-secondary{background:#6b7280;color:#fff}.nfe-btn-secondary:hover{background:#4b5563}.nfe-btn-danger{background:#ef4444;color:#fff}.nfe-btn-danger:hover{background:#dc2626}.nfe-address-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.nfe-address-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.nfe-info-box{background:#eff6ff;border:1px solid #3b82f6;border-radius:6px;padding:12px;margin-top:16px}.nfe-info-box p{margin:0;color:#1e40af;font-size:.85rem;line-height:1.4}.nfe-disabled{opacity:.6;pointer-events:none}@media(max-width:768px){.nfe-settings-grid,.nfe-address-grid,.nfe-address-row{grid-template-columns:1fr}.nfe-certificate-actions{flex-direction:column}}@keyframes nfe-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nfe-settings-container{animation:nfe-fade-in .3s ease-out}.nfe-loading{position:relative;overflow:hidden}.nfe-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:nfe-loading-shimmer 1.5s infinite}@keyframes nfe-loading-shimmer{0%{left:-100%}to{left:100%}}.cozinha-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--text-primary);padding:1rem 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.cozinha-header{display:flex;justify-content:space-between;align-items:center;margin:0 1rem 1.5rem;padding:1.5rem 2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.8);flex-wrap:wrap;gap:1.5rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:#6366f1;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:.75rem;border-radius:1rem;box-shadow:0 4px 12px #6366f14d}.header-title h1{font-size:2rem;font-weight:700;color:#000;margin:0;line-height:1.2}.header-title p{font-size:.95rem;color:#000;margin:.25rem 0 0;font-weight:500}.header-stats{display:flex;gap:1rem;align-items:center}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;min-width:120px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card svg{padding:.5rem;border-radius:.75rem;background:#0000001a;color:#000}.stat-card.novo svg{background:#0000001a;color:#000}.stat-card.preparando svg{background:#0000001a;color:#000}.stat-card.pronto svg{background:#0000001a;color:#000}.stat-value{font-size:1.75rem;font-weight:700;color:#000;line-height:1}.stat-label{font-size:.875rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.05em}.header-actions{display:flex;gap:1rem;align-items:center}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166;background:var(--accent-hover)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.cozinha-tabs{display:flex;gap:.5rem;margin:0 1rem 1.5rem;padding:.5rem;background:#fff;border-radius:1.25rem;box-shadow:0 2px 12px #0000000f;border:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cozinha-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:.875rem;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.tab-btn:hover{background:#f1f5f9;color:#475569}.tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#000;box-shadow:0 4px 12px #6366f14d}.tab-btn svg{width:18px;height:18px}.pedidos-container{background:#fff;border-radius:0;padding:1.5rem 0;box-shadow:none;border:none;border-top:1px solid rgba(226,232,240,.8);min-height:400px;width:100%}.pedidos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;padding:0 1rem}.pedido-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.pedido-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e2e8f0;transition:all .3s ease}.pedido-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.pedido-card.novo:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.pedido-card.preparando:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.pedido-card.pronto:before{background:linear-gradient(180deg,#22c55e,#16a34a);animation:pulse-glow 2s infinite}.pedido-card.entregue:before{background:linear-gradient(180deg,#94a3b8,#64748b)}.pedido-card.late{border-color:#ef4444;background:linear-gradient(135deg,#ef444405,#ef44440d)}.pedido-card.late:before{background:linear-gradient(180deg,#ef4444,#dc2626);animation:pulse-urgent 1.5s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.5}}.pedido-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.pedido-mesa{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#1e293b}.pedido-mesa svg{color:#6366f1;width:18px;height:18px}.pedido-setor{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f1f5f9;border-radius:.75rem;font-size:.8rem;font-weight:600;color:#475569}.pedido-setor svg{width:14px;height:14px}.pedido-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pedido-status.novo{background:#3b82f61a;color:#1d4ed8}.pedido-status.preparando{background:#f59e0b1a;color:#d97706}.pedido-status.pronto{background:#22c55e1a;color:#16a34a}.pedido-status.entregue{background:#94a3b81a;color:#64748b}.pedido-status svg{width:14px;height:14px}.pedido-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.pedido-cliente,.pedido-tempo{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.pedido-cliente svg,.pedido-tempo svg{width:16px;height:16px;color:#94a3b8}.tempo-estimado{color:#94a3b8;font-weight:500}.late-indicator{background:#ef4444;color:#fff;padding:.125rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:.5rem;animation:pulse-urgent 1.5s infinite}.pedido-criado-por{display:flex;align-items:center;gap:.5rem;font-size:.8em;color:var(--text-secondary);margin-top:.25rem}.pedido-criado-por svg{width:14px;height:14px;color:var(--text-tertiary)}.pedido-items{margin-bottom:1rem}.item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.item:last-child{border-bottom:none}.item-quantity{background:#6366f1;color:#1e293b;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:700;min-width:2rem;text-align:center}.item-name{font-weight:600;color:#1e293b;flex:1}.item-obs{font-style:italic;color:#64748b;font-size:.8rem}.pedido-observacoes{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.75rem;margin-bottom:1rem;font-size:.875rem;color:#92400e}.pedido-observacoes svg{width:16px;height:16px;color:#f59e0b;margin-top:.125rem;flex-shrink:0}.pedido-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.btn-warning,.btn-success,.btn-muted{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}.btn-muted{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 2px 8px #94a3b84d}.btn-muted:hover{transform:translateY(-2px);box-shadow:0 4px 15px #94a3b866}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-delete-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:.75rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-delete-icon:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#475569;margin-bottom:.5rem}.empty-state p{font-size:.95rem;color:#64748b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.novo-pedido-modal{background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.modal-header svg{color:#6366f1}.close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;border:none;border-radius:.75rem;color:#64748b;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#e2e8f0;color:#475569}.modal-main-content{padding:2rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:1px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group textarea{padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.95rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.setor-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.setor-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.setor-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.setor-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#000;box-shadow:0 2px 8px #6366f14d}.items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.item-row{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;min-height:60px}.item-quantity{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.125rem;min-width:80px}.item-quantity button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#6366f1;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.item-quantity button:hover{background:#5b5bd6}.item-quantity span{font-weight:600;color:#1e293b;min-width:1.5rem;text-align:center;font-size:.875rem}.item-name{flex:2.5;min-width:150px}.item-obs{flex:1.5;min-width:120px}.product-search-container{position:relative;flex:2.5;min-width:150px}.product-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 8px 25px #00000026;max-height:250px;overflow-y:auto;z-index:99999;margin-top:.5rem}.product-suggestion{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;border-bottom:1px solid #e2e8f0;transition:all .2s ease;min-height:50px}.product-suggestion:hover{background-color:#f1f5f9;border-left:3px solid #6366f1;padding-left:.875rem}.product-suggestion:last-child{border-bottom:none}.product-name{font-weight:600;color:#1e293b;font-size:.95rem;line-height:1.4}.product-time{font-size:.85rem;color:#6366f1;background:#6366f126;padding:.375rem .75rem;border-radius:.5rem;font-weight:700;white-space:nowrap}.loading-products{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;text-align:center;font-size:.875rem;color:#64748b;margin-top:.25rem;z-index:99999}[data-theme=dark] .product-suggestions{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 25px #0006}[data-theme=dark] .product-suggestion{border-bottom-color:var(--border-color)}[data-theme=dark] .product-suggestion:hover{background-color:var(--bg-tertiary);border-left:3px solid #8b5cf6}[data-theme=dark] .product-name{color:var(--text-primary);font-weight:600}[data-theme=dark] .product-time{color:#a78bfa;background:#8b5cf633;font-weight:700}[data-theme=dark] .loading-products{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.remove-item-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.remove-item-btn:hover{background:#fee2e2;border-color:#fca5a5}.aguardando-entrega-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:.75rem;font-size:.875rem;font-weight:600;flex:1;animation:pulse-ready 2s infinite}@keyframes pulse-ready{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#f0f9ff;color:#0369a1;border:1px dashed #7dd3fc;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-item-btn:hover{background:#e0f2fe;border-color:#38bdf8}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.oculto-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg-secondary);border-radius:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.oculto-view-selector{display:flex;gap:.5rem}.view-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.view-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.view-btn.active{background-color:var(--accent-primary);color:#000;border-color:var(--accent-primary)}.oculto-search{display:flex;gap:.5rem;align-items:center}.search-field-select{padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.85rem;height:38px}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container .search-icon{position:absolute;left:.75rem;color:var(--text-secondary);pointer-events:none}.search-input-container .search-input{padding:.6rem .8rem .6rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.85rem;min-width:200px}[data-theme=dark] .oculto-controls{background-color:var(--bg-secondary)}[data-theme=dark] .view-btn{background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .view-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .view-btn.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}[data-theme=dark] .search-field-select,[data-theme=dark] .search-input-container .search-input{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .search-input-container .search-icon{color:var(--text-secondary)}@media(min-width:2400px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:0 3rem}}@media(min-width:1800px)and (max-width:2399px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;padding:0 2rem}}@media(min-width:1400px)and (max-width:1799px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:0 1.5rem}}@media(min-width:1200px)and (max-width:1399px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:0 1rem}}@media(min-width:900px)and (max-width:1199px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:0 1rem}}@media(min-width:600px)and (max-width:899px){.pedidos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;padding:0 .75rem}}@media(max-width:599px){.pedidos-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}}@media(max-width:768px){.cozinha-page{padding:1rem}.cozinha-header{flex-direction:column;align-items:stretch;text-align:center;padding:1.5rem}.header-stats{justify-content:center;flex-wrap:wrap}.stat-card{min-width:100px}.pedidos-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.pedido-header{flex-direction:column;align-items:stretch;gap:.5rem}.pedido-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.item-row{flex-direction:column;gap:.5rem;align-items:stretch}.item-quantity{align-self:flex-start;min-width:100px}.item-name,.item-obs,.product-search-container{min-width:unset;width:100%}.novo-pedido-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-header,.modal-main-content,.modal-footer{padding:1rem}}@media(max-width:480px){.cozinha-header{padding:1rem}.header-title h1{font-size:1.5rem}.header-stats{gap:.5rem}.stat-card{min-width:80px;padding:.75rem 1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.cozinha-tabs{padding:.25rem}.tab-btn{padding:.75rem 1rem;font-size:.8rem}.pedidos-container,.pedido-card{padding:1rem}.item-row{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.item-quantity{align-self:flex-start;min-width:120px}.item-name,.item-obs,.product-search-container{width:100%}.novo-pedido-modal{margin:.25rem;max-height:calc(100vh - .5rem);max-width:calc(100vw - .5rem)}.modal-header,.modal-main-content,.modal-footer{padding:.75rem}.modal-header h2{font-size:1.25rem}}[data-theme=dark] .cozinha-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary)}[data-theme=dark] .cozinha-header{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .header-title h1{color:var(--text-primary)}[data-theme=dark] .header-title p{color:var(--text-secondary)}[data-theme=dark] .header-title svg{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166}[data-theme=dark] .stat-card{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 25px #0000004d}[data-theme=dark] .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}[data-theme=dark] .cozinha-tabs{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 12px #0003}[data-theme=dark] .tab-btn{color:var(--text-secondary)}[data-theme=dark] .tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f166}[data-theme=dark] .pedidos-container{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .pedido-card{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .pedido-card:hover{box-shadow:0 8px 30px #0006}[data-theme=dark] .pedido-mesa{color:var(--text-primary)}[data-theme=dark] .pedido-setor{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .pedido-cliente,[data-theme=dark] .pedido-tempo{color:var(--text-secondary)}[data-theme=dark] .pedido-cliente svg,[data-theme=dark] .pedido-tempo svg{color:var(--text-tertiary)}[data-theme=dark] .item-name{color:var(--text-primary)}[data-theme=dark] .item-obs{color:var(--text-secondary)}[data-theme=dark] .item{border-bottom-color:var(--border-color)}[data-theme=dark] .pedido-observacoes{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .pedido-observacoes svg{color:#f59e0b}[data-theme=dark] .loading-state,[data-theme=dark] .empty-state{color:var(--text-secondary)}[data-theme=dark] .empty-state h3{color:var(--text-primary)}[data-theme=dark] .empty-state svg{color:var(--text-tertiary)}[data-theme=dark] .loading-spinner{border-color:var(--border-color);border-top-color:#6366f1}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .novo-pedido-modal{background:var(--bg-primary);box-shadow:0 20px 60px #0009}[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h2{color:var(--text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}[data-theme=dark] .close-btn{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .setor-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .setor-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .setor-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f166}[data-theme=dark] .item-row{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .item-quantity{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .item-quantity span{color:var(--text-primary)}[data-theme=dark] .remove-item-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}[data-theme=dark] .remove-item-btn:hover{background:#ef444433;border-color:#ef444466}[data-theme=dark] .add-item-btn{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}[data-theme=dark] .add-item-btn:hover{background:#3b82f633;border-color:#3b82f666}[data-theme=dark] .btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .item-quantity{color:#fff}.pin-modal{background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;max-width:400px;width:100%;overflow:hidden;display:flex;flex-direction:column}.pin-modal .modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.pin-modal .modal-content p{font-size:.9rem;color:#475569;margin-bottom:1rem;line-height:1.5}.pin-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;text-align:center;letter-spacing:.3em;margin-bottom:.5rem}.pin-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pin-modal .error-message{font-size:.85rem;color:#ef4444;margin-top:.5rem;text-align:center}[data-theme=dark] .pin-modal{background:var(--bg-primary);box-shadow:0 10px 40px #0006}[data-theme=dark] .pin-modal .modal-header h3{color:var(--text-primary)}[data-theme=dark] .pin-modal .modal-content p{color:var(--text-secondary)}[data-theme=dark] .pin-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .pin-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .pin-modal .error-message{color:#f87171}.aguardando-entrega-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary, #475569);border-radius:.75rem;font-size:.875rem;font-weight:600;text-align:center;justify-content:center;flex:1;border:1px dashed var(--border-color, #cbd5e1)}[data-theme=dark] .aguardando-entrega-indicator{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.aguardando-entrega-indicator svg{width:16px;height:16px}.btn-delete-icon{display:flex;align-items:center;justify-content:center;padding:.75rem;background:transparent;border:1px solid transparent;color:var(--text-secondary, #64748b);border-radius:.75rem;cursor:pointer;transition:all .3s ease;line-height:1}.btn-delete-icon:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-delete-icon svg{width:16px;height:16px}[data-theme=dark] .btn-delete-icon{color:var(--text-secondary)}[data-theme=dark] .btn-delete-icon:hover{background:#ef444426;color:#f87171;border-color:#ef44444d}.tela-cliente{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,48,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%)}.floating-bubbles{position:absolute;width:100%;height:100%}.bubble{position:absolute;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;width:15px;height:15px;animation:float infinite ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) scale(1);opacity:0}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#475569;z-index:10;position:relative}.loading-spinner{width:60px;height:60px;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.tela-cliente-header{text-align:center;padding:2rem 0;position:relative;z-index:10}.titulo-principal{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.1);letter-spacing:-.02em}.pedidos-container{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 30px 30px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 150px)}.secao-pedidos{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInUp .8s ease-out;transition:all .3s ease}.secao-pedidos:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000026}.secao-pedidos.preparando{border-left:6px solid #f59e0b;background:linear-gradient(135deg,#fffffff2,#fbbf240d)}.secao-pedidos.prontos{border-left:6px solid #10b981;background:linear-gradient(135deg,#fffffff2,#10b9810d)}.secao-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;color:#1e293b}.icone-secao{font-size:2.8rem;animation:bounce 3s infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.secao-header h2{font-size:2rem;font-weight:800;margin:0;flex:1;letter-spacing:-.025em}.contador-pedidos{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:10px 18px;border-radius:50px;font-weight:700;font-size:1.2rem;min-width:45px;text-align:center;box-shadow:0 4px 14px #6366f14d;animation:pulse-counter 2s infinite}@keyframes pulse-counter{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lista-pedidos{display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 350px);overflow-y:auto;padding-right:10px}.lista-pedidos::-webkit-scrollbar{width:8px}.lista-pedidos::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.lista-pedidos::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.pedido-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInCard .6s ease-out forwards;transform:translateY(20px);opacity:0;position:relative;overflow:hidden;color:#1e293b}.pedido-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}@keyframes slideInCard{to{opacity:1;transform:translateY(0)}}.pedido-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a}.pedido-card.preparando:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.pedido-card.pronto:before{background:linear-gradient(90deg,#10b981,#059669);animation:readyGlow 2s ease-in-out infinite alternate}@keyframes readyGlow{0%{box-shadow:0 0 5px #10b98180}to{box-shadow:0 0 20px #10b981cc}}.pedido-numero{font-size:1.8rem;font-weight:900;margin-bottom:10px;color:#6366f1;text-shadow:0 2px 4px rgba(99,102,241,.1)}.pedido-cliente{font-size:1.4rem;font-weight:700;margin-bottom:15px;color:#1e293b;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pedido-items{margin-bottom:20px}.item-resumo{font-size:1rem;color:#64748b;margin-bottom:6px;font-weight:500}.mais-items{font-size:.9rem;color:#94a3b8;font-style:italic;font-weight:500}.tempo-preparo{display:flex;flex-direction:column;gap:10px}.progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:3px;animation:progressAnimation 3s ease-in-out infinite;box-shadow:0 0 10px #f59e0b80}@keyframes progressAnimation{0%,to{width:30%}50%{width:80%}}.tempo-preparo span{font-weight:600;color:#f59e0b;font-size:.95rem}.status-pronto{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-top:1rem;box-shadow:0 4px 12px #10b9814d}.ready-indicator{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:50%;animation:pulseRing 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.3s}.pulse-ring.delay-2{animation-delay:.6s}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6;filter:grayscale(.3)}.empty-state p{font-size:1.2rem;font-weight:500}.animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animation-overlay.ready{background:linear-gradient(135deg,#10b981e6,#059669e6)}.animation-container{text-align:center;color:#fff!important;animation:scaleIn .5s ease-out;max-width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.customer-name{font-size:5rem;font-weight:900;margin:30px 0;color:#fff!important;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:glow 2s ease-in-out infinite alternate;letter-spacing:-.02em;text-align:center}.animation-text{font-size:3rem;font-weight:800;margin:20px 0;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.01em;text-align:center}.animation-container p{font-size:1.5rem;opacity:.95;margin:15px 0;font-weight:500;color:#fff!important;text-align:center}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,255,255,.5)}to{text-shadow:0 0 30px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.6)}}@keyframes slideInDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media(max-width:1024px){.pedidos-container{grid-template-columns:1fr;gap:25px;padding:0 20px 20px}.titulo-principal{font-size:3rem}.customer-name{font-size:4rem}}@media(max-width:768px){.tela-cliente-header{padding:30px 15px 15px}.titulo-principal{font-size:2.5rem}.pedidos-container{padding:0 15px 15px}.secao-pedidos{padding:25px}.customer-name{font-size:3rem}.animation-text{font-size:2.2rem}}.gerenciador-saas{padding:1.5rem;max-width:100%;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.page-header{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-left svg{color:var(--primary-color);background:var(--primary-light);padding:.5rem;border-radius:8px}.header-left h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.header-left p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.header-actions{display:flex;gap:.75rem}.tabs-container{margin-bottom:2rem}.tabs{display:flex;gap:.25rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px;border:1px solid var(--border-color);overflow-x:auto}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.9rem;font-weight:500}.tab:hover{background:var(--hover-bg);color:var(--text-primary)}.tab.active{background:var(--primary-color, #3b82f6);color:#fff!important;box-shadow:0 2px 4px #3b82f64d}.tab.active svg{color:#fff!important}[data-theme=dark] .tab,.dark .tab{color:#9ca3af}[data-theme=dark] .tab:hover,.dark .tab:hover{background:#374151;color:#f9fafb}[data-theme=dark] .tab.active,.dark .tab.active{background:#3b82f6;color:#fff!important}[data-theme=dark] .tab.active svg,.dark .tab.active svg{color:#fff!important}.tab-content{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.overview-section{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{background:var(--primary-light);color:var(--primary-color);padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.stat-number{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-change{font-size:.8rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem}.chart-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.chart-actions{display:flex;gap:.5rem}.usage-overview{background:var(--bg-primary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color)}.usage-overview h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.usage-item{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.usage-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.usage-percentage{font-size:.9rem;font-weight:600;color:var(--primary-color)}.usage-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:3px;transition:width .3s ease}.usage-details{font-size:.8rem;color:var(--text-secondary)}.organizations-section{padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-left h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-left p{margin:0;color:var(--text-secondary);font-size:.9rem}[data-theme=dark] .header-left h2,[data-theme=dark] .section-header h2,.dark .header-left h2,.dark .section-header h2{color:#f9fafb}[data-theme=dark] .header-left p,[data-theme=dark] .section-header p,.dark .header-left p,.dark .section-header p{color:#9ca3af}.header-actions{display:flex;align-items:center;gap:1rem}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.75rem;color:var(--text-secondary);z-index:1}.search-box input{padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;width:250px;transition:border-color .2s ease}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.organizations-table{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);overflow:visible}.organizations-table table{width:100%;border-collapse:collapse;overflow:visible}.organizations-table th{background:var(--bg-secondary);padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--border-color)}.organizations-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;overflow:visible}.organizations-table tr:last-child td{border-bottom:none}.organizations-table tr:hover{background:var(--hover-bg)}.organizations-table tbody{overflow:visible}.org-info{display:flex;align-items:center;gap:.75rem}.org-avatar{background:var(--primary-light);color:var(--primary-color);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.org-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.org-email{font-size:.8rem;color:var(--text-secondary)}.owner-info{display:flex;flex-direction:column}.owner-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.owner-date{font-size:.8rem;color:var(--text-secondary)}.plan-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.plan-badge.basic{background:#10b9811a;color:#10b981}.plan-badge.premium{background:#3b82f61a;color:#3b82f6}.plan-badge.enterprise{background:#f59e0b1a;color:#f59e0b}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.usage-summary{display:flex;gap:.75rem}.usage-item-small{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.revenue-info{display:flex;flex-direction:column}.revenue-amount{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.payment-method{font-size:.8rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.payments-section{padding:2rem}.payments-section h2,.payments-section h3,.payments-section h4{color:var(--text-primary)}.payments-section p{color:var(--text-secondary)}[data-theme=dark] .payments-section h2,[data-theme=dark] .payments-section h3,[data-theme=dark] .payments-section h4,.dark .payments-section h2,.dark .payments-section h3,.dark .payments-section h4{color:#f9fafb}[data-theme=dark] .payments-section p,.dark .payments-section p{color:#d1d5db}.payment-providers{margin-bottom:2rem}.payment-providers h3{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.provider-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.provider-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.provider-card.disabled{opacity:.6;background:var(--bg-tertiary)}.provider-card.disabled:hover{transform:none;box-shadow:none}.provider-card.disabled h4{color:var(--text-secondary)}.provider-card.disabled .btn-icon{opacity:.7}.provider-card.configured{border-left:4px solid #10b981}.provider-card.configured .provider-header h4{color:#10b981}.provider-card:not(.configured){border-left:4px solid #6b7280;opacity:.7}.provider-card:not(.configured) .provider-header h4{color:#6b7280}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.provider-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.provider-stats{display:flex;justify-content:space-between;align-items:center}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.8rem;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.payment-settings h3{margin:0 0 1.5rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.setting-item input,.setting-item select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.setting-item input:disabled,.setting-item select:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .payment-settings h3,.dark .payment-settings h3{color:#f9fafb}[data-theme=dark] .setting-item label,.dark .setting-item label{color:#d1d5db}[data-theme=dark] .setting-item input,[data-theme=dark] .setting-item select,.dark .setting-item input,.dark .setting-item select{background:#374151;border-color:#4b5563;color:#f9fafb}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.modal-actions button[type=button]{background:var(--bg-secondary);color:var(--text-secondary)}.modal-actions button[type=button]:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.modal-actions button[type=submit]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.modal-actions button[type=submit]:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.users-section{padding:1.5rem}.users-table{background:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden}.users-table table{width:100%;border-collapse:collapse}.users-table th{background:var(--bg-secondary);padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.users-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:var(--bg-secondary)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.user-name{font-weight:600;color:var(--text-primary)}.user-id{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.admin{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.role-badge.func{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.loading-state,.empty-state{padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.org-info-small{display:flex;flex-direction:column;gap:.25rem}.org-name-small{font-weight:500;color:var(--text-primary);font-size:.875rem}.status-badge-small{padding:.125rem .5rem;border-radius:.75rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}.status-badge-small.active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-badge-small.inactive{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.status-badge-small.suspended{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.modal-form .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.plans-section{padding:2rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.plan-card{background:var(--bg-primary);border-radius:1rem;padding:2rem;border:2px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.plan-card.basic:before{background:#10b981}.plan-card.premium:before{background:#3b82f6}.plan-card.enterprise:before{background:#f59e0b}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.plan-card.basic:hover{border-color:#10b981;box-shadow:0 12px 32px #10b98133}.plan-card.premium:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f633}.plan-card.enterprise:hover{border-color:#f59e0b;box-shadow:0 12px 32px #f59e0b33}.plan-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.plan-header h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-price .currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.plan-price .amount{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.plan-price .period{font-size:1rem;color:var(--text-secondary)}.plan-description{margin-bottom:1.5rem;text-align:center}.plan-description p{margin:0;color:var(--text-secondary);font-size:.95rem}.plan-features{margin-bottom:1.5rem}.plan-features h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.plan-features ul{margin:0;padding:0;list-style:none}.plan-features li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.plan-features li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#10b981}.plan-limits{margin-bottom:2rem;overflow:hidden}.plan-limits h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.limit-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.limit-item svg{color:var(--text-secondary);flex-shrink:0}.limit-item span{font-size:.875rem;color:var(--text-primary);font-weight:500}.plan-costs{margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.plan-costs h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.cost-info{display:flex;align-items:baseline;gap:.5rem}.cost-percentage{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.cost-description{font-size:.875rem;color:var(--text-secondary)}.plan-actions{text-align:center}.plans-stats{background:var(--bg-primary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color)}.plans-stats h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.plan-stat-card{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.plan-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.stat-content{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.large-modal{max-width:600px}.form-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;resize:vertical;min-height:80px}.modal-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px}.btn-icon svg{width:16px;height:16px;color:inherit}.btn-icon:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.05)}.btn-icon.danger{color:var(--text-primary)}.btn-icon.danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-icon.success{color:var(--text-primary)}.btn-icon.success:hover{background:#10b981;color:#fff;border-color:#10b981}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-primary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.upgrade-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 20px 40px #00000026;z-index:1000;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.upgrade-content{padding:2rem}.upgrade-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.upgrade-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.upgrade-header p{margin:0;color:var(--text-secondary);font-size:1rem}.plan-transition{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.plan-summary{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);flex:1;max-width:300px}.plan-summary h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.plan-summary .price{text-align:center;margin-bottom:1rem}.plan-summary .price .amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.plan-summary .price .period{color:var(--text-secondary);font-size:.9rem}.plan-summary ul{margin:0;padding:0;list-style:none}.plan-summary li{color:var(--text-secondary);font-size:.9rem;position:relative;padding:.25rem 0 .25rem 1.25rem}.plan-summary li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.arrow{font-size:2rem;color:var(--accent-primary);font-weight:700}.recurring-choice{margin-bottom:2rem}.recurring-choice h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.recurring-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.recurring-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;text-align:center}.recurring-option:hover{border-color:var(--accent-primary)}.recurring-option.selected{border-color:var(--accent-primary);background:#3b82f61a}.recurring-option h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.recurring-option .price{font-size:1.25rem;font-weight:700;color:var(--accent-primary);margin-bottom:.25rem}.recurring-option .savings{font-size:.8rem;color:#10b981;font-weight:500}.upgrade-summary{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.upgrade-summary h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none;font-weight:600;font-size:1.1rem;color:var(--text-primary)}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary);font-weight:500}.info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px}.info-card strong{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;display:block}.info-card ul{margin:0;padding-left:1rem;color:var(--text-primary)}.info-card li{margin-bottom:.25rem;font-size:.9rem;line-height:1.4}.btn-tutorial{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-tutorial:hover{background:var(--accent-hover);transform:translateY(-1px)}.action-buttons .btn-icon{position:relative;overflow:visible}.action-buttons .btn-icon:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.btn-icon svg,.action-buttons svg{display:block!important;opacity:1!important;visibility:visible!important}.btn-icon[title=Editar]{color:var(--accent-primary)}.btn-icon[title=Editar]:hover{background:var(--accent-primary);color:#fff}.btn-icon[title=Suspender],.btn-icon[title=Ativar]{color:var(--warning)}.btn-icon[title=Suspender]:hover,.btn-icon[title=Ativar]:hover{background:var(--warning);color:#fff}.btn-icon[title="Ver detalhes"]{color:var(--info)}.btn-icon[title="Ver detalhes"]:hover{background:var(--info);color:#fff}.btn-icon[title="Deletar organização"]{color:var(--error)}.btn-icon[title="Deletar organização"]:hover{background:var(--error);color:#fff}.btn-icon[title="Editar cobrança"]{color:var(--accent-primary)}.btn-icon[title="Editar cobrança"]:hover{background:var(--accent-primary);color:#fff}.btn-icon[title="Ver histórico de pagamentos"]{color:var(--info)}.btn-icon[title="Ver histórico de pagamentos"]:hover{background:var(--info);color:#fff}:root[data-theme=dark] .btn-icon{background:var(--bg-tertiary);border-color:var(--border-color)}:root[data-theme=dark] .btn-icon svg{color:var(--text-primary)}.btn-icon{box-shadow:0 1px 2px #0000001a}.btn-icon:hover{box-shadow:0 2px 4px #00000026}@media(max-width:768px){.upgrade-modal{width:95%;margin:1rem;max-height:95vh}.upgrade-content{padding:1rem}.plan-transition{flex-direction:column;gap:1.5rem}.arrow{transform:rotate(90deg);font-size:1.5rem}.recurring-choice{gap:.75rem}.recurring-option{padding:.75rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.upgrade-payment-config{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}[data-theme=dark] .upgrade-payment-config,.dark .upgrade-payment-config{background:#1f2937;border:1px solid #374151}.upgrade-payment-config .config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upgrade-payment-config .config-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem;font-weight:600}.upgrade-payment-config .config-header .btn-primary{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.upgrade-payment-config .config-header .btn-primary:hover{background:#ffffff4d;transform:translateY(-2px)}.upgrade-config-panel{padding:24px;background:#f8fafc}[data-theme=dark] .upgrade-config-panel,.dark .upgrade-config-panel{background:#111827}.config-description{background:#e0f2fe;border-left:4px solid #0288d1;padding:16px;margin-bottom:24px;border-radius:0 8px 8px 0}.config-description p{margin:0;color:#0277bd;line-height:1.6}[data-theme=dark] .config-description,.dark .config-description{background:#3b82f61a;border-left-color:#3b82f6}[data-theme=dark] .config-description p,.dark .config-description p{color:#93c5fd}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:32px}.method-config-card{background:var(--bg-primary, white);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}[data-theme=dark] .method-config-card,.dark .method-config-card{background:#374151;border-color:#4b5563}[data-theme=dark] .method-config-card .method-details h4,.dark .method-config-card .method-details h4{color:#f9fafb}[data-theme=dark] .method-config-card .method-details p,.dark .method-config-card .method-details p{color:#9ca3af}[data-theme=dark] .method-config-card .api-selection label,.dark .method-config-card .api-selection label{color:#e5e7eb}[data-theme=dark] .method-config-card .api-selection select,.dark .method-config-card .api-selection select{background:#1f2937;border-color:#4b5563;color:#f9fafb}.method-config-card.enabled{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.method-config-card .method-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.method-config-card .method-info{display:flex;align-items:center;gap:12px}.method-config-card .method-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.method-config-card .method-details h4{margin:0 0 4px;font-size:1.1rem;color:#1f2937}.method-config-card .method-details p{margin:0;font-size:.875rem;color:#6b7280}.method-config-card .toggle-switch{position:relative;width:48px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;transition:background-color .3s ease}.method-config-card .toggle-switch.active{background:#10b981}.method-config-card .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.method-config-card .toggle-switch.active:after{transform:translate(24px)}.method-config-card .api-selection{margin-top:16px;opacity:.5;transition:opacity .3s ease}.method-config-card.enabled .api-selection{opacity:1}.method-config-card .api-selection label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.method-config-card .api-selection select{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.875rem;transition:border-color .3s ease}.method-config-card .api-selection select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.global-upgrade-settings{background:var(--bg-primary, white);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.global-upgrade-settings h4{margin:0 0 20px;color:var(--text-primary, #1f2937);font-size:1.1rem;font-weight:600}.config-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .global-upgrade-settings,.dark .global-upgrade-settings{background:#374151;border:1px solid #4b5563}[data-theme=dark] .global-upgrade-settings h4,.dark .global-upgrade-settings h4{color:#f9fafb}[data-theme=dark] .global-upgrade-settings label,.dark .global-upgrade-settings label{color:#d1d5db}[data-theme=dark] .global-upgrade-settings select,[data-theme=dark] .global-upgrade-settings input,.dark .global-upgrade-settings select,.dark .global-upgrade-settings input{background:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .config-actions,.dark .config-actions{border-top-color:#4b5563}.organization-billing{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.organization-billing h3{margin:0;padding:20px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:1.25rem;font-weight:600}.billing-table{overflow-x:auto;background:var(--bg-primary, white)}.billing-table table{width:100%;border-collapse:collapse;font-size:.875rem}.billing-table thead{background:var(--bg-secondary, #f8fafc)}.billing-table th{padding:16px 12px;text-align:left;font-weight:600;color:var(--text-primary, #374151);border-bottom:2px solid var(--border-color, #e5e7eb);white-space:nowrap}.billing-table td{padding:16px 12px;border-bottom:1px solid var(--border-color, #f3f4f6);vertical-align:middle;color:var(--text-primary)}.billing-table tbody tr{transition:background-color .2s ease}.billing-table tbody tr:hover{background:var(--hover-bg, #f9fafb)}[data-theme=dark] .organization-billing,.dark .organization-billing{background:#1f2937;border-color:#374151}[data-theme=dark] .organization-billing h3,.dark .organization-billing h3{color:#f9fafb;border-bottom-color:#374151}[data-theme=dark] .billing-table,.dark .billing-table{background:#1f2937}[data-theme=dark] .billing-table thead,.dark .billing-table thead{background:#374151}[data-theme=dark] .billing-table th,.dark .billing-table th{color:#f9fafb;border-bottom-color:#4b5563}[data-theme=dark] .billing-table td,.dark .billing-table td{color:#e5e7eb;border-bottom-color:#374151}[data-theme=dark] .billing-table tbody tr:hover,.dark .billing-table tbody tr:hover{background:#374151}[data-theme=dark] .billing-table select,.dark .billing-table select{background:#374151;border-color:#4b5563;color:#f9fafb}.billing-table .plan-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-table .plan-badge.basic{background:#dbeafe;color:#1e40af}.billing-table .plan-badge.premium{background:#fef3c7;color:#92400e}.billing-table .plan-badge.enterprise{background:#dbeafe;color:#2563eb}.billing-status-cell{display:flex;flex-direction:column;gap:4px}.billing-status-cell .status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;text-align:center}.billing-status-cell .status-action{font-size:.7rem;color:#6b7280;font-style:italic}.billing-table .action-buttons{display:flex;gap:8px;flex-wrap:wrap}.billing-table .btn-icon{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f3f4f6;color:#6b7280}.billing-table .btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.billing-table select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;min-width:80px}.billing-table select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.billing-modal,.payment-history-modal{max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.billing-modal .modal-form,.billing-modal .modal-body,.payment-history-modal .modal-form,.payment-history-modal .modal-body{flex:1;overflow-y:auto;max-height:calc(80vh - 140px);scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}.billing-modal .modal-header,.payment-history-modal .modal-header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:20px 24px;margin:-20px -24px 20px;border-radius:12px 12px 0 0}.billing-modal .modal-header h3,.payment-history-modal .modal-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem;font-weight:600}.billing-modal .close-btn,.payment-history-modal .close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:background-color .3s ease}.billing-modal .close-btn:hover,.payment-history-modal .close-btn:hover{background:#ffffff4d}.billing-modal .form-group{margin-bottom:20px}.billing-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.billing-modal .form-group input,.billing-modal .form-group select{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .3s ease}.billing-modal .form-group input:focus,.billing-modal .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.billing-modal .checkbox-group{display:flex;align-items:center;gap:8px}.billing-modal .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.billing-modal .checkbox-label input[type=checkbox]{width:auto;margin:0}.billing-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.billing-modal .btn-secondary,.billing-modal .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .3s ease}.billing-modal .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.billing-modal .btn-secondary:hover{background:#e5e7eb}.billing-modal .btn-primary{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.billing-modal .btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.billing-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-history-modal .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.payment-history-modal .loading-state .spinning{animation:spin 1s linear infinite}.payment-history-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280;text-align:center}.payment-history-modal .empty-state svg{margin-bottom:16px;opacity:.5}.payment-history-modal .empty-state p{margin:0 0 8px;font-size:1.1rem;font-weight:500;color:#374151}.payment-history-modal .empty-state span{font-size:.875rem}.payment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.summary-card .summary-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-card .summary-value{display:block;font-size:1.25rem;font-weight:600;color:#1f2937}.payment-history-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.payment-history-table table{width:100%;border-collapse:collapse;font-size:.875rem}.payment-history-table thead{background:#f8fafc}.payment-history-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.payment-history-table td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.payment-history-table td:first-child,.payment-history-table td:nth-child(2){display:flex;align-items:center;gap:8px}.payment-history-table .payment-method{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payment-history-table .payment-method.pix{background:#dcfce7;color:#166534}.payment-history-table .payment-method.credit_card{background:#dbeafe;color:#1e40af}.payment-history-table .payment-method.boleto{background:#fef3c7;color:#92400e}.payment-history-table .payment-status{display:flex;align-items:center;gap:6px;font-weight:500}.payment-history-table .payment-status.paid{color:#059669}.payment-history-table .payment-status.pending{color:#d97706}.payment-history-table .payment-status.failed{color:#dc2626}.payment-history-table code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.75rem;color:#374151}.analytics-section{padding:1.5rem}.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kpi-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff!important;margin-bottom:1rem}.kpi-icon svg{color:#fff!important}[data-theme=dark] .kpi-icon,.dark .kpi-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .kpi-icon svg,.dark .kpi-icon svg{color:#fff!important}.kpi-content h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1}.kpi-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.kpi-change.positive{color:#10b981}.kpi-change.negative{color:#ef4444}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.chart-header h3,.chart-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.plan-performance{margin-bottom:2rem}.plan-performance h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.performance-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.performance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.performance-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.growth-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.growth-badge.high{background:#dcfce7;color:#166534}.growth-badge.medium{background:#fef3c7;color:#92400e}.growth-badge.low{background:#fee2e2;color:#991b1b}.performance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.usage-analytics{margin-bottom:2rem}.usage-analytics h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.usage-charts{display:grid;grid-template-columns:1fr;gap:1.5rem}[data-theme=dark] .analytics-section h2,[data-theme=dark] .analytics-section h3,[data-theme=dark] .analytics-section h4,.dark .analytics-section h2,.dark .analytics-section h3,.dark .analytics-section h4{color:#f9fafb}[data-theme=dark] .kpi-content h3,.dark .kpi-content h3{color:#9ca3af}[data-theme=dark] .kpi-value,.dark .kpi-value{color:#f9fafb}[data-theme=dark] .kpi-change.neutral,.dark .kpi-change.neutral{color:#9ca3af}[data-theme=dark] .chart-header h3,[data-theme=dark] .chart-header h4,.dark .chart-header h3,.dark .chart-header h4,[data-theme=dark] .performance-header h4,.dark .performance-header h4{color:#f9fafb}[data-theme=dark] .metric-label,.dark .metric-label{color:#9ca3af}[data-theme=dark] .metric-value,.dark .metric-value,[data-theme=dark] .plan-performance h3,[data-theme=dark] .usage-analytics h3,.dark .plan-performance h3,.dark .usage-analytics h3{color:#f9fafb}[data-theme=dark] .growth-badge.high,.dark .growth-badge.high{background:#10b98133;color:#34d399}[data-theme=dark] .growth-badge.medium,.dark .growth-badge.medium{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .growth-badge.low,.dark .growth-badge.low{background:#ef444433;color:#f87171}.saas-explanation{padding:2rem;max-width:1200px;margin:0 auto}.explanation-header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color)}.explanation-header svg{color:var(--primary-color);margin-bottom:1rem}.explanation-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary)}.explanation-header p{margin:0;color:var(--text-secondary);font-size:1.1rem}.saas-roles-info{margin-bottom:3rem}.saas-roles-info h3{margin:0 0 2rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.role-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border-color);transition:all .3s ease}.role-card.saas{border-color:#667eea4d}.role-card.saas:before{background:linear-gradient(90deg,#667eea,#764ba2)}.role-card.saas:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.role-card.admin{border-color:#3b82f64d}.role-card.admin:before{background:#3b82f6}.role-card.admin:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;transform:translateY(-4px)}.role-card.func{border-color:#10b9814d}.role-card.func:before{background:#10b981}.role-card.func:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98133;transform:translateY(-4px)}.role-icon{background:var(--bg-secondary);color:var(--text-primary);padding:1rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.role-card.saas .role-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-card.admin .role-icon{background:#3b82f61a;color:#3b82f6}.role-card.func .role-icon{background:#10b9811a;color:#10b981}.role-card h4{margin:0 0 1rem;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.role-card p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6}.role-card ul{margin:0;padding:0;list-style:none}.role-card li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.role-card li:before{content:"✓";position:absolute;left:0;font-weight:700}.role-card.saas li:before{color:#667eea}.role-card.admin li:before{color:#3b82f6}.role-card.func li:before{color:#10b981}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.explanation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.explanation-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.card-icon{background:var(--primary-light);color:var(--primary-color);padding:1rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.explanation-card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.explanation-card p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6}.explanation-card ul{margin:0;padding:0;list-style:none}.explanation-card li{color:var(--text-secondary);position:relative;padding:.25rem 0 .25rem 1.5rem}.explanation-card li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.architecture-diagram{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-top:2rem}.architecture-diagram h3{margin:0 0 2rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}.diagram{display:flex;flex-direction:column;align-items:center;gap:1rem}.diagram-layer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;width:100%;max-width:400px}.diagram-layer h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.diagram-layer p{margin:0;color:var(--text-secondary);font-size:.9rem}.diagram-arrow{font-size:1.5rem;color:var(--primary-color);font-weight:700}@media(max-width:768px){.gerenciador-saas{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:flex-start}.tabs{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr;gap:1rem}.charts-grid{grid-template-columns:1fr}.organizations-table{overflow-x:auto}.search-box input{width:200px}.plans-grid,.providers-grid,.settings-grid,.form-row,.limits-grid,.recurring-options{grid-template-columns:1fr}.analytics-kpis,.analytics-charts,.performance-grid{grid-template-columns:1fr;gap:1rem}.performance-metrics{grid-template-columns:1fr}.kpi-value{font-size:1.5rem}.chart-card,.performance-card,.saas-explanation{padding:1rem}.explanation-header{padding:1.5rem}.explanation-header h2{font-size:1.5rem}.roles-grid,.explanation-grid{grid-template-columns:1fr;gap:1rem}.role-card,.explanation-card{padding:1.5rem}.diagram{gap:.5rem}.diagram-layer{padding:1rem}}@media(max-width:480px){.analytics-section,.kpi-card{padding:1rem}.kpi-value{font-size:1.25rem}.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.explanation-header h2{font-size:1.25rem}.role-card h4,.explanation-card h3{font-size:1.1rem}}@media(max-width:1440px){.gerenciador-saas{padding:1.25rem}.page-header{padding:1.25rem;margin-bottom:1.5rem}.header-left h1{font-size:1.5rem}.stats-grid{gap:1.25rem}.stat-card{padding:1.25rem}.charts-grid,.plans-grid{gap:1.25rem}.tabs{gap:.125rem}.tab{padding:.625rem .875rem;font-size:.85rem}}@media(max-width:1366px){.gerenciador-saas{padding:1rem}.page-header{padding:1rem;margin-bottom:1.25rem}.header-left h1{font-size:1.35rem}.header-left p{font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{padding:1rem;gap:.75rem}.stat-number{font-size:1.5rem}.stat-content h3{font-size:.8rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.chart-header{padding:1rem 1rem .75rem}.chart-header h3{font-size:1rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.plan-card{padding:1.5rem}.plan-header h3{font-size:1.25rem}.plan-price .amount{font-size:2rem}.tabs-container{margin-bottom:1.5rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab{padding:.5rem .75rem;font-size:.8rem;flex-shrink:0}.overview-section,.organizations-section,.payments-section,.users-section,.plans-section{padding:1.5rem}.section-header{margin-bottom:1.5rem}.header-left h2{font-size:1.25rem}.organizations-table th,.organizations-table td,.users-table th,.users-table td{padding:.75rem;font-size:.85rem}.action-buttons{gap:.35rem}.btn-icon{min-width:28px;min-height:28px;padding:.35rem}.btn-icon svg{width:14px;height:14px}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.usage-item{padding:.75rem}.providers-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.provider-card{padding:1.25rem}}@media(max-width:1280px){.gerenciador-saas{padding:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.charts-grid{grid-template-columns:1fr;gap:.75rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.plan-card{padding:1.25rem}.tabs{padding:.125rem}.tab{padding:.4rem .6rem;font-size:.75rem}}@media(max-width:768px){.organizations-table,.users-table,.billing-table,.payments-table,.payment-history-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.organizations-table table,.users-table table,.billing-table table,.payments-table table,.payment-history-table table{min-width:700px}table th,table td{padding:.75rem .5rem;font-size:.875rem}table button{padding:.5rem .75rem;font-size:.8125rem}}@media(max-width:480px){table th,table td{padding:.5rem .25rem;font-size:.8125rem}}.stock-btn{display:flex!important;align-items:center;gap:2px;padding:.5rem .75rem!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;color:#fff!important;border-radius:6px;cursor:pointer;transition:all .2s ease}.stock-btn svg{color:#fff!important}.stock-actions-dropdown{position:fixed;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 10px 40px #00000040;min-width:220px;z-index:99999;animation:dropdownFadeIn .2s ease}[data-theme=dark] .stock-actions-dropdown,.dark .stock-actions-dropdown{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 10px 25px #0006}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-primary, #374151);font-size:.875rem;font-weight:500}.dropdown-item:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .dropdown-item{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-tertiary, #374151);color:var(--text-primary, #f9fafb)}[data-theme=dark] .dropdown-item:not(:last-child){border-bottom-color:var(--border-color, #374151)}.dropdown-item svg{flex-shrink:0;color:var(--text-secondary, #6b7280)}.dropdown-item:hover svg{color:var(--accent-primary, #3b82f6)}[data-theme=dark] .dropdown-item svg{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .dropdown-item:hover svg{color:var(--accent-primary, #60a5fa)}.btn-icon[title="Ações de Estoque"]{color:#8b5cf6}.btn-icon[title="Ações de Estoque"]:hover{background:#8b5cf6;color:#fff}@media(max-width:768px){.stock-actions-dropdown{min-width:180px;right:auto;left:0}.dropdown-item{padding:.75rem;font-size:.8125rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;box-sizing:border-box}[data-theme=dark] .modal-overlay,.dark .modal-overlay,:root[data-theme=dark] .modal-overlay{background-color:#000000d9}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;margin:auto;border:1px solid #e5e7eb}[data-theme=dark] .modal-content,.dark .modal-content,:root[data-theme=dark] .modal-content{background:#1f2937;border:1px solid #374151;box-shadow:0 25px 50px -12px #00000080;color:#f9fafb}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}[data-theme=dark] .modal-header,.dark .modal-header,:root[data-theme=dark] .modal-header{background:#374151;border-bottom-color:#4b5563}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}[data-theme=dark] .modal-header h3,.dark .modal-header h3,:root[data-theme=dark] .modal-header h3{color:#f9fafb}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}[data-theme=dark] .modal-close{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .modal-close:hover{background-color:var(--bg-tertiary, #4b5563);color:var(--text-primary, #f9fafb)}.modal-form{padding:2rem;overflow-y:auto;flex:1;max-height:calc(90vh - 140px);scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}.modal-form::-webkit-scrollbar{width:8px}.modal-form::-webkit-scrollbar-track{background:transparent}.modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-group label{display:block;font-weight:600;color:#374151;font-size:.875rem;margin-bottom:0}[data-theme=dark] .form-group label,.dark .form-group label,:root[data-theme=dark] .form-group label{color:#e5e7eb}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;box-sizing:border-box;background-color:#fff;color:#111827}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea,.dark .form-group input,.dark .form-group select,.dark .form-group textarea,:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select,:root[data-theme=dark] .form-group textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group select:disabled,[data-theme=dark] .form-group textarea:disabled,.dark .form-group input:disabled,.dark .form-group select:disabled,.dark .form-group textarea:disabled{background-color:#1f2937;color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row .form-group{margin-bottom:1rem}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{margin:0;font-weight:400}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;margin:0;padding:1.5rem 2rem;border-radius:0 0 12px 12px}.modal-actions button{padding:.875rem 1.75rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:2px solid transparent;min-width:120px}.modal-actions button[type=button]{background-color:#fff;color:#374151;border-color:#9ca3af}.modal-actions button[type=button]:hover:not(:disabled){background-color:#f3f4f6;border-color:#6b7280}.modal-actions button[type=submit]{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.modal-actions button[type=submit]:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.modal-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .modal-actions,.dark .modal-actions,:root[data-theme=dark] .modal-actions{border-top-color:#4b5563;background:#1f2937}[data-theme=dark] .modal-actions button[type=button],.dark .modal-actions button[type=button],:root[data-theme=dark] .modal-actions button[type=button]{background-color:#374151;color:#f9fafb;border-color:#6b7280}[data-theme=dark] .modal-actions button[type=button]:hover:not(:disabled),.dark .modal-actions button[type=button]:hover:not(:disabled),:root[data-theme=dark] .modal-actions button[type=button]:hover:not(:disabled){background-color:#4b5563;color:#fff;border-color:#9ca3af}[data-theme=dark] .modal-actions button[type=submit],.dark .modal-actions button[type=submit],:root[data-theme=dark] .modal-actions button[type=submit]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .modal-actions button[type=submit]:hover:not(:disabled),.dark .modal-actions button[type=submit]:hover:not(:disabled),:root[data-theme=dark] .modal-actions button[type=submit]:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.plan-preview{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-top:1rem}.plan-details h4{margin:0 0 .75rem;color:#1e293b;font-size:1rem}.plan-details ul{margin:0;padding-left:1.25rem;color:#475569}.plan-details li{margin-bottom:.25rem;font-size:.875rem}.plan-change-warning{background-color:#fffbeb;border:1px solid #fed7aa;border-radius:8px;padding:1rem;margin:1rem 0}.plan-change-warning h4{margin:0 0 1rem;color:#92400e;font-size:1rem;display:flex;align-items:center;gap:.5rem}.plan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.current-plan,.new-plan{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.current-plan h5,.new-plan h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.current-plan h5{color:#dc2626}.new-plan h5{color:#16a34a}.current-plan ul,.new-plan ul{margin:0;padding-left:1rem;font-size:.75rem;color:#6b7280}.current-plan li,.new-plan li{margin-bottom:.25rem}.color-input-group{display:flex;align-items:center;gap:.75rem}.color-input-group input[type=color]{width:50px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:0}.color-input-group input[type=text]{flex:1}@media(max-width:768px){.modal-content{width:95%;margin:1rem}.modal-header{padding:1rem 1.5rem}.modal-form{padding:1.5rem}.form-row,.plan-comparison{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media(max-width:480px){.modal-header h3{font-size:1.125rem}.color-input-group{flex-direction:column;align-items:stretch}.color-input-group input[type=color]{width:100%}}.form-section{margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.form-section h4{margin:0 0 1rem;color:#1e293b;font-size:1.125rem;font-weight:600}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-all-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.toggle-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.page-toggle-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.page-toggle-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-toggle-card.allowed{border-color:#10b981;background-color:#f0fdf4}.page-toggle-card.allowed:hover{border-color:#059669;background-color:#ecfdf5}.page-toggle-card.blocked{border-color:#ef4444;background-color:#fef2f2;opacity:.8}.page-toggle-card.blocked:hover{border-color:#dc2626;background-color:#fee2e2}.page-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#f3f4f6;color:#6b7280;transition:all .2s}.page-toggle-card.allowed .page-icon{background-color:#d1fae5;color:#059669}.page-toggle-card.blocked .page-icon{background-color:#fecaca;color:#dc2626}.lock-overlay{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;box-shadow:0 2px 4px #0000001a;animation:lockPulse 2s infinite}@keyframes lockPulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{transform:scale(1.1);box-shadow:0 0 12px #ef444466}}.page-info{flex:1}.page-info h5{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1f2937}.page-info .page-path{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.page-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s}.page-status.allowed{background-color:#10b981;color:#fff}.page-status.blocked{background-color:#ef4444;color:#fff}.pages-summary{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:1rem}.summary-text{font-size:.875rem;font-weight:500;color:#374151}@media(max-width:768px){.pages-grid{grid-template-columns:1fr}.section-header-with-toggle{flex-direction:column;align-items:stretch;gap:1rem}.toggle-all-btn{justify-content:center}}@media(max-width:480px){.page-toggle-card{padding:.75rem;gap:.75rem}.page-icon{width:32px;height:32px}.page-status{width:28px;height:28px}}.page-toggle-card.blocked .lock-overlay{animation:neonLock 2s infinite alternate}@keyframes neonLock{0%{box-shadow:0 0 5px #ef4444,0 0 10px #ef4444,0 0 15px #ef4444}to{box-shadow:0 0 10px #ef4444,0 0 20px #ef4444,0 0 30px #ef4444}}.plan-features-section{margin:1.5rem 0;padding:1.5rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px}[data-theme=dark] .plan-features-section{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}.plan-features-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}[data-theme=dark] .plan-features-section h3{color:var(--text-primary, #f9fafb)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.feature-item{padding:.75rem;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;text-align:center;font-weight:500;color:var(--text-primary, #111827)}[data-theme=dark] .feature-item{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);color:var(--text-primary, #f9fafb)}.allowed-pages{margin-bottom:1.5rem}.allowed-pages h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}[data-theme=dark] .allowed-pages h4{color:var(--text-primary, #f9fafb)}.allowed-pages ul{list-style:none;padding:0;margin:0}.allowed-pages li{padding:.25rem 0;color:var(--text-secondary, #6b7280)}[data-theme=dark] .allowed-pages li{color:var(--text-secondary, #9ca3af)}.streaming-feature{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .streaming-feature{border-top-color:var(--border-color, #374151)}.matauva-flix-icon{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}[data-theme=dark] .matauva-flix-icon{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151)}.matauva-flix-icon:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--primary-color, #3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .matauva-flix-icon:hover{background:var(--bg-hover, #374151);box-shadow:0 4px 12px #0000004d}.streaming-icon{width:32px;height:32px;border-radius:6px;object-fit:cover}.matauva-flix-icon span{font-weight:500;color:var(--text-primary, #111827)}[data-theme=dark] .matauva-flix-icon span{color:var(--text-primary, #f9fafb)}.modal-form{background:inherit}[data-theme=dark] .modal-form,.dark .modal-form,:root[data-theme=dark] .modal-form{background:#1f2937}[data-theme=dark] .form-group small,.dark .form-group small,:root[data-theme=dark] .form-group small{color:#9ca3af}[data-theme=dark] .plan-preview,.dark .plan-preview,:root[data-theme=dark] .plan-preview{background-color:#374151;border-color:#4b5563}[data-theme=dark] .plan-details h4,.dark .plan-details h4,:root[data-theme=dark] .plan-details h4{color:#f9fafb}[data-theme=dark] .plan-details ul,.dark .plan-details ul,:root[data-theme=dark] .plan-details ul{color:#d1d5db}[data-theme=dark] .form-section,.dark .form-section,:root[data-theme=dark] .form-section{background-color:#374151;border-color:#4b5563}[data-theme=dark] .form-section h4,.dark .form-section h4,:root[data-theme=dark] .form-section h4{color:#f9fafb}[data-theme=dark] .page-toggle-card,.dark .page-toggle-card,:root[data-theme=dark] .page-toggle-card{background-color:#374151;border-color:#4b5563}[data-theme=dark] .page-toggle-card.allowed,.dark .page-toggle-card.allowed,:root[data-theme=dark] .page-toggle-card.allowed{background-color:#10b9811a;border-color:#10b981}[data-theme=dark] .page-toggle-card.blocked,.dark .page-toggle-card.blocked,:root[data-theme=dark] .page-toggle-card.blocked{background-color:#ef44441a;border-color:#ef4444}[data-theme=dark] .page-info h5,.dark .page-info h5,:root[data-theme=dark] .page-info h5{color:#f9fafb}[data-theme=dark] .page-info .page-path,.dark .page-info .page-path,:root[data-theme=dark] .page-info .page-path{color:#9ca3af}[data-theme=dark] .pages-summary,.dark .pages-summary,:root[data-theme=dark] .pages-summary{background-color:#374151;border-color:#4b5563}[data-theme=dark] .summary-text,.dark .summary-text,:root[data-theme=dark] .summary-text{color:#e5e7eb}[data-theme=dark] .checkbox-group label,.dark .checkbox-group label,:root[data-theme=dark] .checkbox-group label{color:#e5e7eb}.large-modal{max-width:800px;max-height:90vh;overflow-y:auto}.large-modal .modal-form{max-height:calc(90vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}.large-modal .modal-form::-webkit-scrollbar{width:8px}.large-modal .modal-form::-webkit-scrollbar-track{background:transparent}.large-modal .modal-form::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.large-modal .modal-form::-webkit-scrollbar-thumb:hover{background:#2563eb}.access-history-modal{background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:700px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .access-history-modal,.dark .access-history-modal{background:#1f2937;border:1px solid #374151}.access-history-modal .modal-header{padding:1.25rem 1.5rem;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.access-history-modal .modal-header h3{color:#fff!important}.access-history-modal .close-btn{background:#fff3;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.access-history-modal .close-btn:hover{background:#ffffff4d}.access-history-content{padding:1.5rem;overflow-y:auto;flex:1}[data-theme=dark] .access-history-content,.dark .access-history-content{background:#1f2937}.access-log-item:hover{background:var(--hover-bg, #f9fafb)}[data-theme=dark] .access-log-item:hover,.dark .access-log-item:hover,[data-theme=dark] .access-summary,.dark .access-summary{background:#374151}.stock-actions-wrapper{position:relative;display:inline-block}.stock-btn{display:flex;align-items:center;gap:2px;padding:.5rem .75rem!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;color:#fff!important}.stock-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.stock-actions-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:220px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .stock-actions-dropdown,.dark .stock-actions-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #0006}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s;color:#374151;font-size:.875rem;font-weight:500}.dropdown-item:hover{background:#f3f4f6;color:#111827}.dropdown-item:not(:last-child){border-bottom:1px solid #e5e7eb}[data-theme=dark] .dropdown-item{color:#e5e7eb}[data-theme=dark] .dropdown-item:hover{background:#374151;color:#f9fafb}[data-theme=dark] .dropdown-item:not(:last-child){border-bottom-color:#374151}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item svg{flex-shrink:0;color:#6b7280}.dropdown-item:hover svg{color:#3b82f6}[data-theme=dark] .dropdown-item svg{color:#9ca3af}[data-theme=dark] .dropdown-item:hover svg{color:#60a5fa}.stock-import-modal,.stock-copy-modal,.import-result-modal{max-width:550px}.import-info{display:flex;gap:1rem;padding:1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:1.5rem}.import-info svg{flex-shrink:0;color:#d97706}.import-info p{margin:0 0 .5rem;font-weight:600;color:#92400e}.import-info ul{margin:0;padding-left:1.25rem;color:#78350f;font-size:.875rem}.import-info li{margin-bottom:.25rem}[data-theme=dark] .import-info{background:#fbbf241a;border-color:#d97706}[data-theme=dark] .import-info p{color:#fcd34d}[data-theme=dark] .import-info ul{color:#fde68a}.file-upload-area{display:flex;justify-content:center;padding:2rem;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;transition:all .2s}.file-upload-area:hover{border-color:#3b82f6;background:#eff6ff}[data-theme=dark] .file-upload-area{background:#374151;border-color:#4b5563}[data-theme=dark] .file-upload-area:hover{border-color:#60a5fa;background:#3b82f61a}.btn-upload{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-upload:disabled{opacity:.7;cursor:not-allowed;transform:none}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.result-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;border-radius:12px;text-align:center}.result-card.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.result-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.result-card.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444}[data-theme=dark] .result-card.success{background:#10b98126;border-color:#10b981}[data-theme=dark] .result-card.warning{background:#f59e0b26;border-color:#f59e0b}[data-theme=dark] .result-card.error{background:#ef444426;border-color:#ef4444}.result-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.result-card.success .result-value{color:#059669}.result-card.warning .result-value{color:#d97706}.result-card.error .result-value{color:#dc2626}[data-theme=dark] .result-card.success .result-value{color:#34d399}[data-theme=dark] .result-card.warning .result-value{color:#fbbf24}[data-theme=dark] .result-card.error .result-value{color:#f87171}.result-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}[data-theme=dark] .result-label{color:#9ca3af}.result-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}[data-theme=dark] .result-details{border-top-color:#374151}.result-details h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#374151}[data-theme=dark] .result-details h4{color:#e5e7eb}.result-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}[data-theme=dark] .result-list{border-color:#374151}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.result-item:last-child{border-bottom:none}[data-theme=dark] .result-item{border-bottom-color:#374151}.result-item.warning{background:#fffbeb}.result-item.error{background:#fef2f2}.result-item.more{justify-content:center;color:#6b7280;font-style:italic}[data-theme=dark] .result-item.warning{background:#fbbf241a}[data-theme=dark] .result-item.error{background:#ef44441a}.item-name{font-weight:500;color:#111827}[data-theme=dark] .item-name{color:#f9fafb}.item-reason{font-size:.75rem;color:#6b7280;max-width:60%;text-align:right}[data-theme=dark] .item-reason{color:#9ca3af}@media(max-width:640px){.result-summary{grid-template-columns:1fr}.result-item{flex-direction:column;align-items:flex-start;gap:.25rem}.item-reason{max-width:100%;text-align:left}}.ultra-clique-retire,.ultra-clique-retire *{margin:0;padding:0;box-sizing:border-box}.ultra-clique-retire{isolation:isolate;contain:layout style}.ultra-clique-retire{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative}.ultra-clique-retire .status-bar{position:fixed;top:0;left:0;right:0;height:44px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.ultra-clique-retire .status-left .time{font-weight:600;font-size:14px;color:#fff}.ultra-clique-retire .status-right{display:flex;gap:8px}.ultra-clique-retire .status-icon{width:16px;height:16px;color:#fff}.ultra-clique-retire .status-icon.online{color:#0f8}.ultra-clique-retire .status-icon.offline{color:#f44}.ultra-clique-retire .ultra-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.ultra-clique-retire .loading-container{display:flex;flex-direction:column;align-items:center;gap:40px;z-index:2}.ultra-clique-retire .cyber-loader{position:relative;width:120px;height:120px}.ultra-clique-retire .cyber-ring{position:absolute;border:2px solid transparent;border-radius:50%;animation:cyber-spin 2s linear infinite}.ultra-clique-retire .cyber-ring:nth-child(1){width:120px;height:120px;border-top:2px solid #00ff88;border-right:2px solid #00ff88;animation-duration:2s}.ultra-clique-retire .cyber-ring:nth-child(2){width:90px;height:90px;top:15px;left:15px;border-bottom:2px solid #ff0080;border-left:2px solid #ff0080;animation-duration:1.5s;animation-direction:reverse}.ultra-clique-retire .cyber-ring:nth-child(3){width:60px;height:60px;top:30px;left:30px;border-top:2px solid #0080ff;border-right:2px solid #0080ff;animation-duration:1s}.ultra-clique-retire .cyber-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(45deg,#0f8,#0080ff);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cyber-pulse 1s ease-in-out infinite alternate}.ultra-clique-retire .rocket-icon{width:20px;height:20px;color:#000}@keyframes cyber-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cyber-pulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #00ff8880}to{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 40px #0f8c}}.ultra-clique-retire .loading-text{text-align:center}.ultra-clique-retire .glitch{font-size:32px;font-weight:900;text-transform:uppercase;position:relative;color:#0f8;letter-spacing:3px;animation:glitch 2s infinite}.ultra-clique-retire .glitch:before,.ultra-clique-retire .glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.ultra-clique-retire .glitch:before{animation:glitch-1 .5s infinite;color:#ff0080;z-index:-1}.ultra-clique-retire .glitch:after{animation:glitch-2 .5s infinite;color:#0080ff;z-index:-2}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}10%{transform:translate(2px,2px)}20%{transform:translate(-2px,-2px)}30%{transform:translate(2px,-2px)}40%{transform:translate(-2px,2px)}}.ultra-clique-retire .neon-text{font-size:16px;color:#fff;margin-top:10px;text-shadow:0 0 10px rgba(0,255,136,.5)}.ultra-clique-retire .loading-stats{display:flex;gap:30px;margin-top:20px}.ultra-clique-retire .stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.ultra-clique-retire .stat-icon{width:24px;height:24px;color:#0f8}.ultra-clique-retire .loading-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.ultra-clique-retire .particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#0f8,#0080ff);border-radius:50%;animation:particle-float linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.ultra-clique-retire .hero-ultra{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.ultra-clique-retire .hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);z-index:-3}.ultra-clique-retire .gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:float-orb 8s ease-in-out infinite}.ultra-clique-retire .orb-1{width:300px;height:300px;background:radial-gradient(circle,#0f8,#0080ff);top:20%;left:10%;animation-delay:0s}.ultra-clique-retire .orb-2{width:200px;height:200px;background:radial-gradient(circle,#ff0080,#ff0);top:60%;right:15%;animation-delay:2s}.ultra-clique-retire .orb-3{width:250px;height:250px;background:radial-gradient(circle,#0080ff,#0f8);bottom:20%;left:50%;animation-delay:4s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.ultra-clique-retire .cyber-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;z-index:-2}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.ultra-clique-retire .hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px}.ultra-clique-retire .hero-badge{display:inline-flex;align-items:center;gap:12px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,136,.3);border-radius:50px;padding:12px 24px;margin-bottom:30px;position:relative;overflow:hidden}.ultra-clique-retire .badge-icon{width:20px;height:20px;color:#0f8}.ultra-clique-retire .badge-text{color:#0f8;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.ultra-clique-retire .badge-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);animation:badge-glow 3s infinite}@keyframes badge-glow{0%{left:-100%}to{left:100%}}.ultra-clique-retire .hero-title{font-size:4rem;font-weight:900;margin-bottom:20px;color:#fff}.ultra-clique-retire .title-line{display:block;position:relative}.ultra-clique-retire .title-highlight{background:linear-gradient(135deg,#0f8,#0080ff,#ff0080);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ultra-clique-retire .title-underline{position:absolute;bottom:-10px;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f8,#0080ff);border-radius:2px;animation:underline-pulse 2s ease-in-out infinite}@keyframes underline-pulse{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.5)}}.ultra-clique-retire .hero-subtitle{font-size:1.5rem;color:#fff;margin-bottom:40px;opacity:.9}.ultra-clique-retire .subtitle-highlight{color:#0f8;font-weight:600}.ultra-clique-retire .location-ultra{display:flex;align-items:center;justify-content:center;gap:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:16px 32px;margin-bottom:40px;position:relative}.ultra-clique-retire .location-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #00ff88;border-radius:50px;animation:location-pulse 2s infinite}@keyframes location-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.ultra-clique-retire .location-icon{width:20px;height:20px;color:#0f8}.ultra-clique-retire .check-icon{width:16px;height:16px;color:#0f8}.ultra-clique-retire .hero-stats{display:flex;gap:40px;justify-content:center;margin-top:40px}.ultra-clique-retire .stat-ultra{text-align:center;position:relative}.ultra-clique-retire .stat-number{display:flex;align-items:center;justify-content:center;gap:8px;font-size:32px;font-weight:900;color:#fff;margin-bottom:8px}.stat-crown,.stat-lightning,.stat-gem{width:24px;height:24px;color:#0f8}.ultra-clique-retire .stat-label{font-size:14px;color:#000;font-weight:500}.ultra-clique-retire .organizations-ultra{padding:40px 20px}.ultra-clique-retire .section-header-ultra{text-align:center;margin-bottom:40px}.ultra-clique-retire .section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:900;color:#fff;margin-bottom:10px}.ultra-clique-retire .title-icon{width:28px;height:28px;color:#ff0080}.ultra-clique-retire .section-subtitle{font-size:16px;color:#ffffffb3}.ultra-clique-retire .orgs-grid-ultra{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.ultra-clique-retire .org-card-ultra{position:relative;background:#ffffff0d;border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:card-enter .6s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.ultra-clique-retire .org-card-ultra:hover{transform:translateY(-8px);border-color:#00ff8880}.ultra-clique-retire .org-card-ultra:hover .card-glow{opacity:1}.ultra-clique-retire .card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0f8,#0080ff,#ff0080,#0f8);background-size:400% 400%;border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:gradient-rotate 4s ease-in-out infinite}@keyframes gradient-rotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ultra-clique-retire .card-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:#ffffff0d;z-index:-1}.ultra-clique-retire .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ultra-clique-retire .org-avatar{position:relative;width:60px;height:60px;border-radius:15px;background:linear-gradient(45deg,#0f8,#0080ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.ultra-clique-retire .org-avatar img{width:100%;height:100%;object-fit:cover;border-radius:15px}.ultra-clique-retire .avatar-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid transparent;border-radius:18px;background:linear-gradient(45deg,#0f8,#0080ff) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ultra-clique-retire .org-badges{display:flex;flex-direction:column;gap:6px}.ultra-clique-retire .badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.nearby{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.badge.fast{background:#ff03;color:#ff0;border:1px solid rgba(255,255,0,.3)}.badge.premium{background:#ff008033;color:#ff0080;border:1px solid rgba(255,0,128,.3)}.card-content{margin-bottom:20px}.org-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.org-address{font-size:14px;color:#ffffffb3;margin-bottom:16px}.org-metrics{display:flex;gap:16px}.metric{display:flex;align-items:center;gap:6px;font-size:12px;color:#fffc}.metric-icon{width:14px;height:14px;color:#0f8}.card-action{display:flex;justify-content:flex-end}.action-button{display:flex;align-items:center;gap:8px;background:linear-gradient(45deg,#0f8,#0080ff);color:#000;padding:10px 16px;border-radius:12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.action-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #00ff884d}.action-icon{width:14px;height:14px}.card-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:20px;overflow:hidden}.card-particle{position:absolute;width:2px;height:2px;background:#0f8;border-radius:50%;animation:card-particle-float 3s linear infinite}.card-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.card-particle:nth-child(2){top:40%;right:15%;animation-delay:.6s}.card-particle:nth-child(3){bottom:30%;left:20%;animation-delay:1.2s}.card-particle:nth-child(4){bottom:20%;right:25%;animation-delay:1.8s}.card-particle:nth-child(5){top:60%;left:50%;animation-delay:2.4s}@keyframes card-particle-float{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.empty-ultra{text-align:center;padding:60px 20px}.empty-icon{position:relative;display:inline-block;margin-bottom:24px}.empty-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(0,255,136,.3) 0%,transparent 70%);border-radius:50%;animation:empty-glow 2s ease-in-out infinite}@keyframes empty-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.empty-ultra h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.empty-ultra p{font-size:16px;color:#ffffffb3;margin-bottom:30px}.retry-ultra{position:relative;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(45deg,#0f8,#0080ff);color:#000;border:none;padding:14px 28px;border-radius:14px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;overflow:hidden}.retry-ultra:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f86}.retry-icon{width:16px;height:16px}.button-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0f8,#0080ff,#ff0080,#0f8);background-size:400% 400%;border-radius:16px;z-index:-1;opacity:0;animation:button-glow 3s ease-in-out infinite}@keyframes button-glow{0%,to{opacity:0;background-position:0% 50%}50%{opacity:.8;background-position:100% 50%}}.org-header-ultra{position:relative;padding:60px 20px 30px;margin-bottom:20px;overflow:hidden}.header-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.header-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ff881a,#0080ff1a)}.header-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:pattern-move 10s linear infinite}@keyframes pattern-move{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.header-content{position:relative;z-index:1}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-ultra{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-ultra:hover{background:#fff3;transform:translate(-4px)}.back-icon{width:16px;height:16px}.header-actions{display:flex;gap:12px}.action-ultra{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-ultra:hover{background:#fff3;transform:scale(1.1)}.action-icon{width:20px;height:20px;color:#fff}.org-info-ultra{display:flex;align-items:center;gap:20px}.org-avatar-large{position:relative;width:80px;height:80px;border-radius:20px;background:linear-gradient(45deg,#0f8,#0080ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.org-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:20px}.avatar-glow{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,#0f8,#0080ff,#ff0080,#0f8);background-size:400% 400%;border-radius:24px;z-index:-1;animation:avatar-glow 3s ease-in-out infinite}@keyframes avatar-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.org-details{flex:1}.org-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:8px}.org-subtitle{font-size:16px;color:#ffffffb3;margin-bottom:16px}.org-stats-ultra{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#fffc}.stat-icon{width:16px;height:16px;color:#0f8}.search-ultra{padding:0 20px 20px}.search-container{margin-bottom:20px}.search-bar-ultra{position:relative;display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-bar-ultra:focus-within{border-color:#00ff8880;box-shadow:0 0 20px #0f83}.search-icon{width:20px;height:20px;color:#fff9;margin-right:12px}.search-input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none}.search-input::placeholder{color:#ffffff80}.filter-ultra{background:none;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.filter-ultra:hover{color:#0f8;background:#00ff881a}.filter-icon{width:20px;height:20px}.filters-ultra{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:1px}.filter-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 12px;font-size:14px;outline:none}.view-toggle{display:flex;gap:4px}.view-toggle button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.view-toggle button.active{background:linear-gradient(45deg,#0f8,#0080ff);color:#000;border-color:transparent}.categories-ultra{display:flex;gap:12px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none;-ms-overflow-style:none}.categories-ultra::-webkit-scrollbar{display:none}.category-ultra{position:relative;display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;overflow:hidden}.category-ultra.active{border-color:#00ff8880;transform:scale(1.05)}.category-ultra.active .category-glow{opacity:1}.category-bg{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;opacity:0;transition:opacity .3s ease}.category-ultra.active .category-bg{opacity:.2}.category-icon{font-size:16px}.category-name{font-size:14px;font-weight:600;color:#fff}.category-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0f8,#0080ff,#ff0080,#0f8);background-size:400% 400%;border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:category-glow 3s ease-in-out infinite}@keyframes category-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.products-ultra{padding:20px}.products-grid-ultra{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1400px;margin:0 auto}.products-grid-ultra.list{grid-template-columns:1fr;max-width:800px}.product-ultra{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:product-enter .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes product-enter{to{opacity:1;transform:translateY(0)}}.product-ultra:hover{transform:translateY(-8px);border-color:#00ff884d}.product-ultra:hover .product-glow{opacity:1}.product-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#0f8,#0080ff,#ff0080,#0f8);background-size:400% 400%;border-radius:22px;z-index:-1;opacity:0;transition:opacity .3s ease;animation:product-glow 4s ease-in-out infinite}@keyframes product-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.product-image{position:relative;height:200px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-ultra:hover .product-image img{transform:scale(1.1)}.product-placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff4d}.product-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}.badge.new{background:#00ff88e6;color:#000}.badge.trending{background:#ff0080e6;color:#fff}.badge.discount{background:#ff4500e6;color:#fff}.badge.stock-warning{background:#ffc107e6;color:#000}.quick-view{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#000000b3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-ultra:hover .quick-view{opacity:1}.quick-view:hover{background:#0f8c;color:#000;transform:scale(1.1)}.product-info{padding:20px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ultra-clique-retire .product-name{font-size:18px;font-weight:700;color:#000;line-height:1.3;flex:1;margin-right:12px}.product-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffffb3}.star-icon{width:12px;height:12px;color:gold;fill:currentColor}.reviews{color:#ffffff80}.product-description{font-size:14px;color:#ffffffb3;line-height:1.4;margin-bottom:16px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stock-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff9}.stock-icon{width:12px;height:12px;color:#0f8}.product-likes{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff9}.like-icon{width:12px;height:12px;color:#ff0080}.product-footer{display:flex;justify-content:space-between;align-items:center}.price-container{display:flex;flex-direction:column;gap:4px}.original-price{font-size:12px;color:#ffffff80;text-decoration:line-through}.current-price{font-size:18px;font-weight:700;color:#0f8}.quantity-controls{display:flex;align-items:center}.quantity-selector{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px}.qty-btn{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.qty-btn:hover{background:#0f83;border-color:#00ff8880;color:#0f8}.qty-btn.minus:hover{background:#ff450033;border-color:#ff450080;color:#ff4500}.quantity-display{font-size:16px;font-weight:600;color:#fff;min-width:20px;text-align:center}.add-ultra{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(45deg,#0f8,#0080ff);color:#000;border:none;padding:10px 16px;border-radius:12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;overflow:hidden}.add-ultra:hover{transform:scale(1.05);box-shadow:0 8px 25px #00ff884d}.add-icon{width:14px;height:14px}.cart-ultra{position:fixed;bottom:20px;right:20px;z-index:1000}.cart-toggle{display:flex;align-items:center;gap:12px;background:linear-gradient(45deg,#0f8,#0080ff);color:#000;border:none;padding:16px 20px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #00ff884d}.cart-toggle:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0f86}.cart-icon-container{position:relative}.cart-icon{width:24px;height:24px}.cart-count{position:absolute;top:-8px;right:-8px;background:#ff0080;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.cart-pulse{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(0,255,136,.5);border-radius:50%;animation:cart-pulse 2s ease-in-out infinite}@keyframes cart-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}.cart-info{display:flex;flex-direction:column;align-items:flex-start}.cart-items{font-size:12px;font-weight:600}.cart-total{font-size:16px;font-weight:900}.cart-arrow{width:20px;height:20px;transition:transform .3s ease}.cart-arrow.rotated{transform:rotate(90deg)}.cart-dropdown{position:absolute;bottom:100%;right:0;width:350px;max-height:500px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:cart-dropdown-enter .3s ease-out}@keyframes cart-dropdown-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.cart-header h3{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px}.close-cart{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.close-cart:hover{color:#ff0080;background:#ff00801a}.cart-items{max-height:250px;overflow-y:auto;padding:16px 20px}.cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cart-item:last-child{border-bottom:none}.cart-item-image{width:50px;height:50px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.cart-item-info{flex:1}.cart-item-info h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.cart-item-price{display:flex;align-items:center;gap:8px}.original-price-small{font-size:12px;color:#ffffff80;text-decoration:line-through}.current-price-small{font-size:14px;font-weight:600;color:#0f8}.cart-item-controls{display:flex;align-items:center;gap:8px}.cart-qty-btn{width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.cart-qty-btn:hover{background:#0f83;border-color:#00ff8880;color:#0f8}.cart-quantity{font-size:14px;font-weight:600;color:#fff;min-width:16px;text-align:center}.cart-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.delivery-info{margin-bottom:16px}.delivery-method,.delivery-time{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;margin-bottom:6px}.delivery-icon,.time-icon{width:14px;height:14px;color:#0f8}.cart-summary{margin-bottom:16px}.cart-total-line{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:#fff}.total-amount{color:#0f8;font-size:18px}.checkout-ultra{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(45deg,#0f8,#0080ff);color:#000;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;overflow:hidden}.checkout-ultra:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0f86}.checkout-icon{width:18px;height:18px}@media(max-width:768px){.title-line{font-size:36px}.title-highlight{font-size:42px}.hero-stats{gap:20px}.ultra-clique-retire .stat-number{font-size:24px}.orgs-grid-ultra{grid-template-columns:1fr;gap:16px}.products-grid-ultra{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.cart-dropdown{width:300px}.org-info-ultra{flex-direction:column;text-align:center;gap:16px}.org-stats-ultra{justify-content:center}.filters-ultra{flex-direction:column;gap:12px}}@media(max-width:480px){.hero-ultra{padding:80px 16px 40px}.title-line{font-size:28px}.title-highlight{font-size:32px}.hero-stats{flex-direction:column;gap:16px}.products-grid-ultra{grid-template-columns:1fr}.cart-dropdown{width:calc(100vw - 40px);right:-150px}.categories-ultra{padding:0 16px 10px}.search-ultra,.products-ultra,.organizations-ultra{padding-left:16px;padding-right:16px}}.perfil-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--bg-primary);min-height:100vh}.perfil-header{text-align:center;margin-bottom:3rem}.perfil-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.perfil-subtitle{color:var(--text-secondary);font-size:1.1rem}.perfil-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.perfil-photo-section{background:var(--bg-secondary);border-radius:1rem;padding:2rem;text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.perfil-photo-container{position:relative;display:inline-block;margin-bottom:1.5rem}.perfil-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-primary);box-shadow:var(--shadow-lg);transition:all .3s ease}.perfil-photo:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.perfil-photo-placeholder{width:200px;height:200px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:4px solid var(--border-color);color:var(--text-secondary);font-size:4rem;transition:all .3s ease}.perfil-photo-placeholder:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.perfil-photo-upload{position:absolute;bottom:10px;right:10px;background:var(--accent-primary);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.perfil-photo-upload:hover{background:var(--accent-secondary);transform:scale(1.1)}.perfil-photo-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn-upload,.btn-remove{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-upload{background:var(--accent-primary);color:#fff}.btn-upload:hover{background:var(--accent-secondary);transform:translateY(-2px)}.btn-remove{background:var(--error);color:#fff}.btn-remove:hover{background:#dc2626;transform:translateY(-2px)}.btn-upload:disabled,.btn-remove:disabled{opacity:.6;cursor:not-allowed;transform:none}.perfil-settings-section{display:flex;flex-direction:column;gap:2rem}.settings-card{background:var(--bg-secondary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease}.settings-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.settings-card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.settings-card-icon{color:var(--accent-primary)}.color-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.color-theme-option{padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .3s ease;text-align:center;background:var(--bg-primary)}.color-theme-option:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.color-theme-option.active{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);box-shadow:var(--shadow-md)}.color-theme-preview{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.color-preview{width:30px;height:30px;border-radius:50%;border:2px solid white;box-shadow:var(--shadow-sm)}.color-theme-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.color-theme-description{font-size:.875rem;color:var(--text-secondary)}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.form-input:invalid{border-color:var(--error)}.password-requirements{background:var(--bg-tertiary);padding:1rem;border-radius:.5rem;border-left:4px solid var(--accent-primary)}.password-requirements h4{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem}.password-requirements ul{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.8rem}.password-requirements li{margin-bottom:.25rem}.btn-save-password{padding:.875rem 2rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;align-self:flex-start}.btn-save-password:hover{background:var(--accent-secondary);transform:translateY(-2px)}.btn-save-password:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.hidden-file-input{display:none}@media(max-width:768px){.perfil-container{padding:1rem}.perfil-content{grid-template-columns:1fr;gap:1.5rem}.perfil-title{font-size:2rem}.perfil-photo,.perfil-photo-placeholder{width:150px;height:150px}.color-themes{grid-template-columns:1fr}.perfil-photo-actions{flex-direction:column}}@media(max-width:480px){.perfil-container{padding:.5rem}.settings-card{padding:1.5rem}.perfil-title{font-size:1.75rem;flex-direction:column;gap:.5rem}}.cancelamentos-container{padding:1.5rem;max-width:1200px;margin:0 auto;background:var(--background-color);min-height:100vh}.cancelamentos-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.back-btn:hover{background:var(--hover-color);transform:translateY(-1px)}.header-title h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-color)}.header-title p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.875rem}.cancelamentos-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.search-container{position:relative;flex:1;min-width:300px}.search-container svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-container input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-background);color:var(--text-color);font-size:.875rem}.search-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.payment-filter{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-background);color:var(--text-color);font-size:.875rem;min-width:180px}.payment-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.refresh-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cancelamentos-content{background:var(--card-background);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.loading-state svg{margin-bottom:1rem;color:var(--primary-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;color:var(--warning-color)}.empty-state h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.25rem}.empty-state p{margin:0;font-size:.875rem}.transactions-list{padding:1rem}.transaction-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.transaction-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.transaction-card:last-child{margin-bottom:0}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.transaction-id{display:flex;flex-direction:column;gap:.25rem}.id-container{display:flex;align-items:center;gap:.5rem}.copy-id-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);min-width:24px;height:24px}.copy-id-btn:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.copy-id-btn.copied{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.copy-id-btn.copied:hover{background:#22c55e26}.transaction-id strong{font-size:1rem;color:var(--text-color)}.id-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.id-value{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-color);background:var(--input-background);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);word-break:break-all}.id-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.id-row:last-child{margin-bottom:0}.transaction-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.transaction-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.estornado{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-badge.pendente{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.transaction-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-row .label{color:var(--text-secondary);font-weight:500}.detail-row .value{font-weight:600;color:var(--success-color)}.payment-method{display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.estorno-info{margin-top:.75rem;padding:.75rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.1);border-radius:6px}.transaction-actions{display:flex;gap:.75rem;justify-content:flex-end}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.action-btn.estorno{background:var(--danger-color)!important;color:#fff!important}.action-btn.estorno:hover{background:var(--danger-hover)!important;color:#fff!important;transform:translateY(-1px)}.action-btn.view{background:var(--primary-color);color:#fff}.action-btn.view:hover{background:var(--primary-hover);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-background);border-radius:12px;border:1px solid var(--border-color);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.close-btn:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.transaction-summary{background:var(--background-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:1.5rem}.transaction-summary h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.transaction-summary p{margin:.25rem 0;font-size:.875rem;color:var(--text-secondary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-background);color:var(--text-color);font-size:.875rem;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.warning-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:6px;margin-top:1rem}.warning-message svg{color:#f59e0b;flex-shrink:0;margin-top:.125rem}.warning-message p{margin:0;font-size:.875rem;color:var(--text-color)}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color)}.btn-secondary{padding:.75rem 1.5rem;background:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--hover-color)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.btn-warning:hover:not(:disabled){background:#d97706}.btn-primary:disabled,.btn-secondary:disabled,.btn-warning:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .cancelamentos-container{background:var(--dark-bg-primary)}[data-theme=dark] .cancelamentos-header{border-bottom-color:var(--dark-border)}[data-theme=dark] .back-btn{background:var(--dark-bg-secondary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .back-btn:hover{background:var(--dark-bg-tertiary)}[data-theme=dark] .header-title h1{color:var(--dark-text-primary)}[data-theme=dark] .header-title p{color:var(--dark-text-secondary)}[data-theme=dark] .search-container input,[data-theme=dark] .payment-filter{background:var(--dark-bg-secondary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .search-container input:focus,[data-theme=dark] .payment-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .search-container svg{color:var(--dark-text-secondary)}[data-theme=dark] .cancelamentos-content{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .transaction-card{background:var(--dark-bg-primary);border-color:var(--dark-border)}[data-theme=dark] .transaction-card:hover{border-color:var(--primary-color)}[data-theme=dark] .transaction-header{border-bottom-color:var(--dark-border)}[data-theme=dark] .transaction-id strong{color:var(--dark-text-primary)}[data-theme=dark] .transaction-date,[data-theme=dark] .detail-row .label{color:var(--dark-text-secondary)}[data-theme=dark] .payment-method{color:var(--dark-text-primary)}[data-theme=dark] .estorno-info{background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .modal-content{background:var(--dark-bg-secondary);border-color:var(--dark-border)}[data-theme=dark] .modal-header{border-bottom-color:var(--dark-border)}[data-theme=dark] .modal-header h3{color:var(--dark-text-primary)}[data-theme=dark] .close-btn{color:var(--dark-text-secondary)}[data-theme=dark] .close-btn:hover{color:var(--dark-text-primary)}[data-theme=dark] .transaction-summary{background:var(--dark-bg-primary);border-color:var(--dark-border)}[data-theme=dark] .transaction-summary h4{color:var(--dark-text-primary)}[data-theme=dark] .transaction-summary p{color:var(--dark-text-secondary)}[data-theme=dark] .form-group label{color:var(--dark-text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--dark-bg-primary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .warning-message{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .warning-message p{color:var(--dark-text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--dark-border)}[data-theme=dark] .btn-secondary{background:var(--dark-bg-primary);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--dark-bg-tertiary)}[data-theme=dark] .loading-state,[data-theme=dark] .empty-state{color:var(--dark-text-secondary)}[data-theme=dark] .empty-state h3{color:var(--dark-text-primary)}@media(max-width:768px){.cancelamentos-container{padding:1rem}.cancelamentos-header{flex-direction:column;align-items:flex-start;gap:1rem}.cancelamentos-filters{flex-direction:column;align-items:stretch}.search-container,.payment-filter{min-width:auto}.transaction-header{flex-direction:column;gap:.75rem;align-items:flex-start}.transaction-actions{justify-content:flex-start}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-footer{flex-direction:column}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.policy-privacy-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff!important}.policy-privacy-page h1,.policy-privacy-page p{color:#fff!important}.policy-container{max-width:1000px;margin:0 auto;background:#fffffff2;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.policy-header{background:linear-gradient(135deg,#1e3a8a,#3730a3);color:#fff;padding:2rem;position:relative}.back-button{position:absolute;top:1rem;left:1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.back-button:hover{background:#ffffff4d;transform:translateY(-2px)}.header-content{text-align:center;margin-top:1rem}.header-icon{margin-bottom:1rem;opacity:.9}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.2rem;opacity:.9;font-weight:300}.policy-content{padding:3rem 2rem}.policy-section{margin-bottom:3rem;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.policy-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000026}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header svg{color:#3b82f6;flex-shrink:0}.section-header h2{font-size:1.5rem;font-weight:600;color:#1f2937!important;margin:0}.section-content{color:#374151!important;line-height:1.7}.section-content p{margin-bottom:1rem;color:#374151!important}.section-content ul{margin:1rem 0;color:#374151!important}.section-content li{margin-bottom:.5rem;color:#374151!important}.highlight-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;padding:1rem;margin:1.5rem 0;color:#92400e;font-weight:500}.refund-conditions{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:10px;padding:1.5rem;margin:1rem 0}.refund-conditions h4{color:#0c4a6e;margin-bottom:1rem;font-weight:600}.legal-notice{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:10px;padding:1rem;margin:1.5rem 0;color:#991b1b;font-weight:500}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.security-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.security-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.security-item svg{color:#3b82f6;margin-bottom:1rem}.security-item h4{color:#1e293b;font-weight:600;margin-bottom:.5rem}.security-item p{color:#64748b;font-size:.9rem;margin:0}.security-features{background:#f0fdf4;border:1px solid #22c55e;border-radius:10px;padding:1.5rem;margin:1.5rem 0}.security-features h4{color:#15803d;margin-bottom:1rem;font-weight:600}.security-features ul{margin:0}.security-features li{color:#166534}.contact-info{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:1.5rem;margin:1rem 0}.contact-info p{margin-bottom:.5rem;color:#475569}.contact-info p:last-child{margin-bottom:0}.policy-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem;text-align:center;color:#64748b}.policy-footer p{margin-bottom:.5rem}.policy-footer p:last-child{margin-bottom:0;font-size:.9rem}@media(max-width:768px){.policy-privacy-page{padding:1rem .5rem}.policy-header{padding:1.5rem 1rem}.back-button{position:static;margin-bottom:1rem;align-self:flex-start}.header-content h1{font-size:2rem}.policy-content{padding:2rem 1rem}.policy-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.security-grid{grid-template-columns:1fr}}@media(max-width:480px){.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.policy-section{padding:1rem}.section-header h2{font-size:1.25rem}}.policy-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media print{.policy-privacy-page{background:#fff;padding:0}.policy-container{box-shadow:none;border-radius:0}.back-button{display:none}.policy-section{break-inside:avoid;box-shadow:none}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-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;line-height:1.6;color:#1f2937;background:#f8fafc}.App{min-height:100vh;width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#000;text-decoration:none;transition:color .2s ease}a:hover{color:#000}ul,ol{margin:1rem 0;padding-left:1.5rem}li{margin-bottom:.25rem}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}:focus{outline:2px solid #000000;outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:#000;color:#fff}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-track{background:#1e293b}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}img{max-width:100%;height:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc;color:#1f2937}.auth-loading .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #000000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-loading p{font-size:1rem;color:#000}@media(max-width:1440px){.App{max-width:1400px;margin:0 auto}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media(max-width:1366px){.App{max-width:1280px}body{padding:0 1rem}}p,span:not([class*=icon]){font-size:clamp(.875rem,2vw,1rem);line-height:1.6;color:inherit}small,.small-text{font-size:clamp(.8125rem,1.5vw,.875rem);line-height:1.5}.dark p,.dark span{opacity:.95}@media(max-width:1024px){h1{font-size:1.875rem}h2{font-size:1.625rem}h3{font-size:1.375rem}body{padding:0 .75rem}}@media(max-width:768px){body{font-size:14px;line-height:1.6}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.375rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.3}h4{font-size:1.125rem;line-height:1.4}p{font-size:14px;line-height:1.6;margin-bottom:.875rem}}@media(max-width:480px){body{font-size:14px}h1{font-size:1.375rem}h2{font-size:1.25rem}h3{font-size:1.125rem}p,span,div{font-size:14px;line-height:1.6}small{font-size:12px}}ul,ol{line-height:1.6}li{font-size:clamp(.875rem,2vw,1rem);line-height:1.6;margin-bottom:.5rem}a{font-size:inherit;line-height:inherit}::selection{background:#000;color:#fff;text-shadow:none}.dark ::selection{background:#fff;color:#000}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #000000;--text-secondary: #1f2937;--text-muted: #4b5563;--border-color: #d1d5db;--border-light: #e5e7eb;--accent-primary: #000000;--accent-hover: #000000;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger-color: #dc2626;--danger-hover: #b91c1c;--info: #06b6d4;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15);--overlay: rgba(0, 0, 0, .5);--primary-color: #000000;--primary-color-dark: #000000;--primary-color-light: #f1f5f9;--card-background: #ffffff;--text-color: #000000;--input-background: #ffffff;--input-text: #1f2937;--input-placeholder: #6b7280;--input-border: #9ca3af;--input-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);--secondary-color: #4b5563;--hover-color: #f1f5f9}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #000000;--text-secondary: #1f2937;--text-muted: #4b5563;--border-color: #d1d5db;--border-light: #e5e7eb;--accent-primary: #000000;--accent-hover: #000000;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger-color: #dc2626;--danger-hover: #b91c1c;--info: #06b6d4;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15);--overlay: rgba(0, 0, 0, .5);--primary-color: #000000;--primary-color-dark: #000000;--primary-color-light: #f1f5f9;--card-background: #ffffff;--text-color: #000000;--input-background: #ffffff;--input-text: #1f2937;--input-placeholder: #6b7280;--input-border: #9ca3af;--input-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);--secondary-color: #4b5563;--hover-color: #f1f5f9}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--accent-primary: #ffffff;--accent-hover: #f8fafc;--success: #34d399;--warning: #fbbf24;--error: #f87171;--danger-color: #ef4444;--danger-hover: #dc2626;--info: #22d3ee;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .7);--primary-color: #ffffff;--primary-color-dark: #f8fafc;--primary-color-light: #94a3b8;--card-background: #1e293b;--text-color: #f8fafc;--input-background: #334155;--secondary-color: #94a3b8;--hover-color: #334155}*{box-sizing:border-box;margin:0;padding:0}html{margin:0;padding:0;width:100%;overflow-x:hidden}body{margin:0;padding:0;min-height:100vh;width:100vw;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{min-height:100vh;width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0}p{color:var(--text-secondary);margin:0}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}button{border-radius:.5rem;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary,button[type=submit]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}button.primary:hover,button[type=submit]:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}button.secondary,button[type=button]{background-color:#fff;color:#374151;border:2px solid #9ca3af}button.secondary:hover,button[type=button]:hover:not(:disabled){background-color:#f3f4f6;border-color:#6b7280}:root[data-theme=dark] button.secondary,:root[data-theme=dark] button[type=button]{background-color:#374151;color:#f9fafb;border-color:#6b7280}:root[data-theme=dark] button.secondary:hover,:root[data-theme=dark] button[type=button]:hover:not(:disabled){background-color:#4b5563;border-color:#9ca3af}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.status-indicator{width:4px!important;height:4px!important;border-radius:50%!important;background:#d1d5db;transition:background-color .3s ease;flex-shrink:0;min-width:4px;min-height:4px;max-width:4px;max-height:4px;display:inline-block;position:relative}.status-indicator.active,.status-indicator.listening{background:var(--success)}.status-indicator.inactive,.status-indicator.disabled{background:var(--text-muted)}.scanner-indicator-wrapper,.status-indicator-wrapper{display:flex;align-items:center;justify-content:center;width:4px;height:4px;flex-shrink:0}.scanner-indicator-wrapper .status-indicator,.status-indicator-wrapper .status-indicator{width:4px!important;height:4px!important;min-width:4px!important;min-height:4px!important;max-width:4px!important;max-height:4px!important}label{color:var(--text-primary)!important;font-weight:500}select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem;font-size:.875rem;transition:all .2s ease}select:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}:root[data-theme=light] select option{background-color:#fff!important;color:#1e293b!important}:root[data-theme=light] select option:hover,:root[data-theme=light] select option:focus,:root[data-theme=light] select option:checked{background-color:#f1f5f9!important;color:#1e293b!important}:root[data-theme=dark] select option{background-color:#475569!important;color:#e2e8f0!important}:root[data-theme=dark] select option:hover,:root[data-theme=dark] select option:focus,:root[data-theme=dark] select option:checked{background-color:#64748b!important;color:#f1f5f9!important}:root[data-theme=dark] label{color:var(--text-primary)!important}:root[data-theme=dark] select{color:var(--text-primary)!important}@media(max-width:768px){button,.btn,.btn-primary,.btn-secondary,.btn-danger,a[role=button],[class*=btn-]{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:1rem}button[class*=icon],.icon-btn,.btn-icon{min-height:44px;min-width:44px;padding:.625rem}}html{font-size:16px}@media(max-width:1440px){html{font-size:15px}}@media(max-width:1366px){html{font-size:14.5px}}@media(max-width:1280px){html{font-size:14px}}h1{font-size:clamp(1.5rem,5vw,2.25rem)!important}h2{font-size:clamp(1.25rem,4vw,1.875rem)!important}h3{font-size:clamp(1.125rem,3vw,1.5rem)!important}h4{font-size:clamp(1rem,2.5vw,1.25rem)!important}h5{font-size:clamp(.938rem,2vw,1.125rem)!important}h6{font-size:clamp(.875rem,1.5vw,1rem)!important}@media(max-width:480px){.page-container,.container,[class*=page]{padding:.5rem!important}.card,.modal-content,[class*=card]{padding:1rem!important;margin-bottom:.75rem!important}.section,[class*=section]{margin-bottom:1rem!important;padding:.75rem!important}.grid,[class*=grid],.flex,[class*=flex]{gap:.5rem!important}}@media(max-width:768px){.table-container,[class*=table-wrapper],[class*=table-container]{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 .5rem;max-width:100vw}table{min-width:600px;display:block;overflow-x:auto}.table-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);pointer-events:none}}@media(max-width:768px){.grid,[class*=grid-],[class*=-grid]{grid-template-columns:1fr!important;gap:.75rem!important}.stats-grid,.cards-grid,.products-grid,.items-grid{grid-template-columns:1fr!important}}@media(max-width:768px){input,textarea,select{font-size:16px!important;min-height:44px;padding:.75rem}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}*,*:before,*:after{animation-duration:.15s!important;transition-duration:.15s!important}}@media(max-width:480px){.modal-overlay,[class*=modal-overlay]{padding:0!important}.modal-content,[class*=modal-content]{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}}.modal-overlay,[class*=modal-overlay]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:1rem;background-color:#0009!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.modal-content{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;margin:auto;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040}:root[data-theme=dark] .modal-content{background:#1f2937;border:1px solid #374151}.modal-header,[class*=modal-header]{margin-top:0!important;flex-shrink:0!important;min-height:60px;position:relative;z-index:10}.modal-content.no-padding{padding:0!important}.modal-body,[class*=modal-body],.modal-form,[class*=modal-form],.form-content,[class*=form-content],.produto-form,.nota-fiscal-form,.xml-importer-modal .modal-body,.movimentacao-history-modal .modal-body,.modal-main-content,.modal-content>form,.modal-content>div:not(.modal-header):not(.modal-footer):not(.modal-actions){flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:calc(90vh - 180px);padding:1.5rem;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modal-body::-webkit-scrollbar,.modal-form::-webkit-scrollbar,.form-content::-webkit-scrollbar,.produto-form::-webkit-scrollbar,.nota-fiscal-form::-webkit-scrollbar,.modal-main-content::-webkit-scrollbar,.modal-content>form::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.modal-form::-webkit-scrollbar-track,.form-content::-webkit-scrollbar-track,.produto-form::-webkit-scrollbar-track,.nota-fiscal-form::-webkit-scrollbar-track,.modal-main-content::-webkit-scrollbar-track,.modal-content>form::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.modal-form::-webkit-scrollbar-thumb,.form-content::-webkit-scrollbar-thumb,.produto-form::-webkit-scrollbar-thumb,.nota-fiscal-form::-webkit-scrollbar-thumb,.modal-main-content::-webkit-scrollbar-thumb,.modal-content>form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.modal-form::-webkit-scrollbar-thumb:hover,.form-content::-webkit-scrollbar-thumb:hover,.produto-form::-webkit-scrollbar-thumb:hover,.nota-fiscal-form::-webkit-scrollbar-thumb:hover,.modal-main-content::-webkit-scrollbar-thumb:hover,.modal-content>form::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root[data-theme=dark] .modal-body::-webkit-scrollbar-thumb,:root[data-theme=dark] .modal-form::-webkit-scrollbar-thumb,:root[data-theme=dark] .form-content::-webkit-scrollbar-thumb,:root[data-theme=dark] .produto-form::-webkit-scrollbar-thumb,:root[data-theme=dark] .nota-fiscal-form::-webkit-scrollbar-thumb,:root[data-theme=dark] .modal-main-content::-webkit-scrollbar-thumb,:root[data-theme=dark] .modal-content>form::-webkit-scrollbar-thumb{background:#475569}:root[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .modal-form::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .form-content::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .produto-form::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .nota-fiscal-form::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .modal-main-content::-webkit-scrollbar-thumb:hover,:root[data-theme=dark] .modal-content>form::-webkit-scrollbar-thumb:hover{background:#64748b}.large-modal .modal-form,.large-modal .modal-body,.large-modal .form-content{max-height:calc(90vh - 140px)}.billing-modal .modal-body,.payment-history-modal .modal-body,.access-history-modal .modal-body,.upgrade-modal .modal-body,.tutorial-modal .modal-body,.payment-modal .modal-body,.payment-result-modal .modal-body,.delete-modal .modal-body,.valor-modal-content,.pages-modal-content{overflow-y:auto!important;max-height:calc(80vh - 120px)}.modal-content.large .modal-form,.modal-content.large .modal-body,.modal-content.large>form{overflow-y:auto;max-height:calc(90vh - 140px)}.billing-modal,.payment-history-modal{display:flex;flex-direction:column;max-height:80vh}.billing-modal .modal-form,.payment-history-modal .modal-form{flex:1;overflow-y:auto;max-height:calc(80vh - 140px)}.modal-footer,[class*=modal-footer],.modal-actions{flex-shrink:0;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}:root[data-theme=dark] .modal-footer,:root[data-theme=dark] [class*=modal-footer],:root[data-theme=dark] .modal-actions{border-top-color:#374151;background:#1f2937}@media(max-width:768px){nav a,.nav-link,[class*=nav-] a{min-height:44px;padding:.75rem 1rem;display:flex;align-items:center}}@media(max-width:480px){p,span,div{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}small,.text-small{font-size:clamp(.75rem,1.5vw,.875rem)}}@media(max-width:1440px){.container,.page-container,[class*=container]:not(.landing-container){max-width:1100px;padding:1.25rem}.grid,[class*=grid]{gap:1.25rem}h1{font-size:1.875rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.card,[class*=card]:not(.stat-card){padding:1.25rem}.header,[class*=header]{padding:1.25rem}button,.btn,[class*=btn]{padding:.625rem 1.25rem;font-size:.875rem!important}}@media(max-width:1366px){.container,.page-container,[class*=container]:not(.landing-container){max-width:1000px;padding:1rem}.grid,[class*=grid]{gap:1rem}h1{font-size:1.75rem!important}h2{font-size:1.375rem!important}h3{font-size:1.125rem!important}.card,[class*=card]:not(.stat-card){padding:1rem}.header,[class*=header]{padding:1rem}button,.btn,[class*=btn]{padding:.5rem 1rem;font-size:.8125rem!important}}@media(max-width:1280px){.container,.page-container,[class*=container]:not(.landing-container){max-width:950px;padding:.875rem}.grid,[class*=grid]{gap:.875rem}h1{font-size:1.625rem!important}h2{font-size:1.25rem!important}h3{font-size:1rem!important}.card,[class*=card]:not(.stat-card){padding:.875rem}}p,span,.text-secondary,[class*=text-secondary],.description,.subtitle,.helper-text{font-size:clamp(.875rem,2vw,1rem);line-height:1.6;color:var(--text-secondary)}small,.text-small,.text-xs,[class*=text-small]{font-size:clamp(.8125rem,1.5vw,.875rem)!important;line-height:1.5}label,.label,[class*=label]{font-size:clamp(.875rem,2vw,1rem)!important;font-weight:500;line-height:1.5}.card p,.card span,.card-content p,.card-content span{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}button,.btn,[class*=btn],input,textarea,select{font-size:clamp(.875rem,2vw,1rem)!important;line-height:1.5}::placeholder{font-size:clamp(.875rem,2vw,1rem);opacity:.6}table{font-size:clamp(.875rem,2vw,1rem)}table th{font-size:clamp(.875rem,2vw,1rem);font-weight:600}table td{font-size:clamp(.875rem,2vw,1rem)}li{font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.text-muted,.text-secondary,[class*=text-muted]{color:var(--text-secondary);opacity:.85}:root[data-theme=dark] .text-secondary,:root[data-theme=dark] .text-muted{opacity:.9}body{color:var(--text-primary);font-size:clamp(.875rem,2vw,1rem);line-height:1.6}p{margin-bottom:1rem;line-height:1.6}p+p{margin-top:.5rem}a{font-size:inherit;line-height:inherit;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s}a:hover{text-decoration-color:currentColor}code,pre{font-size:clamp(.8125rem,1.5vw,.875rem);line-height:1.5}@media(max-width:480px){body{font-size:14px}.text-secondary,.text-muted{font-size:13px}small,.text-small{font-size:12px}p,span,div{line-height:1.6}}.stat-label{color:var(--text-primary)!important;font-weight:500!important;opacity:.9}.stat-value{color:var(--text-primary)!important;font-weight:600!important}.stat-card{background:var(--bg-secondary)!important;color:var(--text-primary)!important}:root[data-theme=dark] .stat-label,:root[data-theme=dark] .stat-value{color:var(--text-primary)!important}.modal-actions button,.form-actions button{min-width:100px;padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem}.modal-actions button[type=button],.form-actions .cancel-btn{background-color:#fff!important;color:#374151!important;border:2px solid #9ca3af!important}.modal-actions button[type=button]:hover:not(:disabled),.form-actions .cancel-btn:hover:not(:disabled){background-color:#f3f4f6!important;border-color:#6b7280!important}.modal-actions button[type=submit],.form-actions .save-btn{background-color:#3b82f6!important;color:#fff!important;border:2px solid #3b82f6!important}.modal-actions button[type=submit]:hover:not(:disabled),.form-actions .save-btn:hover:not(:disabled){background-color:#2563eb!important;border-color:#2563eb!important}:root[data-theme=dark] .modal-actions button[type=button],:root[data-theme=dark] .form-actions .cancel-btn{background-color:#374151!important;color:#f9fafb!important;border-color:#6b7280!important}:root[data-theme=dark] .modal-actions button[type=button]:hover:not(:disabled),:root[data-theme=dark] .form-actions .cancel-btn:hover:not(:disabled){background-color:#4b5563!important;border-color:#9ca3af!important}.add-btn-small,.btn-add,[class*=add-btn]{background-color:#3b82f6!important;color:#fff!important;border:2px solid #3b82f6!important;min-width:40px;min-height:40px}.add-btn-small:hover,.btn-add:hover,[class*=add-btn]:hover{background-color:#2563eb!important;border-color:#2563eb!important;transform:scale(1.05)}.add-new-field button,.btn-add-item{background-color:#10b981!important;color:#fff!important;border:none!important;padding:.75rem 1.25rem!important;font-weight:600!important}.add-new-field button:hover,.btn-add-item:hover{background-color:#059669!important}.add-new-field{background-color:#f0f9ff!important;border:2px solid #3b82f6!important;border-radius:.5rem;padding:1rem!important}:root[data-theme=dark] .add-new-field{background-color:#1e3a5f!important;border-color:#3b82f6!important}.form-group label,.modal-form label{color:var(--text-primary)!important;font-weight:600!important;font-size:.875rem!important;margin-bottom:.5rem!important;display:block!important}.form-group input,.form-group select,.form-group textarea,.modal-form input,.modal-form select,.modal-form textarea{background-color:#fff;color:#1f2937;border:1px solid #d1d5db;padding:.75rem;border-radius:.5rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select,:root[data-theme=dark] .form-group textarea,:root[data-theme=dark] .modal-form input,:root[data-theme=dark] .modal-form select,:root[data-theme=dark] .modal-form textarea{background-color:#374151;color:#f9fafb;border-color:#4b5563}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group select:focus,:root[data-theme=dark] .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select{background-color:#fff!important;color:#1a1a1a!important;border:2px solid #9ca3af!important;box-shadow:inset 0 2px 4px #0000001a!important;font-weight:500!important}:root[data-theme=light] input:focus,:root[data-theme=light] textarea:focus,:root[data-theme=light] select:focus{border-color:#3b82f6!important;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #3b82f633!important;outline:none!important}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#4b5563!important;opacity:1!important;font-weight:400!important}:root[data-theme=light] input[type=checkbox]{accent-color:#3b82f6}:root[data-theme=light] input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=email],:root[data-theme=light] input[type=password],:root[data-theme=light] input[type=number],:root[data-theme=light] input[type=tel],:root[data-theme=light] input[type=search],:root[data-theme=light] input[type=date],:root[data-theme=light] input[type=time],:root[data-theme=light] input[type=datetime-local],:root[data-theme=light] textarea{color:#000!important;-webkit-text-fill-color:#000000!important}:root[data-theme=light] select{color:#000!important;-webkit-text-fill-color:#000000!important}:root[data-theme=light] select option{color:#000!important;background-color:#fff!important}:root[data-theme=light] label{color:#000!important;font-weight:600!important;text-shadow:0 0 1px rgba(0,0,0,.1)!important}:root[data-theme=light] .text-secondary,:root[data-theme=light] .text-muted,:root[data-theme=light] p,:root[data-theme=light] span:not([class*=icon]):not([class*=badge]){color:#374151!important}:root[data-theme=light] .card p,:root[data-theme=light] .card span,:root[data-theme=light] .section p,:root[data-theme=light] .section span{color:#1f2937!important}:root[data-theme=light] .helper-text,:root[data-theme=light] .description,:root[data-theme=light] .subtitle,:root[data-theme=light] small{color:#4b5563!important;font-weight:500!important}:root[data-theme=light] .card,:root[data-theme=light] .section,:root[data-theme=light] [class*=card],:root[data-theme=light] [class*=section]{border-color:#d1d5db!important;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014!important}:root[data-theme=light] table th{color:#000!important;font-weight:700!important;background-color:#f3f4f6!important;border-bottom:2px solid #9ca3af!important}:root[data-theme=light] table td{color:#1f2937!important;border-bottom:1px solid #d1d5db!important}:root[data-theme=light] button{font-weight:600!important}:root[data-theme=light] button.secondary,:root[data-theme=light] button[type=button]:not(.primary):not([class*=primary]){color:#1f2937!important;border:2px solid #6b7280!important}:root[data-theme=light] a{color:#1d4ed8!important}:root[data-theme=light] a:hover{color:#1e40af!important}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3,:root[data-theme=light] h4,:root[data-theme=light] h5,:root[data-theme=light] h6{color:#000!important}:root[data-theme=light] .stat-label{color:#374151!important;font-weight:600!important}:root[data-theme=light] .stat-value{color:#000!important;font-weight:700!important}:root[data-theme=light] .badge,:root[data-theme=light] [class*=badge]{font-weight:600!important;border:1px solid currentColor!important}:root[data-theme=light] .error,:root[data-theme=light] .text-error,:root[data-theme=light] [class*=error]{color:#b91c1c!important;font-weight:600!important}:root[data-theme=light] .success,:root[data-theme=light] .text-success,:root[data-theme=light] [class*=success]{color:#047857!important;font-weight:600!important}:root[data-theme=light] .warning,:root[data-theme=light] .text-warning,:root[data-theme=light] [class*=warning]{color:#b45309!important;font-weight:600!important}:root[data-theme=light] input:disabled,:root[data-theme=light] textarea:disabled,:root[data-theme=light] select:disabled{background-color:#e5e7eb!important;color:#6b7280!important;border-color:#9ca3af!important;cursor:not-allowed!important}:root[data-theme=light] .modal-content{background-color:#fff!important;box-shadow:0 25px 50px -12px #00000059!important}:root[data-theme=light] .modal-overlay,:root[data-theme=light] [class*=modal-overlay]{background-color:#00000080!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}:root[data-theme=light] .modal-header{border-bottom:2px solid #d1d5db!important}:root[data-theme=light] .modal-footer{border-top:2px solid #d1d5db!important;background-color:#f9fafb!important}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#9ca3af!important}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#6b7280!important}:root[data-theme=light] ::-webkit-scrollbar-track{background:#e5e7eb!important}