:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#60a5fa;--accent-color:#f59e0b;--success-color:#10b981;--danger-color:#ef4444;--background-bg:#f3f4f6;--surface-bg:#fff;--surface-hover:#f9fafb;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--glass-bg:#fffffff2;--glass-border:1px solid #fff3}body{background-color:#f3f4f6;background-color:var(--background-bg);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main)}.App{background-color:#fff;box-shadow:0 8px 28px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:1420px;min-height:100vh;overflow:hidden;width:100%}.message-bar{font-size:.9rem;min-height:1.2em;padding:10px;transition:all .3s ease}.message-bar.info{background-color:#e0e0e0;color:#333}.message-bar.success{background-color:#28a745}.message-bar.error{background-color:#dc3545;color:#fff}.navigation-tabs{background-color:#eee;display:flex}.nav-tab{border-bottom:3px solid #0000;color:#555;cursor:pointer;flex:1 1;font-weight:600;padding:15px;text-align:center}.nav-tab.active{border-bottom:3px solid #007bff;color:#007bff}.login-header{margin-bottom:24px;text-align:center}.login-header h2{color:#1f2937;font-size:1.5rem;margin:0 0 8px}.login-view{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.login-view h2{color:#333;text-align:center}.login-form{gap:15px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:8px}.form-group label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1.1rem;min-height:52px;padding:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.form-group input::placeholder{color:#9ca3af}.search-bar-container{background:#f9f9f9;border-bottom:1px solid #eee;padding:10px;position:relative}.search-bar{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.search-bar.large{font-size:1.05rem;min-height:54px}.search-results{background:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;border-top:none;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;left:10px;position:absolute;right:10px;width:100%;width:calc(100% - 20px);z-index:10}.search-card .search-results{border-radius:10px;border-top:1px solid #eee;max-height:220px;overflow-y:auto;position:static}.search-stack{display:flex;flex-direction:column;gap:10px}.manual-input{border:1px solid #ccd7f0;border-radius:10px;box-sizing:border-box;font-size:1rem;min-height:110px;padding:12px;resize:vertical;width:100%}.manual-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.manual-actions small{color:#6c7a99}.search-results-panel{border:1px solid #e5eaf5;border-radius:12px;display:flex;flex-direction:column;margin-top:12px;max-height:230px;overflow-y:auto}.search-result-line{background:#fff;border:none;border-radius:0;color:#2c3e50;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left}.search-result-line:last-child{border-bottom:none}.search-result-line strong{display:block;font-size:.95rem}.search-result-line small{color:#7a869c}.search-result-item{cursor:pointer;padding:10px 12px}.search-result-item:hover{background:#f0f0f0}.login-button,.signup-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;min-height:56px;padding:18px 24px;transition:all .2s ease}.login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.login-button:disabled{background:#9ca3af;box-shadow:none}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.signup-button{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d;color:#fff}.signup-button:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.toggle-view-button{background:none;color:#007bff;margin-top:15px}.logout-button{background:#dc3545;border:none;color:#fff;position:absolute;right:15px;top:60px;z-index:50}.logout-button:hover{background:#c82333}.scanner-container{background:#111;border-radius:12px;padding:10px;position:relative;width:100%}.scanner-container.placeholder{background:#f9fbff;border:1px dashed #c5d2eb}.scanner-container.active{background:#050505}#pos-scanner{background:#000;border-radius:8px;height:20vh;margin:0 auto;max-height:220px;min-height:180px;overflow:hidden;width:100%}.scan-actions-row{display:flex;gap:10px;margin-top:10px}.scan-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.scan-action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:2 1}.scan-action-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.02)}.scan-action-btn.active{background:#dcfce7;border:2px solid #22c55e;color:#166534}.scan-action-btn.inactive{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.scanner-container-mini{background:#111;border-radius:10px;height:80px;margin-top:10px;overflow:hidden;position:relative;width:100%}.scanner-container-mini #pos-scanner{height:80px!important;max-height:80px!important;min-height:80px!important;width:100%}.scanner-overlay-label{background:#000000b3;bottom:0;color:#10b981;font-size:.8rem;font-weight:500;left:0;padding:4px 10px;position:absolute;right:0;text-align:center}.scanner-container.compact{background:#050505}.scanner-container.compact.collapsed #pos-scanner{height:140px;min-height:120px}.scanner-feed{position:relative}.scanner-container.placeholder #pos-scanner,.scanner-feed.hidden #pos-scanner{opacity:0}.scanner-placeholder{align-items:center;color:#4b5c7a;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;padding:10px;position:absolute;text-align:center;z-index:1}.scanner-placeholder:before{background:#ffffffe6;border-radius:8px;content:"";inset:0;position:absolute;z-index:-1}.scanner-hint{color:#777;display:block;font-size:.85rem;margin-top:8px}.scanner-header-actions{display:flex;flex-wrap:wrap;gap:8px}#admin-scanner{border:1px solid #555;border-radius:8px;margin:0 auto;max-width:300px;overflow:hidden;width:100%}#pos-scanner video{height:100%!important;object-fit:cover;width:100%!important}.cart-container{background:#fdfdfd;flex:1 1;overflow-y:auto;padding:10px}.pos-toolbar{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:10px 18px}.toolbar-info{display:flex;flex-direction:column}.toolbar-label{color:#7a7a7a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.toolbar-info small{color:#9a9a9a}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.remote-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ghost-btn{background:#0000;border:1px solid #d0d0d0;border-radius:8px;font-weight:600;padding:6px 12px;transition:background .2s,color .2s}.ghost-btn:hover{background:#f5f5f5}.primary-btn{background:#0d6efd;border:1px solid #0d6efd;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.primary-btn:hover{background:#0b5ed7}.remote-status-pill{align-items:center;background:#0d6efd1f;border-radius:999px;color:#0d47a1;display:inline-flex;font-weight:600;gap:8px;padding:6px 12px}.remote-status-pill.off{background:#f2f2f2;color:#7a7a7a}.status-dot{background:#1abc9c;border-radius:50%;display:inline-block;height:10px;width:10px}.remote-status-pill.off .status-dot{background:#bbb}.ghost-btn.danger{border-color:#dc3545;color:#dc3545}.pos-workspace{display:flex;flex:1 1;gap:16px;overflow:hidden;padding:16px}.brain-assistant{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:12px;pointer-events:auto!important;position:fixed;right:24px;z-index:2147483647}.brain-tip{align-items:center;animation:tipBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px 12px 0 12px;box-shadow:0 10px 30px #1e40af66;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:10px 16px}.brain-tip button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.7rem;height:20px;width:20px}@keyframes tipBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brain-toggle{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:999px;box-shadow:0 10px 40px #7c3aed80;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:14px 24px;position:relative;transition:all .3s ease}.brain-toggle:hover{box-shadow:0 15px 50px #7c3aed99;transform:scale(1.05)}.brain-toggle .brain-icon{font-size:1.4rem}.brain-toggle .brain-label{font-weight:800;letter-spacing:.5px}.brain-toggle .alert-badge{align-items:center;animation:pulseBadge 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.brain-assistant.pulse .brain-toggle{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 10px 40px #7c3aed80}50%{box-shadow:0 10px 60px #7c3aedcc,0 0 30px #a855f799}}.brain-panel{animation:slideUpPanel .3s ease-out;background:linear-gradient(180deg,#fff,#f8fafc);border:3px solid #7c3aed;border-radius:20px;box-shadow:0 25px 60px #0f172a66;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;pointer-events:auto!important;width:clamp(340px,30vw,460px)}@keyframes slideUpPanel{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brain-panel.minimized{max-height:auto}.brain-header{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;justify-content:space-between;padding:16px 20px}.brain-header,.brain-title{align-items:center;display:flex}.brain-title{gap:12px}.brain-emoji{animation:brainPulse 3s ease-in-out infinite;font-size:2rem}.brain-title h3{font-size:1.1rem;font-weight:800;letter-spacing:.5px;margin:0}.brain-title small{display:block;font-size:.75rem;font-weight:400;opacity:.85}.brain-actions{display:flex;gap:8px}.brain-actions button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:background .2s;width:32px}.brain-actions button:hover{background:#ffffff4d}.brain-alerts{background:#fef3c7;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.brain-alert{align-items:flex-start;background:#fff;border-left:4px solid #f59e0b;border-radius:10px;display:flex;gap:10px;padding:8px 12px}.brain-alert.error{background:#fef2f2;border-left-color:#ef4444}.brain-alert.info{background:#eff6ff;border-left-color:#3b82f6}.brain-alert .alert-icon{font-size:1.2rem}.brain-alert .alert-content strong{color:#1f2937;display:block;font-size:.85rem}.brain-alert .alert-content small{color:#6b7280;font-size:.75rem}.brain-status{background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-around;padding:10px 16px}.brain-status .status-item{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:600;gap:6px}.brain-status .status-dot{background:#ef4444;border-radius:50%;height:10px;width:10px}.brain-status .status-dot.online{background:#10b981;box-shadow:0 0 10px #10b98180}.brain-status .status-dot.offline{animation:pulseOfflineDot 1.5s ease-in-out infinite;background:#f59e0b}@keyframes pulseOfflineDot{0%,to{opacity:1}50%{opacity:.5}}.brain-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:35vh;min-height:150px;overflow-y:auto;padding:16px}.brain-welcome{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:12px;margin:8px;padding:24px 20px;text-align:center}.brain-welcome .welcome-emoji{animation:wave 1.5s ease-in-out infinite;font-size:3.5rem;margin-bottom:12px}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.brain-welcome h4{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 8px}.brain-welcome p{color:#6b7280;font-size:.95rem;margin:0 0 12px}.brain-welcome:after{background:#7c3aed;border-radius:20px;color:#fff;content:"👇 Escribe abajo o usa las sugerencias";display:block;font-size:.85rem;font-weight:600;margin-top:16px;padding:8px 16px}.brain-message{animation:messageIn .3s ease-out;display:flex;gap:10px}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brain-message.user{flex-direction:row-reverse}.brain-message .message-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.brain-message.user .message-avatar{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.brain-message .message-content{background:#f1f5f9;border-radius:16px;max-width:80%;padding:10px 14px}.brain-message.user .message-content{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.brain-message .message-content p{font-size:.9rem;line-height:1.4;margin:0}.brain-message .message-content small{display:block;font-size:.7rem;margin-top:4px;opacity:.7}.brain-message .message-content.typing{display:flex;gap:4px;padding:14px 18px}.brain-message .message-content.typing span{animation:typingBounce 1.4s ease-in-out infinite;background:#7c3aed;border-radius:50%;height:8px;width:8px}.brain-message .message-content.typing span:nth-child(2){animation-delay:.2s}.brain-message .message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.proposal-actions{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #6366f1;border-radius:12px;margin-top:12px;padding:12px}.proposal-info{align-items:center;display:flex;gap:10px;margin-bottom:10px}.proposal-badge{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc}}.proposal-type{color:#a5b4fc;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.proposal-buttons{display:flex;gap:10px}.proposal-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.proposal-btn.approve{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.proposal-btn.approve:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:scale(1.02)}.proposal-btn.reject{background:#0000;border:2px solid #ef4444;color:#ef4444}.proposal-btn.reject:hover:not(:disabled){background:#ef4444;color:#fff}.proposal-btn:disabled{cursor:not-allowed;opacity:.6}.brain-suggestions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;position:relative;z-index:10}.brain-suggestions button{background:#fff;border:2px solid #7c3aed;border-radius:999px;box-shadow:0 2px 8px #7c3aed26;color:#7c3aed;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;pointer-events:auto!important;transition:all .2s ease}.brain-suggestions button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#0000;box-shadow:0 6px 20px #7c3aed4d;color:#fff;transform:translateY(-2px)}.brain-suggestions button:active:not(:disabled){transform:translateY(0)}.brain-suggestions button:disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.5}.brain-error{align-items:center;background:#fef2f2;border-top:1px solid #fecaca;color:#991b1b;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 16px}.brain-error button{background:#991b1b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:4px 12px}.brain-input{background:#fff;border-top:2px solid #7c3aed;display:flex;gap:10px;padding:16px;position:relative;z-index:10}.brain-input input{background:#faf5ff;border:2px solid #7c3aed;border-radius:12px;color:#1f2937;flex:1 1;font-size:1rem;font-weight:500;min-height:48px;padding:14px 18px;pointer-events:auto!important;transition:all .2s}.brain-input input::placeholder{color:#9ca3af;font-weight:400}.brain-input input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed26;outline:none}.brain-input input:disabled{background:#f3f4f6;border-color:#d1d5db}.brain-input .send-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;pointer-events:auto!important;transition:all .2s ease;width:52px}.brain-input .send-btn:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed66;transform:scale(1.1)}.brain-input .send-btn:disabled{cursor:not-allowed;opacity:.5}.brain-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 16px;text-align:center}.brain-footer small{color:#94a3b8;font-size:.75rem}@media (max-width:768px){.brain-assistant{bottom:12px;right:12px}.brain-panel{max-height:85vh;width:min(95vw,400px)}.brain-toggle{font-size:.9rem;padding:12px 18px}.brain-input input{font-size:1rem;padding:12px 14px}.brain-suggestions button{font-size:.8rem;padding:8px 12px}}.pos-column{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto}.pos-column.pos-left{flex:1.25 1}.pos-column.pos-right{flex:0.75 1}.pos-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000a;padding:16px}.pos-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.pos-card-header h3{margin:0}.pos-card-header small{color:#777}.pos-app{background:#f4f7f6;position:relative}.message-bar.floating{border-radius:999px;box-shadow:0 8px 24px #0003;left:50%;min-height:0;min-height:auto;padding:12px 24px;position:fixed;top:16px;transform:translateX(-50%);z-index:140}.pos-command-bar{background:#fff;border-bottom:1px solid #ebeff5;display:flex;gap:16px;justify-content:space-between;padding:18px 24px 8px;position:sticky;top:0;z-index:60}.command-info{gap:2px}.command-actions,.command-info{display:flex;flex-direction:column}.command-actions{align-items:flex-end;gap:8px}.command-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-inline small{color:#6b7280;font-size:.85rem}.sync-status-pill{background:#f0f0f0;border-radius:999px;color:#555;font-weight:600;padding:6px 12px}.sync-status-pill.online{background:#10b98133;color:#0f5132}.sync-status-pill.offline{background:#ffc10740;color:#8a5b00}.pos-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1.2fr .8fr;min-height:0;overflow-y:auto;padding:20px 24px 32px}.capture-column,.cart-column,.document-column{display:flex;flex-direction:column;gap:16px}.capture-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.capture-tab{background:#f5f7ff;border:1px solid #d6deff;border-radius:10px;cursor:pointer;font-weight:600;padding:10px;transition:background .2s}.capture-tab.active{background:#0d6efd;border-color:#0d6efd;color:#fff}.capture-card{min-height:280px}.capture-card.search-card{min-height:360px}.cart-card{position:relative}.cart-total.big{font-size:2.2rem}.cart-floating-footer{align-items:center;background:linear-gradient(180deg,#ffffffe6,#fff);border-top:1px solid #eef0f4;bottom:-18px;display:flex;gap:16px;justify-content:space-between;margin-top:10px;padding-top:12px;position:sticky}.cart-total-panel{display:flex;flex-direction:column;gap:4px}.cart-total-panel span{color:#6b778c;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.cart-total-panel strong{color:#0d6efd;font-size:1.6rem}.doc-toggle{display:flex;gap:12px;margin-bottom:14px}.customer-form{grid-gap:10px;display:grid;gap:10px}.customer-form input{border:1px solid #dfe5f4;border-radius:8px;font-size:.95rem;padding:10px}.document-card,.payment-card{display:flex;flex-direction:column;gap:16px}.payment-placeholder{background:#f8fbff;border:1px dashed #d6deff;border-radius:12px;color:#6c7a99;padding:20px}.payment-button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.payment-button{width:100%}.ghost-btn.wide{text-align:center;width:100%}.card-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-details-grid label{color:#3a4860;display:flex;flex-direction:column;font-weight:600;gap:6px}.card-details-grid input,.card-details-grid select{border:1px solid #dfe5f4;border-radius:8px;font-size:1rem;padding:10px}.voucher-upload{display:flex;flex-direction:column;gap:8px;margin:10px 0}.voucher-upload .file-label{color:#4a5675;font-weight:600}.voucher-upload input[type=file]{background:#fff;border:1px dashed #d6deff;border-radius:10px;padding:8px}.selected-file{background:#f7f9ff;border:1px solid #e7ecff;padding:6px 10px}.selected-file small{color:#4f5c7a}@media (max-width:1200px){.pos-grid{grid-template-columns:1fr}.command-actions{align-items:flex-start}.pos-command-bar{position:static}}@media (max-width:768px){.pos-grid{padding:16px}.command-actions{width:100%}}@media (max-width:1100px){.pos-workspace{flex-direction:column}.pos-column.pos-left,.pos-column.pos-right{flex:1 1}.scanner-container.compact #pos-scanner{height:200px;min-height:160px}}.doc-type-btn{background:#f6f6f6;border:1px solid #d6d6d6;border-radius:8px;padding:10px}.doc-type-btn.active{background:#0d6efd;border-color:#0d6efd}.alert-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:16px}.alert-card.warning{background:#fff5f5;border-color:#f5c6cb;color:#842029}.alert-card.success{background:#f5fff7;border-color:#c3e6cb;color:#0f5132}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#0d6efd1a;border-radius:999px;color:#0d2f66;font-size:.85rem;font-weight:600;padding:4px 10px}.pill.muted{background:#e0e0e0;color:#5c5c5c}.cart-panel{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000000d;display:flex;flex-direction:column;height:100%;padding:18px}.cart-panel-header{align-items:flex-start;gap:8px}.cart-header-actions{flex-wrap:wrap;gap:10px}.cart-panel-header small{color:#777}.cart-total{color:#0d6efd;font-size:2rem;font-weight:700;margin-left:auto}.cart-search-area{background:#f8fbff;border:1px dashed #dee6ff;border-radius:12px;margin-top:14px;padding:14px}.cart-items{display:flex;flex:1 1;flex-direction:column;gap:12px;margin:15px 0;overflow-y:auto}.cart-item-row{border-bottom:1px solid #f1f1f1;display:flex;gap:14px;justify-content:space-between;padding-bottom:12px}.cart-item-name{font-size:1rem}.cart-item-meta{color:#777}.price-override-badge{background:#fff0e1;border-radius:999px;color:#a24900;font-size:.75rem;margin-top:4px;padding:2px 8px}.cart-item-actions{align-items:center;gap:12px}.cart-item-actions .ghost-btn{font-size:.9rem;padding:4px 8px}.qty-controller{align-items:center;border:1px solid #d9d9d9;border-radius:999px;display:flex;overflow:hidden}.qty-controller button{background:none;border:none;cursor:pointer;font-size:1rem;padding:6px 10px}.qty-controller span{font-weight:600;min-width:32px;text-align:center}.line-total{font-weight:700;min-width:90px;text-align:right}.cart-panel-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.cart-empty{border:1px dashed #d6d6d6;border-radius:12px;color:#777;padding:30px;text-align:center}.cart-panel-footer .checkout-button{flex:0 0 auto;min-width:220px}.recent-sales-overlay{background:#00000073;inset:0;position:fixed;z-index:90}.recent-sales-drawer{background:#fff;box-shadow:-4px 0 18px #0003;display:flex;flex-direction:column;gap:18px;height:100vh;padding:24px;position:fixed;right:0;top:0;width:min(420px,90%);z-index:95}.drawer-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.drawer-header h3{margin:0}.drawer-header small{color:#6c7a99}.recent-sales-panel{flex:1 1;gap:14px;overflow-y:auto}.offline-queue-panel,.recent-sales-panel{border:1px solid #e3e9ff;border-radius:14px;display:flex;flex-direction:column;padding:16px}.offline-queue-panel{gap:12px;margin-bottom:16px}.offline-queue-body{display:flex;flex-direction:column;gap:12px;max-height:260px}.offline-queue-empty{color:#7d839c;padding:20px 0}.queue-sale-card{background:#fff;border:1px solid #eef0fb;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.queue-sale-card.failed{border-color:#f5c2c7}.queue-sale-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.queue-sale-total{color:#0d6efd;font-weight:700}.queue-sale-meta{color:#5f6883;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px}.queue-retry-badge{background:#fff3cd;border-radius:999px;color:#8b6a00;font-size:.8rem;padding:2px 8px}.queue-sale-error{color:brown;font-size:.85rem}.queue-sale-actions{display:flex;flex-wrap:wrap;gap:10px}.recent-sales-head small{color:#7a859d}.recent-sales-body{display:flex;flex-direction:column;gap:12px}.recent-sales-empty{color:#8891a9;padding:30px 10px}.recent-sale-card{background:#fdfdff;border:1px solid #e6ebff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.recent-sale-card-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.recent-sale-ref{color:#1f3566;font-weight:700}.recent-sale-meta{color:#6e778c;font-size:.85rem}.recent-sale-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pill-btn{background:#eef2ff;border:1px solid #0000;border-radius:20px;padding:6px 14px}.pill-btn:disabled{opacity:.6}.pill-btn.blue{border-color:#0d6efd;color:#0d47a1}.pill-btn.teal{background:#e6fbff;border-color:#0ab3c3;color:#056c8a}.pill-btn.amber{background:#fff7df;border-color:#ffc107;color:#8a5b00}.recent-sale-sync{color:#7b7f92;font-size:.8rem}.cart-empty-message{color:#888;font-size:1.1rem;margin-top:30px;text-align:center}.cart-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:10px}.cart-item-details{display:flex;flex-direction:column}.cart-item-name{font-size:1.1rem}.cart-item-price{color:#555;font-size:.9rem}.cart-item-remove{background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:30px;width:30px}.footer{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -4px 10px #00000008;padding:10px;z-index:20}.total-display{display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;margin-bottom:10px}.checkout-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;width:100%}.checkout-button:disabled{background-color:#a0a0a0}.total-display-payment{background-color:#f9f9f9;border-bottom:1px solid #eee;padding:40px 20px;text-align:center}.total-display-payment span{display:block}.total-display-payment span:first-child{color:#555;font-size:1.1rem;font-weight:600}.total-display-payment span:last-child{color:#000;font-size:2.5rem;font-weight:700;margin-top:5px}.payment-view{display:flex;flex:1 1;flex-direction:column;gap:15px;padding:20px}.payment-view h3{color:#333;margin-top:0;text-align:center}.cancel-button,.payment-button{border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:600;padding:20px;transition:all .2s}.payment-button{background-color:#007bff;color:#fff}.payment-button.credito{background-color:#17a2b8}.cancel-button{background-color:#6c757d;color:#fff}.payment-button:hover:not(:disabled){transform:scale(1.02)}.cancel-button:hover:not(:disabled){background-color:#5a6268}.admin-view{background-color:#f4f6f8;display:flex;flex-direction:column}.admin-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 15px 0}.admin-header h2{color:#333;font-size:1.4rem;margin:0 0 15px}.admin-tabs{display:flex;gap:20px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;padding:10px 5px;transition:all .2s}.tab-btn.active{border-bottom-color:#007bff;color:#007bff;font-weight:600}.admin-content{flex:1 1;overflow-y:auto;padding:15px}.tab-pane{display:flex;flex-direction:column;gap:20px}.fade-in{animation:fadeIn .3s ease-in-out}.admin-card{border-radius:10px;box-shadow:0 2px 8px #0000000d}.admin-card h3{border-bottom:1px solid #eee;color:#444;font-size:1.1rem;margin-bottom:20px;padding-bottom:10px}.admin-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.input-with-action{display:flex;gap:8px}.icon-btn{background:#eee;border:none;border-radius:5px;padding:0 10px}.table-responsive{overflow-x:auto}.admin-table{border-collapse:collapse;min-width:500px;width:100%}.admin-table th{background-color:#f8f9fa;color:#666;font-size:.9rem;font-weight:600;padding:12px;text-align:left}.admin-table td{border-bottom:1px solid #eee;padding:12px;vertical-align:middle}.badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.bg-success{background-color:#28a745}.bg-danger{background-color:#dc3545}.bg-warning{background-color:#ffc107;color:#333}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:5px}.edit-btn:hover{background-color:#e2e6ea}.delete-btn:hover{background-color:#f8d7da}.user-list{list-style:none;margin:0;padding:0}.user-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px}.user-info{display:flex;flex-direction:column}.user-email{font-weight:500}.user-role{background:#e9ecef;border-radius:4px;color:#495057;font-size:.75rem;margin-top:4px;padding:2px 6px;width:fit-content}.sucursal-list{list-style:none;padding:0}.sucursal-item{background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;margin-bottom:8px;padding:10px}.sucursal-item strong{color:#333}.sucursal-item span{color:#666;font-size:.9rem}.main-layout{background-color:#f4f7f6;display:flex;height:100vh;max-width:100%;overflow:hidden;width:100vw}.sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#ecf0f1;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:250px;z-index:100}.sidebar-header{background-color:#1a252f;border-bottom:1px solid #34495e;padding:20px;text-align:center}.sidebar-logo{height:auto;max-height:80px;max-width:80%;object-fit:contain}.login-logo{display:block;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:150px}.sidebar-header h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:20px 0}.sidebar-link{align-items:center;background:none;border:none;box-sizing:border-box;color:#bdc3c7;cursor:pointer;display:flex;font-size:1rem;padding:15px 25px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-link:hover{background-color:#34495e;color:#fff}.sidebar-link.active{background-color:#3498db;color:#fff;font-weight:600}.sidebar-link .icon{font-size:1.2rem;margin-right:15px;text-align:center;width:24px}.sidebar-footer{background-color:#1a252f;border-top:1px solid #34495e;padding:20px}.user-info{color:#95a5a6;font-size:.85rem;margin-bottom:15px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-items:center;background-color:#c0392b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px;transition:background .2s;width:100%}.logout-btn:hover{background-color:#e74c3c}.content-area{background-color:#ecf0f1;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}.App{background:#0000;border-radius:0;box-shadow:none;max-width:100%}.App,.admin-view{height:100%}.pos-container{margin:0 auto;max-width:1200px}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{align-items:center;flex-direction:row;height:auto;padding:0;width:100%}.sidebar-header{border-bottom:none;border-right:1px solid #34495e;padding:10px;width:auto}.sidebar-header h2{font-size:1rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:0}.sidebar-link{border-bottom:4px solid #0000;border-left:none;padding:10px 15px;width:auto}.sidebar-link.active{border-bottom:4px solid #fff;border-left:none}.sidebar-link .label{display:none}.sidebar-link .icon{margin:0}.sidebar-footer{display:none}.pos-workspace{flex-direction:column}.pos-column{max-height:none}}.pos-page{background:#0b0e14;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.pos-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f121beb;border-bottom:1px solid #6366f11f;box-shadow:0 4px 30px #00000059;justify-content:space-between;padding:10px 22px;z-index:20}.pos-header,.pos-header-left{align-items:center;display:flex}.pos-header-left{gap:18px}.pos-header-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0}.pos-status-indicators{display:flex;flex-wrap:wrap;gap:8px}.status-badge{border:1px solid #0000;border-radius:999px;font-size:.75rem;letter-spacing:.3px;transition:all .3s ease}.status-badge.online{background:#10b98126;border-color:#10b9814d;box-shadow:0 0 12px #10b98126;color:#34d399}.status-badge.offline,.status-badge.online{font-size:.78rem;font-weight:600;padding:5px 14px}.status-badge.offline{animation:pulseOffline 1.5s ease-in-out infinite;background:#f59e0b26;border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b26;color:#fbbf24}@keyframes pulseOffline{0%,to{box-shadow:0 0 12px #f59e0b26}50%{box-shadow:0 0 20px #f59e0b59}}.status-badge.approved{background:#38bdf81f;color:#38bdf8}.status-badge.pending{background:#facc151f;color:#facc15}.status-badge.shift-open{background:#22c55e1f;border:1px solid #22c55e40;color:#4ade80}.status-badge.shift-closed{background:#64748b26;border:1px solid #64748b40;color:#94a3b8}.status-badge.plan-pocket-badge{background:#a855f71f;border:1px solid #a855f740;color:#c084fc}.pos-header-right{align-items:center;display:flex;gap:8px}.pos-layout-grid{grid-gap:16px;align-items:start;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 420px;overflow-x:hidden;overflow-y:auto;padding:16px}@media (max-width:1100px) and (min-width:769px){.pos-layout-grid{gap:12px;grid-template-columns:1fr 360px;padding:12px}.payment-methods{grid-template-columns:repeat(2,1fr)!important}}.pos-catalog-panel{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:4px}.loyalty-widget-enhanced{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2230b3;border:1px solid #6366f11f;border-radius:12px;margin-bottom:8px;padding:14px;transition:all .3s ease}.loyalty-widget-enhanced.has-customer{background:#10b98114;border:1px solid #34d39940;box-shadow:0 0 20px #10b98114}.loyalty-search-mode .loyalty-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.loyalty-search-mode .loyalty-icon{font-size:1.2rem}.loyalty-search-mode .loyalty-title{color:#c4b5fd;font-size:.9rem;font-weight:600}.loyalty-search-row{display:flex;gap:8px}.loyalty-input{background:#0f121b99;border:1px solid #6366f140;border-radius:8px;color:#e2e8f0;flex:1 1;font-size:.95rem;font-weight:500;height:40px;padding:0 12px;transition:all .2s ease}.loyalty-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826;outline:none}.loyalty-input::placeholder{color:#64748b}.loyalty-btn-browse,.loyalty-btn-search{border:none;border-radius:8px;cursor:pointer;font-size:1rem;height:40px;transition:all .2s ease;width:40px}.loyalty-btn-search{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.loyalty-btn-search:hover{box-shadow:0 0 14px #10b9814d;transform:scale(1.05)}.loyalty-btn-browse{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.loyalty-btn-browse:hover{box-shadow:0 0 14px #6366f14d;transform:scale(1.05)}.loyalty-hint{color:#64748b;font-size:.75rem;margin:6px 0 0;text-align:center}.loyalty-customer-card{align-items:center;background:#0f172a99;border:1px solid #34d39926;border-radius:10px;display:flex;gap:12px;padding:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:44px;justify-content:center;width:44px}.customer-info{flex:1 1;min-width:0}.customer-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.customer-name{color:#f1f5f9;font-size:1.05rem;font-weight:700}.btn-edit-name{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.6;padding:2px;transition:opacity .2s}.btn-edit-name:hover{opacity:1}.new-badge{background:#facc1526;border:1px solid #facc154d;border-radius:20px;color:#facc15;font-size:.65rem;font-weight:700;padding:2px 8px}.customer-rut{color:#94a3b8;font-size:.8rem;margin-top:2px}.customer-visits{color:#64748b;font-size:.75rem;margin-top:2px}.customer-points-box{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 0 16px #10b98133;color:#fff;flex-shrink:0;min-width:80px;padding:10px 14px;text-align:center}.customer-points-box .points-value{font-size:1.6rem;font-weight:800;line-height:1}.customer-points-box .points-label{font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-top:2px;opacity:.9}.customer-points-box .points-money{font-size:.7rem;margin-top:3px;opacity:.85}.loyalty-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.btn-remove-customer{background:none;border:1px solid #64748b4d;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:5px 12px;transition:all .2s ease}.btn-remove-customer:hover{background:#ef44441a;border-color:#ef444466;color:#f87171}.redeem-hint{color:#34d399;font-size:.75rem;font-weight:600}@media (max-width:600px){.loyalty-customer-card{flex-wrap:wrap}.customer-points-box{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:8px;padding:8px;width:100%}.customer-points-box .points-value{font-size:1.4rem}.customer-points-box .points-label,.customer-points-box .points-money{margin:0}}.search-section{background:#1e223080;border:1px solid #6366f11a;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.pos-toolbar{background:#0f121bb3;border:1px solid #6366f11f;border-radius:10px;gap:10px}.pos-toolbar,.toolbar-barcode,.toolbar-search{align-items:center;display:flex;padding:8px 12px}.toolbar-barcode,.toolbar-search{background:#1e2230cc;border:1px solid #6366f11f;border-radius:8px;flex:1 1;gap:8px;transition:all .2s ease}.toolbar-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.toolbar-barcode:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.toolbar-icon{font-size:1rem;opacity:.6}.toolbar-input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-size:.9rem;outline:none}.toolbar-input.mono{font-family:SF Mono,Consolas,monospace;font-weight:600;letter-spacing:.5px}.toolbar-input::placeholder{color:#4b5563}.toolbar-clear{align-items:center;background:#64748b33;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;transition:all .15s;width:20px}.toolbar-clear:hover{background:#ef444433;color:#f87171}.toolbar-divider{background:#6366f126;height:26px;width:1px}.toolbar-scanner-toggle{background:#1e2230cc;border:1px solid #6366f126;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:1.1rem;padding:8px 12px;position:relative;transition:all .2s ease}.toolbar-scanner-toggle:hover{background:#6366f11a}.toolbar-scanner-toggle.active{background:#22c55e14;border-color:#22c55e66}.scanner-status-dot{border-radius:50%;height:7px;position:absolute;right:5px;top:5px;width:7px}.scanner-status-dot.on{background:#22c55e;box-shadow:0 0 8px #22c55e}.scanner-status-dot.off{background:#475569}.scanner-indicator{align-items:center;background:#0a0d12;border:1px solid #22c55e33;border-radius:8px;display:flex;gap:12px;padding:8px 14px}.scanner-mini-container{border-radius:6px;height:60px;overflow:hidden;width:100px}.scanner-mini-container #pos-scanner{height:60px!important;min-height:60px!important;width:100px!important}.scanner-status-text{color:#4ade80;font-size:.8rem;font-weight:500}.catalog-results{flex:1 1;max-height:calc(100vh - 300px);overflow-y:auto;padding:4px}.results-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.product-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e223099;border:1px solid #6366f114;border-radius:10px;flex-direction:column;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.product-card:hover{background:#282c3ccc;border-color:#6366f14d;box-shadow:0 8px 25px #6366f11f;transform:translateY(-2px)}.product-card:hover .product-add-indicator{opacity:1;transform:translateY(0)}.product-card:active{transform:scale(.97)}.product-card-content{flex:1 1}.product-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:6px}.product-meta{color:#64748b;display:flex;font-size:.7rem;justify-content:space-between}.product-sku{font-family:SF Mono,Consolas,monospace;font-size:.65rem}.product-stock.low{color:#f87171;font-weight:600}.product-price-tag{align-items:baseline;display:flex;gap:2px;margin-top:8px}.price-currency{color:#818cf8;font-size:.85rem;font-weight:600}.price-value{color:#a5b4fc;font-size:1.2rem;font-weight:700}.product-add-indicator{background:linear-gradient(135deg,#6366f1,#4f46e5);bottom:0;color:#fff;font-size:.7rem;font-weight:600;left:0;opacity:0;padding:5px;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:all .2s ease}.empty-catalog-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:260px;padding:40px;text-align:center}.empty-state-icon{font-size:3.5rem;margin-bottom:14px;opacity:.25}.empty-state-title{color:#cbd5e1;font-size:1.15rem;font-weight:600;margin:0 0 6px}.empty-state-text{color:#64748b;font-size:.85rem;margin:0 0 20px}.empty-state-hints{display:flex;gap:14px}.hint-item{align-items:center;background:#1e223099;border:1px solid #6366f11a;border-radius:16px;color:#94a3b8;display:flex;font-size:.8rem;gap:6px;padding:6px 12px}.hint-icon{font-size:.9rem}.pos-cart-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141824d9;border:1px solid #6366f11f;border-radius:14px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 90px);overflow:hidden}.cart-header{background:linear-gradient(135deg,#4f46e5,#6366f1);justify-content:space-between;padding:12px 16px}.cart-header,.cart-title{align-items:center;display:flex}.cart-title{color:#fff;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.3px}.cart-icon{font-size:1.1rem}.cart-header-actions{align-items:center;display:flex;gap:8px}.cart-count{background:#fff3;border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:3px 10px}.reprint-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.reprint-btn:hover{background:#fff3}.cart-items-list{flex:1 1;max-height:32vh;overflow-y:auto;padding:10px}.cart-items-list::-webkit-scrollbar{width:5px}.cart-items-list::-webkit-scrollbar-track{background:#0000}.cart-items-list::-webkit-scrollbar-thumb{background:#6366f140;border-radius:10px}.empty-cart-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.empty-cart-icon{font-size:2.5rem;margin-bottom:10px;opacity:.2}.empty-cart-text{color:#64748b;font-size:.9rem;font-weight:500;margin:0}.empty-cart-hint{color:#475569;font-size:.8rem;margin:4px 0 0}.cart-item{grid-gap:3px 8px;background:#1e223080;border:1px solid #0000;border-radius:8px;display:grid;gap:3px 8px;grid-template-columns:1fr auto;grid-template-rows:auto auto;margin-bottom:6px;padding:10px 12px;position:relative;transition:all .15s}.cart-item:hover{background:#282c3eb3;border-color:#6366f126}.cart-item:active{background:#6366f114}.cart-item-main{min-width:0}.cart-item-name{color:#e2e8f0;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-subtitle{color:#64748b;font-size:.75rem;margin-top:2px}.cart-item-right{text-align:right}.cart-item-total{color:#a5b4fc;font-size:.95rem;font-weight:700}.cart-item-controls{gap:3px;margin-top:4px}.cart-item-controls,.qty-btn{align-items:center;display:flex}.qty-btn{background:#0f121b99;border:1px solid #6366f133;border-radius:5px;color:#cbd5e1;font-size:.95rem;font-weight:600;height:24px;justify-content:center;transition:all .15s;width:24px}.qty-btn:hover{background:#6366f126}.qty-btn.minus:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.qty-btn.plus:hover{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.qty-val{color:#e2e8f0;font-size:.85rem;font-weight:600;min-width:24px}.cart-item-actions{display:flex;flex-shrink:0;gap:3px;opacity:1;transition:opacity .2s}@media (hover:hover) and (pointer:fine){.cart-item-actions{opacity:0}.cart-item:hover .cart-item-actions{opacity:1}}.item-action-btn{align-items:center;background:#0f121b80;border:1px solid #6366f11f;border-radius:5px;cursor:pointer;display:flex;font-size:.8rem;height:26px;justify-content:center;transition:all .15s;width:26px}.item-action-btn:hover{background:#6366f11a}.item-action-btn.scale{background:#10b9811a;border-color:#10b98133}.item-action-btn.delete{color:#f87171}.item-action-btn.delete:hover{background:#ef44441f;border-color:#ef44444d}.price-override-badge{background:#facc151f;border:1px solid #facc1533;border-radius:4px;color:#fbbf24;display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.3px;margin-left:5px;padding:1px 5px;text-transform:uppercase}.cart-summary{background:#0f121b80;border-top:1px solid #6366f11a;padding:12px 16px}.summary-row{color:#94a3b8;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:4px}.summary-row.discount{color:#fb923c}.summary-row.total{border-top:1px dashed #6366f133;color:#f1f5f9;font-size:1.4rem;font-weight:800;margin-top:6px;padding-top:8px}.total-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.checkout-section{background:#0f121b66;border-top:1px solid #6366f114;padding:14px 16px}.payment-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.payment-methods{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:6px}.payment-methods.secondary{grid-template-columns:repeat(5,1fr)}.pay-method{align-items:center;background:#1e223099;border:1px solid #6366f11a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 6px;transition:all .2s ease}.pay-method:hover:not(:disabled){background:#6366f114;border-color:#818cf859;transform:translateY(-1px)}.pay-method.active{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 16px #6366f126,inset 0 0 0 1px #6366f133}.pay-method:disabled{cursor:not-allowed;opacity:.3}.pay-method.alt{background:#14182480}.pay-method.alt.active{background:#f59e0b14;border-color:#f59e0b;box-shadow:0 0 16px #f59e0b1a,inset 0 0 0 1px #f59e0b26}.pay-icon{font-size:1.3rem}.pay-name{color:#94a3b8;font-size:.62rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pay-method.active .pay-name{color:#c7d2fe}.pay-method.alt.active .pay-name{color:#fcd34d}.card-details-panel{animation:slideUp .3s ease;background:#0f121bb3;border:1px solid #6366f126;border-radius:10px;margin-top:8px;padding:14px}.card-details-panel h4{color:#cbd5e1;font-size:.85rem;margin:0 0 10px}.card-input{background:#0f121b99;border:1px solid #6366f133;border-radius:6px;box-sizing:border-box;color:#e2e8f0;font-size:1rem;letter-spacing:2px;margin-bottom:10px;padding:10px;text-align:center;width:100%}.card-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.card-actions{display:flex;gap:8px}.confirm-pay-btn{border-radius:6px;box-shadow:0 0 14px #10b98126;font-size:.9rem;font-weight:700;padding:11px;transition:all .2s}.confirm-pay-btn:hover{box-shadow:0 0 22px #10b9814d;transform:translateY(-1px)}.cancel-btn{background:#1e223099;border:1px solid #64748b4d;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:.85rem;padding:11px;transition:all .2s}.cancel-btn:hover{background:#ef444414;border-color:#ef44444d;color:#f87171}.secondary-btn{background:#1e2230b3;border:1px solid #6366f126;border-radius:7px;color:#cbd5e1;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s}.secondary-btn:hover:not(:disabled){background:#6366f11a;border-color:#6366f14d;color:#e2e8f0}.secondary-btn:disabled{cursor:not-allowed;opacity:.35}.icon-btn{align-items:center;background:#1e223099;border:1px solid #6366f11f;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:1.05rem;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:#6366f11f;border-color:#6366f14d;transform:scale(1.05)}.icon-btn.active{background:#6366f126;border-color:#6366f159;box-shadow:0 0 10px #6366f126;color:#818cf8}.offline-queue-panel,.recent-sales-panel{background:#141824b3;border:1px solid #6366f11a;border-radius:10px;margin-top:14px;padding:14px}.recent-sales-head{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.recent-sales-head h3{color:#e2e8f0;font-size:1rem;margin:0}.recent-sales-head small{color:#64748b}.recent-sales-body{max-height:300px;overflow-y:auto}.recent-sales-empty{color:#475569;font-size:.85rem;padding:20px;text-align:center}.queue-sale-card,.recent-sale-card{background:#1e223080;border:1px solid #6366f114;border-radius:8px;margin-bottom:8px;padding:10px;transition:all .2s}.queue-sale-card:hover,.recent-sale-card:hover{background:#282c3e99;border-color:#6366f133}.queue-sale-top,.recent-sale-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.queue-sale-total,.recent-sale-ref{color:#e2e8f0;font-size:.9rem;font-weight:600}.queue-sale-meta,.recent-sale-meta{color:#64748b;font-size:.75rem;margin-bottom:6px}.queue-sale-actions,.recent-sale-actions{display:flex;flex-wrap:wrap;gap:6px}.recent-sale-sync{color:#fbbf24;font-size:.7rem}.pill-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:4px 10px;transition:all .2s}.pill-btn.green{background:#10b9811f;border:1px solid #10b98133;color:#34d399}.pill-btn.green:hover{background:#10b98133}.pill-btn.blue{background:#3b82f61f;border:1px solid #3b82f633;color:#60a5fa}.pill-btn.blue:hover{background:#3b82f633}.pill-btn.teal{background:#14b8a61f;border:1px solid #14b8a633;color:#2dd4bf}.pill-btn.teal:hover{background:#14b8a633}.pill-btn.amber{background:#f59e0b1f;border:1px solid #f59e0b33;color:#fbbf24}.pill-btn.amber:hover{background:#f59e0b33}.pill-btn:disabled{cursor:not-allowed;opacity:.5}.queue-sale-error{background:#dc26261a;border:1px solid #dc262626;border-radius:6px;color:#f87171;font-size:.75rem;margin-bottom:6px;padding:6px 8px}.queue-retry-badge{background:#f59e0b1f;border-radius:4px;color:#fbbf24;font-size:.65rem;font-weight:600;padding:2px 6px}.offline-queue-body{max-height:300px;overflow-y:auto}.offline-queue-empty{color:#475569;font-size:.85rem;padding:20px;text-align:center}.dte-badge{border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:2px 7px;text-transform:uppercase}.dte-badge.pending{background:#64748b26;border:1px solid #64748b33;color:#94a3b8}.dte-badge.success{background:#22c55e1f;border:1px solid #22c55e33;color:#4ade80}.dte-badge.error{background:#dc26261f;border:1px solid #dc262633;color:#f87171}.dte-badge.warning{background:#f59e0b1f;border:1px solid #f59e0b33;color:#fbbf24}.offline-transition-banner{animation:slideBannerDown .4s ease;gap:14px;padding:12px 24px;z-index:100}.offline-transition-banner.offline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f59e0b26,#ea580c1f);border-bottom:1px solid #f59e0b4d}.offline-transition-banner.online{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#10b98126,#0596691f);border-bottom:1px solid #10b9814d}@keyframes slideBannerDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.banner-icon{font-size:1.5rem}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-title{color:#f1f5f9;font-size:.95rem;font-weight:700}.banner-subtitle{color:#94a3b8;font-size:.8rem}.offline-queue-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f59e0b26;border:1px solid #f59e0b40;border-radius:20px;color:#fbbf24;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;right:16px;top:12px;z-index:90}.queue-count{align-items:center;background:#f59e0b;border-radius:50%;color:#0f172a;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.message-bar{animation:fadeIn .3s ease;font-size:.85rem;font-weight:600;padding:8px 20px;text-align:center}.message-bar.success{background:#10b9811a;border-bottom:1px solid #10b98133;color:#34d399}.message-bar.error{background:#dc26261a;border-bottom:1px solid #dc262633;color:#f87171}.message-bar.warning{background:#f59e0b1a;border-bottom:1px solid #f59e0b33;color:#fbbf24}.message-bar.info{background:#6366f114;border-bottom:1px solid #6366f126;color:#818cf8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;z-index:1000}.modal-content{animation:scaleIn .2s ease-out;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;padding:32px;width:90%}.modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:8px;margin-top:0}.modal-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:24px}.modal-form-group{margin-bottom:20px}.modal-label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.modal-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;outline:none;padding:12px;transition:all .2s;width:100%}.modal-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem;margin-bottom:20px;padding:12px}.modal-actions{display:flex;gap:12px;margin-top:32px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px;transition:all .2s}.modal-btn-primary{background:#2563eb;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#1d4ed8}.modal-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.modal-btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}.modal-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-toggle-group{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.modal-toggle-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s}.modal-toggle-btn.active-x{background:#2563eb;color:#fff}.modal-toggle-btn.active-z{background:#ef4444;color:#fff}.modal-toggle-btn.inactive{background:#0000;color:#6b7280}.modal-summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.modal-summary-row{color:#374151;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.modal-summary-row strong{color:#111827}.modal-divider{border-top:1px solid #e5e7eb;margin:16px 0}.modal-diff-box{border-radius:8px;font-size:1rem;font-weight:700;margin-top:16px;padding:12px;text-align:center}.modal-diff-box.positive{background:#dcfce7;color:#166534}.modal-diff-box.negative{background:#fee2e2;color:#991b1b}.pos-page{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:768px){.pos-layout-grid{display:block!important;gap:0!important;height:auto!important;overflow:visible!important;padding:8px!important}.mobile-hidden{display:none!important}.pos-cart-panel,.pos-catalog-panel{border-radius:12px;height:calc(100vh - 130px)!important;height:calc(100dvh - 130px)!important;overflow-y:auto!important;padding-bottom:80px}.mobile-tab-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f121bf5;border-top:1px solid #6366f126;bottom:0;box-shadow:0 -4px 20px #0006;display:flex;height:60px;height:calc(60px + env(safe-area-inset-bottom));left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.mobile-tab-bar .tab-btn{align-items:center;background:#0000;border:none;border-top:3px solid #0000;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:8px;justify-content:center;transition:all .25s ease}.mobile-tab-bar .tab-btn.active{background:#6366f114;border-top-color:#6366f1;color:#818cf8;text-shadow:0 0 12px #6366f166}.cart-item{padding:8px!important}.pay-method{min-height:52px!important;padding:10px 8px!important}.loyalty-widget-enhanced{font-size:.85rem}.pos-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 14px}.pos-header-right{-webkit-overflow-scrolling:touch;gap:6px;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;width:100%}.pos-header-left h2{font-size:1.1rem}.cart-summary{padding:10px 12px}.total-amount{font-size:1.6rem}.results-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.product-card{padding:10px!important}.product-name{font-size:.8rem}.price-current{font-size:1rem}}@media (max-width:400px){.results-grid{grid-template-columns:1fr!important}.pos-header-left h2{font-size:.95rem}.status-badge{font-size:.6rem;padding:3px 6px}.secondary-btn{font-size:.75rem;padding:5px 10px}}@media (min-width:769px) and (max-width:1100px){.pos-layout-grid{grid-template-columns:1fr 340px!important}.results-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}}@media (min-width:769px){.mobile-tab-bar{display:none}.mobile-hidden{display:block!important}}.admin-container{box-sizing:border-box;height:100%;margin:0 auto;max-width:1400px;overflow-y:auto;padding:20px}.admin-title{border-bottom:2px solid #e2e8f0;color:#333;font-size:2rem;margin-bottom:25px;padding-bottom:10px}.admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:20px}.admin-card.full-width{grid-column:1/-1}.admin-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:15px;margin-top:0}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.action-button.primary{background-color:#3b82f6;color:#fff}.action-button.primary:hover{background-color:#2563eb}.action-button.warning{background-color:#8e44ad;color:#fff}.action-button.warning:hover{background-color:#732d91}.action-button:disabled{cursor:not-allowed;opacity:.7}.admin-form .form-group{margin-bottom:15px}.admin-form label{color:#475569;display:block;font-weight:500;margin-bottom:5px}.admin-form input,.admin-form select{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.95rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.data-table th{background-color:#f8fafc;color:#475569;font-weight:600}.row-inactive{background-color:#f1f5f9;opacity:.6}.plan-badge{background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;padding:4px 8px}.plan-badge.pro{background:#f5f3ff;border-color:#7c3aed;color:#7c3aed;font-weight:700}.plan-badge.pocket{background:#ecfeff;border-color:#0891b2;color:#0891b2;font-weight:600}.plan-badge.basic{background:#f8fafc;border-color:#94a3b8;color:#64748b}.status-chip{border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 10px}.status-chip.success{background-color:#dcfce7;color:#166534}.status-chip.danger{background-color:#fee2e2;color:#991b1b}.status-chip.warning{background-color:#fef3c7;color:#92400e}.row-pending{background-color:#fffbeb;border-left:3px solid #f59e0b}.plan-pocket-badge{animation:pocket-pulse 2s infinite;background:linear-gradient(135deg,#0891b2,#06b6d4)!important;border-radius:12px;color:#fff!important;font-size:.75rem;font-weight:600;padding:4px 10px}@keyframes pocket-pulse{0%,to{box-shadow:0 0 0 0 #0891b266}50%{box-shadow:0 0 0 4px #0891b200}}.actions-cell{display:flex;gap:10px}.ghost-btn{background:none;border:1px solid #cbd5e1;border-radius:4px;color:#475569;cursor:pointer;font-size:.85rem;padding:6px 10px;transition:all .2s}.ghost-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.message-bar{border-radius:6px;font-weight:500;margin-bottom:20px;padding:15px}.message-bar.info{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.message-bar.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.message-bar.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.offline-transition-banner{align-items:center;animation:slideDownBanner .5s ease-out;display:flex;font-size:1.3rem;font-weight:700;gap:15px;justify-content:center;left:0;padding:20px 30px;position:fixed;right:0;text-align:center;top:0;z-index:9999}.offline-transition-banner.offline{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 30px #f59e0b66;color:#78350f}.offline-transition-banner.online{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 30px #10b98166;color:#fff}.offline-transition-banner .banner-icon{animation:bounceIcon .6s ease-out;font-size:2rem}.offline-transition-banner .banner-text{display:flex;flex-direction:column;text-align:left}.offline-transition-banner .banner-title{font-size:1.4rem;font-weight:800}.offline-transition-banner .banner-subtitle{font-size:.95rem;font-weight:500;opacity:.9}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cart-item{align-items:center;animation:slideInItem .35s ease-out;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:14px 12px;transition:background .2s ease}.cart-item:hover{background:#f8fafc}.cart-item.just-added{animation:highlightAdd .8s ease-out;background:linear-gradient(90deg,#dcfce7,#0000)}@keyframes slideInItem{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes highlightAdd{0%{background:#bbf7d0;transform:scale(1.02)}to{background:#0000;transform:scale(1)}}.product-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .25s ease}.product-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 25px #2563eb26;transform:translateY(-3px)}.product-card:active{box-shadow:0 4px 10px #2563eb33;transform:scale(.98)}.product-price{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;color:#1e40af;color:var(--primary-dark);font-size:1.2rem;font-weight:800;padding:8px 14px}.offline-queue-badge{align-items:center;animation:floatBadge 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:999px;bottom:100px;box-shadow:0 8px 25px #f59e0b66;color:#78350f;display:flex;font-size:.95rem;font-weight:700;gap:10px;padding:12px 20px;position:fixed;right:24px;z-index:1000}.offline-queue-badge .queue-count{align-items:center;background:#fff;border-radius:50%;color:#d97706;display:flex;font-size:.9rem;font-weight:800;height:28px;justify-content:center;width:28px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.qty-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#111827;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:700;height:36px;transition:all .15s ease;width:36px}.qty-btn:hover{background:#2563eb;background:var(--primary-color);color:#fff;transform:scale(1.1)}.qty-btn:active{background:#1e40af;background:var(--primary-dark);transform:scale(.95)}.qty-val{font-size:1.1rem;font-weight:700;min-width:40px;text-align:center}.confirm-pay-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-color),#059669);border:none;border-radius:10px;box-shadow:0 6px 20px #10b98159;color:#fff;cursor:pointer;flex:2 1;font-size:1.15rem;font-weight:800;padding:18px 24px;transition:all .25s ease}.confirm-pay-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 30px #10b98173;transform:translateY(-2px)}.confirm-pay-btn:active{transform:scale(.98)}.message-bar.success{animation:pulseSuccess .5s ease-out;background:linear-gradient(135deg,#10b981,#34d399);border:none;box-shadow:0 8px 25px #10b98159;color:#fff;font-size:1.1rem;padding:16px 24px}@keyframes pulseSuccess{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.message-bar.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;box-shadow:0 8px 25px #f59e0b59;color:#78350f;font-size:1.1rem;font-weight:600;padding:16px 24px}.suppliers-page{background:#f3f4f6;background:var(--background-bg);min-height:100vh;padding:24px}.toast-message{animation:slideInRight .3s ease-out;border-radius:12px;box-shadow:0 8px 25px #00000026;font-weight:600;padding:14px 24px;position:fixed;right:20px;top:20px;z-index:9999}.toast-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-message.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.suppliers-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.suppliers-title h1{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.suppliers-title p{color:#4b5563;color:var(--text-secondary);margin:4px 0 0}.low-stock-alert{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.alert-icon{font-size:2rem}.alert-content strong{color:#92400e;font-size:1.1rem}.alert-content p{color:#78350f;margin:4px 0 12px}.low-stock-pills{display:flex;flex-wrap:wrap;gap:8px}.low-stock-pills .pill{background:#fff;border:1px solid #f59e0b;border-radius:20px;color:#92400e;font-size:.85rem;font-weight:500;padding:4px 12px}.low-stock-pills .pill.more{background:#f59e0b;border:none;color:#fff}.expense-dashboard{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px;padding:24px}.expense-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.expense-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.expense-period{background:#e0e7ff;border-radius:20px;color:#3730a3;font-size:.9rem;font-weight:600;padding:6px 14px;text-transform:capitalize}.expense-loading{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:center;padding:40px}.spinner-small{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:20px;width:20px}.expense-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.expense-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:14px;padding:20px;transition:all .2s}.expense-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.expense-card.main{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none}.expense-card.main .expense-amount,.expense-card.main .expense-card-icon,.expense-card.main .expense-label{color:#fff}.expense-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.expense-card.muted{background:#f8fafc;opacity:.9}.expense-card-icon{font-size:1.8rem;line-height:1}.expense-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.expense-label{color:#64748b;font-size:.85rem;font-weight:500}.expense-amount{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2}.expense-trend{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px;width:fit-content}.expense-trend.up{background:#ef444433;color:#dc2626}.expense-trend.down{background:#10b98133;color:#059669}.expense-suppliers{background:#f8fafc;border-radius:16px;padding:20px}.expense-suppliers h3{color:#475569;font-size:1rem;font-weight:600;margin:0 0 16px}.expense-supplier-list{display:flex;flex-direction:column;gap:12px}.expense-supplier-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:30px 1fr 2fr auto 50px;padding:8px 0}.expense-rank{align-items:center;background:#e0e7ff;border-radius:50%;color:#3730a3;display:flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;width:26px}.expense-supplier-row:first-child .expense-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.expense-supplier-name{border-left:3px solid #e2e8f0;color:#1e293b;font-weight:600;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.expense-bar-container{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.expense-bar{border-radius:4px;height:100%;min-width:2px;transition:width .5s ease}.expense-supplier-total{color:#1e293b;font-size:.95rem;font-weight:700;text-align:right}.expense-supplier-percent{color:#64748b;font-size:.85rem;text-align:right}@media (max-width:768px){.expense-cards{grid-template-columns:1fr 1fr}.expense-supplier-row{gap:8px;grid-template-columns:26px 1fr auto}.expense-bar-container,.expense-supplier-percent{display:none}.expense-card{padding:16px}.expense-amount{font-size:1.3rem}}@media (max-width:480px){.expense-cards{grid-template-columns:1fr}.expense-header{align-items:flex-start;flex-direction:column;gap:12px}}.suppliers-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box .search-icon{font-size:1.1rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:12px 12px 12px 42px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#2563eb;border-color:var(--primary-color);outline:none}.category-filter select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:1rem;padding:12px 16px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--primary-color);height:48px;width:48px}.empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{color:#111827;color:var(--text-primary);margin:0 0 8px}.empty-state p{color:#4b5563;color:var(--text-secondary);margin:0 0 20px}.empty-state.small{padding:40px 20px}.empty-state.small .empty-icon{font-size:2.5rem}.suppliers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.supplier-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.supplier-card:hover{border-color:#60a5fa;border-color:var(--primary-light);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.supplier-card-header{background:linear-gradient(90deg,#00000005,#0000);border-left:4px solid #6b7280;padding:16px 20px}.supplier-card-header .category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:8px;padding:4px 12px}.supplier-card-header h3{color:#111827;color:var(--text-primary);font-size:1.2rem;margin:0}.supplier-card-body{padding:16px 20px}.supplier-card-body p{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin:6px 0}.supplier-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px}.supplier-card.visit-today{border:2px solid #22c55e;box-shadow:0 4px 20px #22c55e33;position:relative}.visit-today-badge{animation:pulseGreen 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;position:absolute;right:12px;top:-10px;z-index:1}@keyframes pulseGreen{0%,to{box-shadow:0 2px 10px #22c55e4d}50%{box-shadow:0 2px 20px #22c55e99}}.form-section-divider{align-items:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:10px;color:#fff;display:flex;font-size:.9rem;font-weight:600;margin:20px 0 16px;padding:10px 16px}.form-section-divider span{align-items:center;display:flex;gap:8px}.checkbox-group{margin-top:12px}.checkbox-label{align-items:center;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.smart-suggestions-section{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;color:#fff;margin-bottom:24px;padding:20px}.smart-header{justify-content:space-between;margin-bottom:16px}.smart-header,.smart-header h3{align-items:center;display:flex}.smart-header h3{font-size:1.2rem;gap:8px;margin:0}.btn-ai-suggest{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-ai-suggest:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:scale(1.05)}.btn-ai-suggest:disabled{cursor:wait;opacity:.7}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestions-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.suggestions-header span{color:#ffffffb3;font-size:.85rem}.btn-add-all{background:#22c55e;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.btn-add-all:hover{background:#16a34a;transform:scale(1.05)}.suggestion-card{align-items:center;background:#ffffff14;border-left:4px solid #3b82f6;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.suggestion-card.urgency-critical{background:#ef444426;border-left-color:#ef4444}.suggestion-card.urgency-warning{background:#f59e0b1a;border-left-color:#f59e0b}.suggestion-card.urgency-normal{background:#22c55e1a;border-left-color:#22c55e}.suggestion-info{display:flex;flex-direction:column;gap:4px}.suggestion-name{font-size:.95rem;font-weight:600}.suggestion-reason{color:#fffc;font-size:.8rem}.suggestion-velocity{color:#fff9;font-size:.75rem}.suggestion-action{align-items:center;display:flex;gap:12px}.suggested-qty{background:#fff3;border-radius:8px;font-size:1.1rem;font-weight:700;padding:6px 12px}.btn-add-suggestion{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-add-suggestion:hover{background:#ffffff59}.no-suggestions{color:#fff9;font-size:.9rem;padding:10px;text-align:center}.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary.btn-sm{font-size:.9rem;padding:8px 16px}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#111827;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background .2s}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;cursor:pointer;padding:10px 16px;transition:background .2s}.btn-danger:hover{background:#fecaca}.btn-back{background:none;border:none;color:#2563eb;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:16px;padding:8px 0}.btn-back:hover{text-decoration:underline}.supplier-detail-view{margin:0 auto;max-width:1200px}.supplier-detail-header{align-items:flex-start;background:#fff;border-left:5px solid #6b7280;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.supplier-info .category-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:8px;padding:6px 14px}.supplier-info h1{font-size:1.8rem;margin:0 0 4px}.supplier-info .rut{font-size:.95rem}.supplier-contact p,.supplier-info .rut{color:#4b5563;color:var(--text-secondary)}.supplier-contact p{margin:6px 0}.supplier-contact .whatsapp-link{background:#25d366;border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:8px;padding:8px 16px;text-decoration:none}.supplier-contact .whatsapp-link:hover{background:#1ebe57}.supplier-actions{display:flex;flex-wrap:wrap;gap:12px}.detail-tabs{display:flex;gap:8px;margin-bottom:20px}.detail-tabs button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.detail-tabs button.active{background:#2563eb;background:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);color:#fff}.detail-tabs button:hover:not(.active){background:#f3f4f6}.products-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:1.3rem;margin:0}.products-table{overflow-x:auto}.products-table table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.products-table th{background:#f9fafb;color:#4b5563;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase}.products-table td.actions{display:flex;gap:8px}.products-table td.actions button{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;padding:6px 10px}.products-table td.actions button:hover{background:#e5e7eb}.history-section{max-width:800px}.history-section h2{margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:16px}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px 20px}.history-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.order-date{color:#111827;color:var(--text-primary);font-weight:600}.order-total{color:#10b981;color:var(--success-color);font-size:1.2rem;font-weight:700}.history-items{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;justify-content:space-between}.history-item,.order-notes{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.order-notes{border-top:1px dashed #e5e7eb;font-style:italic;margin-top:12px;padding-top:12px}.order-view{margin:0 auto;max-width:1400px}.order-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}@media (max-width:1024px){.order-container{grid-template-columns:1fr}}.order-products-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.order-products-panel h2{margin:0 0 4px}.order-products-panel .subtitle{color:#4b5563;color:var(--text-secondary);margin:0 0 20px}.order-products-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.order-product-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.order-product-card:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary-color)}.order-product-card.in-order{background:#ecfdf5;border-color:#10b981;border-color:var(--success-color)}.order-product-card .product-name{font-weight:600;margin-bottom:4px}.order-product-card .product-price{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.order-product-card .in-order-badge{background:#10b981;background:var(--success-color);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;position:absolute;right:-8px;top:-8px}.order-summary-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;max-height:calc(100vh - 48px);overflow-y:auto;padding:24px;position:sticky;top:24px}.order-summary-panel h2{font-size:1.2rem;margin:0 0 20px}.empty-order{color:#4b5563;color:var(--text-secondary);padding:40px 20px;text-align:center}.order-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-item{grid-gap:12px;align-items:center;background:#f9fafb;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr auto auto auto;padding:12px}.item-info .item-name{display:block;font-size:.95rem;font-weight:600}.item-info .item-price{color:#4b5563;color:var(--text-secondary);font-size:.8rem}.item-quantity{align-items:center;display:flex;gap:4px}.item-quantity button{align-items:center;background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;width:28px}.item-quantity button:hover{background:#d1d5db}.item-quantity input{border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:4px;text-align:center;width:50px}.item-subtotal{color:#10b981;color:var(--success-color);font-weight:600;min-width:80px;text-align:right}.item-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.3rem;padding:4px}.item-remove:hover{color:#ef4444;color:var(--danger-color)}.order-notes-section{margin-bottom:20px}.order-notes-section label{color:#4b5563;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:8px}.order-notes-section textarea{border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;padding:12px;resize:vertical;width:100%}.order-notes-section textarea:focus{border-color:#2563eb;border-color:var(--primary-color);outline:none}.order-total{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.order-total span:first-child{color:#4b5563;color:var(--text-secondary);font-weight:600}.order-total .total-amount{color:#10b981;color:var(--success-color);font-size:1.5rem;font-weight:700}.order-actions{display:flex;gap:12px}.order-actions .btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:transform .2s}.order-actions .btn-whatsapp:hover{transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:1.3rem;margin:0}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.8rem;line-height:1}.modal-close:hover{color:#111827;color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{background:#f9fafb;border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#4b5563;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:10px 14px;transition:border-color .2s;width:100%}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color);outline:none}.order-preview-modal{max-width:700px}.order-preview-text{background:#f9fafb;border-radius:12px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:20px}.order-preview-text pre{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.send-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.send-options button{border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:transform .2s}.send-options button:hover{transform:translateY(-2px)}.btn-whatsapp-big{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:#fff}.btn-email{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.btn-copy,.btn-download{background:#f3f4f6;border:2px solid #e5e7eb;color:#111827;color:var(--text-primary)}.send-note{color:#4b5563;color:var(--text-secondary);font-size:.85rem;margin-top:16px;text-align:center}.dashboard-page{background:linear-gradient(135deg,#f0f4ff,#faf5ff 50%,#fef3c7);min-height:100vh;padding:24px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-brain{animation:pulse 1.5s ease-in-out infinite;font-size:4rem}.dashboard-loading p{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;margin-top:16px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.greeting h1{color:#111827;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.greeting p{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;margin:4px 0 0}.header-actions{align-items:center;display:flex;gap:16px}.btn-refresh{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-refresh:hover{background:#f3f4f6;border-color:#2563eb;border-color:var(--primary-color)}.last-update{color:#9ca3af;color:var(--text-tertiary);font-size:.85rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:flex-start;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-4px)}.stat-card.hero-card{background:linear-gradient(135deg,#10b981,#059669);color:#fff;grid-column:span 1}.stat-card.hero-card .stat-label{color:#ffffffe6}.stat-card.hero-card .stat-change{background:#fff3;color:#fff}.stat-icon{flex-shrink:0;font-size:2.5rem}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{color:#4b5563;color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{color:#111827;color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.2}.stat-card.hero-card .stat-value{color:#fff;font-size:2.2rem}.stat-card.fiado-card{background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;transition:all .3s}.stat-card.fiado-card:hover{box-shadow:0 8px 20px #8b5cf666;transform:translateY(-4px)}.stat-card.fiado-card .stat-label,.stat-card.fiado-card .stat-sublabel,.stat-card.fiado-card .stat-value{color:#fff}.stat-card.fiado-card .stat-icon{background:#fff3}.stat-sublabel{color:#9ca3af;color:var(--text-tertiary);font-size:.8rem}.stat-change{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;margin-top:4px;padding:4px 10px}.stat-change.positive{background:#ecfdf5;color:#059669}.stat-change.negative{background:#fef2f2;color:#dc2626}.profitability-panel{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:24px;margin-bottom:32px;padding:28px}.profitability-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.profitability-header h2{color:#166534;font-size:1.5rem;font-weight:700;margin:0}.profitability-hint{background:#fff;border-radius:20px;color:#64748b;font-size:.9rem;padding:6px 12px}.profitability-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:900px){.profitability-cards{grid-template-columns:1fr}}.profit-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #22c55e26;padding:24px;transition:transform .2s}.profit-card:hover{transform:translateY(-2px)}.profit-card.positive{border-left:4px solid #22c55e}.profit-card.negative{background:#fef2f2;border-left:4px solid #ef4444}.profit-card.week{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.profit-card.projection{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.profit-card-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.profit-icon{font-size:1.5rem}.profit-label{color:#64748b;font-size:.95rem;font-weight:500}.profit-value{color:#166534;font-size:2rem;font-weight:800;margin-bottom:8px}.profit-card.negative .profit-value{color:#dc2626}.profit-card.projection .profit-value{color:#1d4ed8}.profit-breakdown{color:#64748b;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.profit-margin{border-top:1px solid #e2e8f0;color:#166534;font-size:.9rem;margin-top:12px;padding-top:12px}.profit-margin strong{font-size:1.1rem}.profitability-products{grid-gap:24px;border-top:2px dashed #bbf7d0;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:20px;padding-top:20px}@media (max-width:768px){.profitability-products{grid-template-columns:1fr}}.products-section h4{color:#374151;font-size:1rem;margin:0 0 12px}.product-profit-list{display:flex;flex-direction:column;gap:8px}.product-profit-row{grid-gap:12px;align-items:center;background:#fff;border-radius:10px;display:grid;font-size:.9rem;gap:12px;grid-template-columns:30px 1fr auto auto;padding:10px 14px}.product-profit-row.positive{border-left:3px solid #22c55e}.product-profit-row.warning{background:#fffbeb;border-left:3px solid #f59e0b}.product-rank{align-items:center;background:#dcfce7;border-radius:50%;color:#166534;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.product-name{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-profit{color:#166534;font-weight:700}.product-margin{background:#dcfce7;border-radius:12px;color:#166534;font-size:.85rem;font-weight:600;padding:4px 10px}.product-margin.low{background:#fef3c7;color:#92400e}.dashboard-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.dashboard-columns{grid-template-columns:1fr}}.dashboard-column{display:flex;flex-direction:column;gap:24px}.dashboard-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.dashboard-card.alert-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24}.dashboard-card.tips-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd}.dashboard-card.ai-predictions-card{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #c4b5fd}.ai-predictions-card .ai-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px}.predictions-intro{color:#4b5563;color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.predictions-list{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto}.prediction-item{background:#fff;border-left:4px solid #a78bfa;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:14px}.prediction-item.urgency-critical{background:#fef2f2;border-left-color:#ef4444}.prediction-item.urgency-high{background:#fff7ed;border-left-color:#f97316}.prediction-item.urgency-medium{background:#fefce8;border-left-color:#eab308}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.prediction-header .product-name{font-size:1rem;font-weight:600}.prediction-header .urgency-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px}.urgency-badge.critical{background:#fee2e2;color:#dc2626}.urgency-badge.high{background:#ffedd5;color:#ea580c}.urgency-badge.medium{background:#fef9c3;color:#ca8a04}.prediction-details{border-bottom:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding-bottom:10px}.prediction-details .detail{display:flex;flex-direction:column;min-width:80px}.prediction-details .label{color:#4b5563;color:var(--text-secondary);font-size:.7rem;text-transform:uppercase}.prediction-details .value{font-size:.95rem;font-weight:600}.prediction-details .value.highlight{color:#dc2626}.prediction-suggestion{align-items:center;background:#f0fdf4;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.prediction-suggestion .suggestion-label{color:#4b5563;color:var(--text-secondary);font-size:.85rem}.prediction-suggestion .suggestion-value{color:#16a34a;font-size:1rem;font-weight:700}.prediction-suggestion .estimated-cost{color:#4b5563;color:var(--text-secondary);font-size:.8rem;margin-left:auto}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.alert-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.btn-link{background:none;border:none;color:#2563eb;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600}.btn-link:hover{text-decoration:underline}.card-body{padding:20px}.empty-card{color:#4b5563;color:var(--text-secondary);padding:24px;text-align:center}.empty-card .btn-primary{margin-top:12px}.success-card{align-items:center;background:#ecfdf5;border-radius:12px;display:flex;gap:12px;padding:16px}.success-card .success-icon{font-size:2rem}.success-card p{color:#059669;font-weight:600;margin:0}.top-products-list{display:flex;flex-direction:column;gap:12px}.top-product-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:12px;padding:12px}.top-product-item .rank{font-size:1.3rem;min-width:32px}.product-info{display:flex;flex-direction:column;gap:2px}.product-info .product-name{color:#111827;color:var(--text-primary);font-weight:600}.product-info .product-stats{color:#4b5563;color:var(--text-secondary);font-size:.85rem}.recent-sales-list{display:flex;flex-direction:column;gap:10px}.recent-sale-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;justify-content:space-between;padding:12px}.sale-info .sale-amount{color:#111827;color:var(--text-primary);display:block;font-weight:700}.sale-info .sale-items{color:#4b5563;color:var(--text-secondary);font-size:.8rem}.sale-method{font-size:1.5rem}.low-stock-list{display:flex;flex-direction:column;gap:10px}.low-stock-item{align-items:center;background:#fff;border:1px solid #fde68a;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.low-stock-item .product-name{color:#111827;color:var(--text-primary);font-weight:500}.stock-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 10px}.stock-badge.warning{background:#fef3c7;color:#92400e}.stock-badge.critical{background:#fecaca;color:#dc2626}.btn-block{margin-top:16px;width:100%}.quick-actions-card .card-body{padding:16px}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-action{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;transition:all .2s}.quick-action:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary-color);transform:translateY(-2px)}.quick-action .action-icon{font-size:2rem}.quick-action .action-label{color:#111827;color:var(--text-primary);font-size:.9rem;font-weight:600}.tip-content{padding:8px}.tip-content p{color:#1e40af;margin:0 0 8px}.tip-content p:last-child{font-size:.95rem;margin-bottom:0}.orders-section{margin-bottom:32px}.section-subtitle{border-bottom:2px solid #e5e7eb;color:#4b5563;color:var(--text-secondary);font-size:1.1rem;margin:0 0 16px;padding-bottom:8px}.history-card.pending-card{background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #fbbf24}.history-card.completed-card{background:#f0fdf4;border:1px solid #d1fae5;opacity:.85}.history-card.cancelled-card{background:#fef2f2;border:1px solid #fecaca;opacity:.7}.order-meta{align-items:center;display:flex;gap:12px}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.delivery-info{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:.9rem;margin:12px 0;padding:10px 14px}.history-items.collapsed{color:#4b5563;color:var(--text-secondary);font-size:.9rem;padding:8px 0}.order-actions-row{border-top:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px}.btn-status{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .2s}.btn-status.confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-status.confirm:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-status.received{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-status.received:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-status.cancel{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-status.cancel:hover{background:#fecaca}.confirm-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;width:100%}.confirm-form input[type=date]{border:2px solid #3b82f6;border-radius:10px;font-size:.95rem;padding:10px 14px}.confirm-form input[type=text]{border:2px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:.95rem;min-width:200px;padding:10px 14px}.confirm-form input:focus{border-color:#3b82f6;outline:none}.btn-confirm{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-confirm:hover{transform:translateY(-2px)}.btn-cancel-small{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:10px 14px}.btn-cancel-small:hover{background:#e5e7eb}.fiado-page.loading{min-height:60vh}.fiado-page .loading-spinner .spinner{animation:pulse 1s ease-in-out infinite}.fiado-header .header-title h1{color:#111827;color:var(--text-primary);font-weight:700;margin:0}.fiado-header .header-title p{margin:4px 0 0}.fiado-stat-card{border:1px solid #e5e7eb}.fiado-stat-card .stat-icon{font-size:2.5rem}.fiado-stat-card .stat-value{color:#111827;color:var(--text-primary)}.fiado-stat-card.total{border-left:4px solid #8b5cf6}.fiado-stat-card.customers{border-left:4px solid #3b82f6}.fiado-stat-card.overdue{border-left:4px solid #f59e0b}.fiado-stat-card.overdue-amount{border-left:4px solid #ef4444}.fiado-tabs{border-bottom:2px solid #e5e7eb;padding-bottom:8px}.fiado-tabs .tab-btn{border-radius:8px;font-weight:500;padding:12px 24px}.fiado-tabs .tab-btn:hover{background:#f3f4f6}.fiado-tabs .tab-btn.active{background:#2563eb;background:var(--primary-color)}.fiado-toolbar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.fiado-toolbar .search-box{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;gap:8px;padding:10px 16px}.fiado-toolbar .search-box input{background:none;border:none;flex:1 1;outline:none}.fiado-toolbar .filter-btn{background:#f3f4f6;border:none;border-radius:8px;padding:8px 16px}.fiado-toolbar .filter-btn:hover{background:#e5e7eb}.fiado-toolbar .toolbar-actions{gap:8px}.fiado-toolbar .btn-new-customer,.fiado-toolbar .btn-new-fiado{border-radius:10px;font-size:.95rem;font-weight:500;padding:10px 16px}.fiado-toolbar .btn-new-customer{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.fiado-toolbar .btn-new-customer:hover{background:#dcfce7}.fiado-toolbar .btn-new-fiado{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.fiado-toolbar .btn-new-fiado:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.customers-list{display:flex;flex-direction:column}.customers-list .empty-state{background:#fff;border:2px dashed #e5e7eb;border-radius:16px;padding:60px 20px;text-align:center}.customers-list .empty-state .empty-icon{font-size:4rem;opacity:.5}.customers-list .empty-state button{background:#2563eb;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:16px;padding:12px 24px}.customer-card{border:1px solid #e5e7eb}.customer-card.has-debt{border-left:4px solid #f59e0b}.customer-card.overdue{background:#fef2f2;border-left:4px solid #ef4444}.customer-info h3{font-weight:600;margin:0}.customer-info .customer-phone{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.customer-debt .debt-label{display:block}.customer-details{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;gap:24px;margin-bottom:12px}.customer-details .detail-item{flex-direction:column}.customer-details .detail-label{font-size:.8rem}.customer-fiados{margin-top:12px}.customer-fiados h4{font-size:.9rem;margin:0 0 8px}.fiado-item{background:#f9fafb;border-radius:8px;padding:10px}.fiado-item.overdue{background:#fef3c7}.fiado-item .fiado-info{display:flex;flex:1 1;flex-direction:column}.fiado-item .fiado-description{font-weight:500}.fiado-item .fiado-date{color:#4b5563;color:var(--text-secondary);font-size:.8rem}.fiado-item .due-date{margin-left:8px}.fiado-item .due-date.overdue{color:#dc2626;font-weight:600}.fiado-item .fiado-amount{color:#dc2626;font-weight:700}.fiado-item .btn-pay{border-radius:8px;padding:8px 14px}.fiado-item .btn-pay:hover{transform:scale(1.05)}.customer-actions{gap:8px;margin-top:12px}.customer-actions .btn-whatsapp{background:#25d366;border-radius:8px;font-size:.9rem;padding:10px 16px}.customer-actions .btn-whatsapp:hover{background:#128c7e}.customer-actions .btn-view-history{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#111827;color:var(--text-primary);font-size:.9rem;padding:10px 16px}.fiado-historial .btn-back{background:#f3f4f6;border:none;border-radius:8px;padding:8px 16px}.fiado-historial .historial-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.historial-list{gap:8px;max-height:400px}.historial-item{background:#f9fafb;border-radius:10px;padding:12px}.historial-item .historial-icon{font-size:1.5rem}.historial-item .historial-content{display:flex;flex:1 1;flex-direction:column}.historial-item .historial-customer{font-weight:600}.historial-item .historial-description,.historial-item .historial-note{color:#4b5563;color:var(--text-secondary);font-size:.85rem}.historial-item .historial-date{color:#4b5563;color:var(--text-secondary);font-size:.8rem}.historial-item .historial-amount{font-weight:700;text-align:right}.historial-item .historial-amount .original{display:block}.historial-item .historial-amount .remaining{color:#dc2626;font-size:.8rem}.historial-item .historial-amount.positive{color:#16a34a}.historial-item .status-badge{font-size:.75rem;padding:4px 10px}.historial-item .status-badge.paid{background:#dcfce7;color:#16a34a}.historial-item .status-badge.pending{color:#d97706}.fiado-modal{max-width:500px}.fiado-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:20px}.fiado-modal .modal-header h2{font-size:1.3rem}.fiado-modal .modal-header .btn-close{background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:36px;width:36px}.fiado-modal form{padding:20px}.fiado-modal .form-group{margin-bottom:16px}.fiado-modal .form-group label{font-size:.9rem;font-weight:500;margin-bottom:6px}.fiado-modal .form-group input,.fiado-modal .form-group select,.fiado-modal .form-group textarea{border:1px solid #e5e7eb;border-radius:10px;padding:12px;transition:border-color .2s}.fiado-modal .input-with-prefix{align-items:center;border:1px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden}.fiado-modal .input-with-prefix .prefix{background:#f3f4f6;padding:12px 14px}.fiado-modal .input-with-prefix input{border:none;border-radius:0}.fiado-modal .modal-actions{border-top:1px solid #e5e7eb;padding:20px}.fiado-modal .btn-cancel{background:#f3f4f6;border:none;border-radius:10px;padding:14px}.fiado-modal .btn-save{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;padding:14px}.fiado-modal .payment-info{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.fiado-modal .payment-detail{display:flex;justify-content:space-between;padding:4px 0}.fiado-modal .debt-highlight{color:#dc2626;font-size:1.2rem}.fiado-modal .quick-amounts{display:flex;gap:8px;margin-top:8px}.fiado-modal .quick-amounts button{background:#e0e7ff;border:none;border-radius:6px;color:#4f46e5;cursor:pointer;font-weight:500;padding:8px 16px}.payment-btn.fiado{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.payment-btn.fiado.active{box-shadow:0 0 0 3px #8b5cf666!important}.cash-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cash-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-width:420px;overflow:hidden;width:90%}.cash-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.cash-modal-header h2{font-size:1.3rem;font-weight:600;margin:0}.cash-modal-header .btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.cash-total-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0;padding:24px;text-align:center}.cash-total-label{color:#166534;display:block;font-size:.9rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cash-total-amount{color:#15803d;display:block;font-size:2.5rem;font-weight:800}.cash-input-section{padding:24px}.cash-input-section label{color:#64748b;display:block;font-size:.9rem;margin-bottom:10px}.cash-input-wrapper{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;transition:all .2s}.cash-input-wrapper:focus-within{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.cash-currency{background:#f1f5f9;color:#64748b;font-size:1.5rem;font-weight:700;padding:16px 12px 16px 18px}.cash-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:2rem;font-weight:700;outline:none;padding:16px}.cash-input::placeholder{color:#cbd5e1}.cash-quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:0 24px 20px}.quick-amount-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 8px;transition:all .15s}.quick-amount-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.quick-amount-btn.active{background:#dcfce7;border-color:#22c55e;color:#15803d}.cash-change-display{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin:0 24px 20px;padding:18px 24px}.cash-change-display.positive{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #86efac}.cash-change-display.negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}.change-label{font-size:1.1rem;font-weight:600}.cash-change-display.positive .change-label{color:#166534}.cash-change-display.negative .change-label{color:#991b1b}.change-amount{font-size:1.8rem;font-weight:800}.cash-change-display.positive .change-amount{color:#15803d}.cash-change-display.negative .change-amount{color:#dc2626}.cash-modal-actions{grid-gap:12px;background:#f8fafc;border-top:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:1fr 2fr;padding:20px 24px 24px}.cash-cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s}.cash-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.cash-confirm-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 24px;transition:all .2s}.cash-confirm-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.cash-confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.fiado-select-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.fiado-select-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:450px;width:100%}.fiado-select-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.fiado-select-header h2{font-size:1.25rem;margin:0}.fiado-select-total{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.fiado-select-total strong{font-size:1.5rem}.fiado-select-search{border-bottom:1px solid #e5e7eb;padding:16px 20px}.fiado-select-search input{border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:12px 16px;width:100%}.fiado-customers-list{flex:1 1;overflow-y:auto;padding:12px}.fiado-empty{color:#4b5563;color:var(--text-secondary);padding:40px 20px;text-align:center}.fiado-empty .btn-go-fiado{background:#2563eb;background:var(--primary-color);border-radius:8px;color:#fff;display:inline-block;margin-top:12px;padding:10px 20px;text-decoration:none}.fiado-customer-option{background:#f9fafb;border:2px solid #0000;border-radius:12px;cursor:pointer;margin-bottom:10px;padding:16px;transition:all .2s}.fiado-customer-option:hover{background:#f0fdf4;border-color:#10b981}.fiado-customer-option.over-limit{background:#fef3c7}.fiado-customer-option .customer-main{display:flex;justify-content:space-between;margin-bottom:8px}.fiado-customer-option .customer-name{font-size:1.05rem;font-weight:600}.fiado-customer-option .customer-phone{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.fiado-customer-option .customer-credit{display:flex;gap:20px}.fiado-customer-option .available-info,.fiado-customer-option .debt-info{display:flex;flex-direction:column}.fiado-customer-option .label{color:#4b5563;color:var(--text-secondary);font-size:.75rem}.fiado-customer-option .value{font-weight:600}.fiado-customer-option .value.low{color:#dc2626}.fiado-customer-option .warning-badge{color:#d97706;display:block;font-size:.8rem;margin-top:8px}@media (max-width:768px){.fiado-stats-grid{grid-template-columns:repeat(2,1fr)}.fiado-toolbar{flex-direction:column}.fiado-toolbar .toolbar-actions{width:100%}.fiado-toolbar .btn-new-customer,.fiado-toolbar .btn-new-fiado{flex:1 1}.customer-details{flex-wrap:wrap;gap:12px}.historial-sections{grid-template-columns:1fr}}.fiado-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:20px}.fiado-page.loading{align-items:center;display:flex;justify-content:center}.fiado-page .loading-spinner{text-align:center}.fiado-page .loading-spinner .spinner{animation:pulse 1s infinite;display:block;font-size:4rem}.fiado-header{margin-bottom:24px}.fiado-header .header-title h1{color:var(--text-dark);font-size:2rem;margin:0 0 4px}.fiado-header .header-title p{color:#4b5563;color:var(--text-secondary);margin:0}.fiado-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.fiado-stat-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.fiado-stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:14px;display:flex;font-size:2rem;height:56px;justify-content:center;width:56px}.fiado-stat-card.total .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.fiado-stat-card.customers .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.fiado-stat-card.overdue .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.fiado-stat-card.overdue-amount .stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.fiado-stat-card .stat-content{display:flex;flex-direction:column}.fiado-stat-card .stat-value{color:var(--text-dark);font-size:1.5rem;font-weight:700}.fiado-stat-card .stat-label{color:#4b5563;color:var(--text-secondary);font-size:.85rem}.fiado-tabs{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:8px;margin-bottom:20px;padding:8px}.fiado-tabs .tab-btn{background:#0000;border:none;border-radius:10px;color:#4b5563;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s}.fiado-tabs .tab-btn:hover{background:#f1f5f9}.fiado-tabs .tab-btn.active{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);box-shadow:0 4px 12px #7c3aed4d;color:#fff}.fiado-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.fiado-toolbar .search-box{flex:1 1;min-width:200px;position:relative}.fiado-toolbar .search-box .search-icon{font-size:1.1rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.fiado-toolbar .search-box input{border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:14px 14px 14px 44px;transition:all .2s;width:100%}.fiado-toolbar .search-box input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.fiado-toolbar .filter-buttons{display:flex;gap:8px}.fiado-toolbar .filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.9rem;padding:12px 18px;transition:all .2s}.fiado-toolbar .filter-btn.active,.fiado-toolbar .filter-btn:hover{border-color:#2563eb;border-color:var(--primary-color)}.fiado-toolbar .filter-btn.active{background:#2563eb;background:var(--primary-color);color:#fff}.fiado-toolbar .toolbar-actions{display:flex;gap:10px}.fiado-toolbar .btn-new-customer,.fiado-toolbar .btn-new-fiado{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s}.fiado-toolbar .btn-new-customer{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.fiado-toolbar .btn-new-fiado{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff}.fiado-toolbar .btn-new-customer:hover,.fiado-toolbar .btn-new-fiado:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.customers-list{grid-gap:16px;display:grid;gap:16px}.customer-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .2s}.customer-card:hover{box-shadow:0 4px 16px #0000001a}.customer-card.has-debt{border-color:#fbbf24}.customer-card.overdue{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#ef4444}.customer-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.customer-info h3{color:var(--text-dark);font-size:1.25rem;margin:0 0 4px}.customer-phone{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.customer-debt{text-align:right}.customer-debt .debt-amount{color:#dc2626;display:block;font-size:1.5rem;font-weight:700}.customer-debt .debt-label{color:#4b5563;color:var(--text-secondary);font-size:.8rem}.customer-details{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 0}.customer-details .detail-item{display:flex;font-size:.9rem;gap:6px}.customer-details .detail-label{color:#4b5563;color:var(--text-secondary)}.customer-details .detail-value{color:var(--text-dark);font-weight:600}.customer-details .detail-value.negative{color:#dc2626}.customer-fiados{margin-bottom:16px}.customer-fiados h4{color:#4b5563;color:var(--text-secondary);font-size:.95rem;margin:0 0 10px}.fiado-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.fiado-item.overdue{background:#fef2f2;border:1px solid #fecaca}.fiado-info{flex:1 1}.fiado-description{color:var(--text-dark);display:block;font-weight:500}.fiado-date{color:#4b5563;color:var(--text-secondary);display:block;font-size:.8rem;margin-top:2px}.fiado-date .due-date{background:#fef3c7;border-radius:4px;color:#92400e;margin-left:10px;padding:2px 8px}.fiado-date .due-date.overdue{background:#fee2e2;color:#dc2626}.fiado-amount{color:var(--text-dark);font-size:1.1rem;font-weight:700}.fiado-item .btn-pay{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s}.fiado-item .btn-pay:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.customer-actions{display:flex;gap:10px}.customer-actions .btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;color:#fff}.customer-actions .btn-view-history,.customer-actions .btn-whatsapp{cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 18px;transition:all .2s}.customer-actions .btn-view-history{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:var(--text-dark)}.customer-actions .btn-view-history:hover,.customer-actions .btn-whatsapp:hover{transform:translateY(-2px)}.fiado-deudores .empty-state{background:#fff;border-radius:16px;padding:60px 20px;text-align:center}.fiado-deudores .empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:16px}.fiado-deudores .empty-state p{color:#4b5563;color:var(--text-secondary);margin-bottom:20px}.fiado-deudores .empty-state button{background:#2563eb;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px}.fiado-historial .historial-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.fiado-historial .btn-back{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.95rem;padding:10px 16px}.fiado-historial h2{font-size:1.25rem;margin:0}.historial-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.historial-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.historial-section h3{color:var(--text-dark);font-size:1.1rem;margin:0 0 16px}.historial-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.historial-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;padding:14px}.historial-item.payment{background:#d1fae5}.historial-item.fiado.paid{opacity:.7}.historial-icon{font-size:1.5rem}.historial-content{flex:1 1}.historial-customer{color:var(--text-dark);display:block;font-weight:600}.historial-description,.historial-note{color:#4b5563;color:var(--text-secondary);display:block;font-size:.85rem}.historial-date{color:var(--text-muted);display:block;font-size:.8rem;margin-top:2px}.historial-amount{font-size:1rem;font-weight:700}.historial-amount.positive{color:#059669}.historial-amount .original{display:block}.historial-amount .remaining{color:#dc2626;display:block;font-size:.8rem}.historial-item .status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px}.historial-item .status-badge.pending{background:#fef3c7;color:#92400e}.historial-item .status-badge.paid{background:#d1fae5;color:#065f46}.empty-message{color:#4b5563;color:var(--text-secondary);padding:30px;text-align:center}.fiado-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.fiado-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.fiado-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.fiado-modal .modal-header h2{font-size:1.4rem;margin:0}.fiado-modal .btn-close{background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.fiado-modal .btn-close:hover{background:#e5e7eb}.fiado-modal form{padding:24px}.fiado-modal .form-group{margin-bottom:20px}.fiado-modal .form-group label{color:var(--text-dark);display:block;font-weight:600;margin-bottom:8px}.fiado-modal .form-group input,.fiado-modal .form-group select,.fiado-modal .form-group textarea{border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:14px;transition:all .2s;width:100%}.fiado-modal .form-group input:focus,.fiado-modal .form-group select:focus,.fiado-modal .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.fiado-modal .input-with-prefix{position:relative}.fiado-modal .input-with-prefix .prefix{color:#4b5563;color:var(--text-secondary);font-weight:600;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.fiado-modal .input-with-prefix input{padding-left:32px}.fiado-modal .modal-actions{display:flex;gap:12px;margin-top:24px}.fiado-modal .btn-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1 1}.fiado-modal .btn-cancel,.fiado-modal .btn-save{cursor:pointer;font-size:1rem;font-weight:600;padding:16px}.fiado-modal .btn-save{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary-color),#7c3aed);border:none;border-radius:12px;color:#fff;flex:2 1;transition:all .2s}.fiado-modal .btn-save:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-2px)}.payment-info{background:#f8fafc;border-radius:12px;margin:20px 24px 0;padding:16px}.payment-detail{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.payment-detail:last-child{border-bottom:none}.payment-detail span{color:#4b5563;color:var(--text-secondary)}.payment-detail strong{color:var(--text-dark)}.payment-detail .debt-highlight{color:#dc2626;font-size:1.2rem}.quick-amounts{display:flex;gap:8px;margin-top:8px}.quick-amounts button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.quick-amounts button:hover{border-color:#2563eb;border-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}@media (max-width:768px){.fiado-stats-grid{grid-template-columns:repeat(2,1fr)}.fiado-toolbar{flex-direction:column}.fiado-toolbar .search-box{width:100%}.fiado-toolbar .filter-buttons,.fiado-toolbar .toolbar-actions{justify-content:center;width:100%}.historial-sections{grid-template-columns:1fr}.customer-header{flex-direction:column;gap:12px}.customer-debt{text-align:left}.fiado-item{flex-wrap:wrap}}.proactive-alerts-panel{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:16px;box-shadow:0 10px 40px #0f172a4d;color:#fff;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.proactive-alerts-panel:before{animation:panelGlow 5s ease-in-out infinite;background:radial-gradient(circle,#3b82f633 0,#0000 60%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes panelGlow{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.5;transform:translate(-10%,10%)}}.proactive-alerts-panel.loading{align-items:center;display:flex;justify-content:center;min-height:100px}.proactive-alerts-panel .loading-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200% 100%;border-radius:8px;height:24px;width:80%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.proactive-alerts-panel .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}.proactive-alerts-panel .header-title{align-items:center;display:flex;gap:10px}.proactive-alerts-panel .robot-icon{animation:robotBounce 2s ease-in-out infinite;font-size:1.5rem}@keyframes robotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.proactive-alerts-panel .panel-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0}.proactive-alerts-panel .live-badge{animation:livePulse 2s ease-in-out infinite;background:#ef4444;border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.proactive-alerts-panel .alert-count{color:#ffffffb3;font-size:.85rem}.proactive-alerts-panel .alerts-container{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.proactive-alert{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-left:4px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.proactive-alert:hover{background:#ffffff1f;transform:translateX(4px)}.proactive-alert.alert-urgent{background:#ef444426;border-left-color:#ef4444}.proactive-alert.alert-warning{background:#f59e0b1a;border-left-color:#f59e0b}.proactive-alert.alert-opportunity{background:#22c55e1a;border-left-color:#22c55e}.proactive-alert.alert-info{background:#3b82f61a;border-left-color:#3b82f6}.proactive-alert.alert-fiado{background:#a855f71a;border-left-color:#a855f7}.proactive-alert .alert-icon{flex-shrink:0;font-size:1.5rem}.proactive-alert .alert-content{flex:1 1;min-width:0}.proactive-alert .alert-title{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 4px}.proactive-alert .alert-message{color:#fffc;font-size:.85rem;line-height:1.4;margin:0 0 10px}.proactive-alert .alert-action-btn{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.proactive-alert .alert-action-btn:hover{background:#ffffff59;transform:scale(1.05)}.proactive-alert .alert-dismiss{background:none;border:none;border-radius:50%;color:#fff6;cursor:pointer;flex-shrink:0;font-size:1rem;padding:4px;transition:all .2s ease}.proactive-alert .alert-dismiss:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.proactive-alerts-panel{margin-bottom:16px;padding:16px}.proactive-alerts-panel .panel-header{align-items:flex-start;flex-direction:column;gap:8px}.proactive-alert{padding:12px}.proactive-alert .alert-icon{font-size:1.25rem}.proactive-alert .alert-title{font-size:.9rem}.proactive-alert .alert-message{font-size:.8rem}}.qr-payment-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.qr-payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:420px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qr-payment-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.qr-payment-header h2{font-size:1.4rem;font-weight:700;margin:0}.qr-payment-header .btn-close{background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;font-size:1.3rem;height:40px;transition:all .2s;width:40px}.qr-payment-header .btn-close:hover{background:#e5e7eb}.qr-payment-amount{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:24px;text-align:center}.qr-payment-amount .amount-label{display:block;font-size:.9rem;margin-bottom:8px;opacity:.8}.qr-payment-amount .amount-value{font-size:2.5rem;font-weight:800}.qr-payment-tabs{background:#f9fafb;display:flex;gap:8px;padding:12px}.qr-payment-tabs .tab{background:#fff;border:none;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s}.qr-payment-tabs .tab:hover{background:#f3f4f6}.qr-payment-tabs .tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.qr-payment-content{min-height:300px;padding:24px}.payment-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.payment-loading .spinner{animation:spin 1s linear infinite;font-size:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-loading p{color:#4b5563;color:var(--text-secondary);margin-top:16px}.payment-success{animation:scaleIn .3s ease;padding:40px 20px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payment-success .success-icon{font-size:5rem;margin-bottom:16px}.payment-success h3{color:#10b981;font-size:1.5rem;margin:0 0 8px}.payment-success p{color:#4b5563;color:var(--text-secondary)}.payment-failed{padding:40px 20px;text-align:center}.payment-failed .failed-icon{font-size:4rem;margin-bottom:16px}.payment-failed h3{color:#ef4444;margin:0 0 8px}.payment-failed .btn-retry{background:#2563eb;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 24px}.qr-section{text-align:center}.qr-container{background:#fff;border:3px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:inline-block;padding:20px}.qr-instruction{color:#4b5563;color:var(--text-secondary);font-size:.95rem;margin:20px 0 12px}.payment-code{background:#f3f4f6;border-radius:8px;display:inline-block;font-size:.9rem;margin-bottom:12px;padding:10px 16px}.payment-code strong{color:#2563eb;color:var(--primary-color);font-family:monospace;letter-spacing:1px}.countdown{color:#4b5563;color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.countdown strong{color:#f59e0b}.qr-waiting{align-items:center;background:#f0fdf4;border-radius:12px;color:#16a34a;display:flex;font-weight:500;gap:10px;justify-content:center;padding:16px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.transfer-section{text-align:center}.bank-details{background:#f9fafb;border-radius:16px;margin-bottom:16px;padding:20px;text-align:left}.bank-row{border-bottom:1px dashed #e5e7eb;display:flex;justify-content:space-between;padding:10px 0}.bank-row:last-child{border-bottom:none}.bank-row .label{color:#4b5563;color:var(--text-secondary);font-size:.9rem}.bank-row .value{font-size:.95rem;font-weight:600}.bank-row.highlight{background:#fef3c7;border-radius:8px;margin:8px -20px;padding:14px 20px}.bank-row.highlight .value{color:#d97706;font-size:1.2rem}.bank-row.code{background:#eff6ff;border-radius:0 0 16px 16px;margin:8px -20px -20px;padding:14px 20px}.bank-row.code .value{color:#2563eb;font-family:monospace;font-size:1.1rem}.btn-copy{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:14px;transition:all .2s;width:100%}.btn-copy:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.transfer-confirm{background:#f0fdf4;border:2px dashed #86efac;border-radius:16px;padding:20px}.transfer-confirm p{color:#4b5563;color:var(--text-secondary);margin:0 0 12px}.btn-confirm-transfer{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .2s;width:100%}.btn-confirm-transfer:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-confirm-transfer:disabled{cursor:not-allowed;opacity:.6;transform:none}.qr-payment-footer{border-top:1px solid #e5e7eb;padding:16px 24px;text-align:center}.qr-payment-footer .btn-cancel{background:#f3f4f6;border:none;border-radius:10px;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:12px 32px}.qr-payment-footer .btn-cancel:hover{background:#e5e7eb}.payment-btn.qr-pago{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.payment-btn.qr-pago.active{box-shadow:0 0 0 3px #3b82f666!important}@media (max-width:480px){.qr-payment-modal{border-radius:0;max-height:100vh;max-width:100%}.qr-payment-amount .amount-value{font-size:2rem}.qr-container{padding:12px}.qr-container svg{height:160px!important;width:160px!important}}.market-intelligence-panel{background:linear-gradient(135deg,#0c4a6e,#164e63 50%,#134e4a);border-radius:20px;box-shadow:0 10px 40px #0c4a6e4d;color:#fff;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.market-intelligence-panel:before{animation:floatBubble 8s ease-in-out infinite;background:radial-gradient(circle,#22d3ee26 0,#0000 60%);content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px}@keyframes floatBubble{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}.market-intelligence-panel.empty,.market-intelligence-panel.loading{align-items:center;display:flex;justify-content:center;min-height:150px}.market-intelligence-panel .empty-content,.market-intelligence-panel .loading-content{text-align:center}.market-intelligence-panel .empty-icon,.market-intelligence-panel .loading-icon{animation:pulse 1.5s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:12px}.market-intelligence-panel .empty-content small{color:#fff9;font-size:.85rem}.mi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.mi-title{align-items:center;display:flex;gap:12px}.mi-icon{font-size:2rem}.mi-title h3{font-size:1.3rem;font-weight:700;margin:0}.mi-location{color:#fffc;font-size:.85rem}.mi-badge{align-items:center;background:#22c55e4d;border-radius:20px;display:flex;font-size:.7rem;font-weight:700;gap:6px;padding:6px 12px}.mi-badge .pulse-dot{animation:pulseDot 1.5s ease-in-out infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.mi-tabs{display:flex;gap:8px;margin-bottom:20px;position:relative;z-index:1}.mi-tab{background:#ffffff1a;border:none;border-radius:10px;color:#fffc;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.mi-tab:hover{background:#fff3}.mi-tab.active{background:#ffffff40;color:#fff;font-weight:600}.mi-content{position:relative;z-index:1}.mi-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.mi-stat{background:#ffffff1a;border-radius:12px;padding:16px;text-align:center}.mi-stat .stat-value{display:block;font-size:1.4rem;font-weight:700;margin-bottom:4px}.mi-stat .stat-label{color:#ffffffb3;font-size:.75rem}.mi-trend{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.mi-trend.positive{background:#22c55e33;color:#86efac}.mi-trend.negative{background:#ef444433;color:#fca5a5}.mi-peak-hours{background:#ffffff14;border-radius:12px;margin-bottom:16px;padding:16px}.mi-peak-hours h4{font-size:.95rem;margin:0 0 12px}.peak-hours-list{display:flex;flex-direction:column;gap:8px}.peak-hour-item{align-items:center;display:flex;gap:12px}.peak-hour-item .hour{font-weight:600;min-width:50px}.peak-hour-item .hour-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.peak-hour-item .hour-fill{background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:4px;height:100%;transition:width .5s ease}.peak-hour-item .count{color:#ffffffb3;font-size:.85rem;min-width:30px;text-align:right}.mi-recommendations{margin-top:16px}.mi-recommendations h4{font-size:.95rem;margin:0 0 12px}.mi-recommendation{align-items:flex-start;background:#ffffff14;border-left:3px solid #0000;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px}.mi-recommendation.rec-opportunity{border-left-color:#22c55e}.mi-recommendation.rec-warning{border-left-color:#f59e0b}.mi-recommendation.rec-info{border-left-color:#3b82f6}.mi-recommendation .rec-icon{font-size:1.2rem}.mi-recommendation .rec-content{flex:1 1}.mi-recommendation .rec-content strong{display:block;font-size:.9rem;margin-bottom:4px}.mi-recommendation .rec-content p{color:#fffc;font-size:.8rem;margin:0}.mi-products h4{margin:0 0 16px}.products-ranking{display:flex;flex-direction:column;gap:8px}.product-rank-item{align-items:center;background:#ffffff14;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.product-rank-item .rank-number{color:#22d3ee;font-size:1.1rem;font-weight:700;min-width:30px}.product-rank-item .product-info{flex:1 1}.product-rank-item .product-name{display:block;font-size:.95rem;font-weight:600;text-transform:capitalize}.product-rank-item .product-stats{color:#ffffffb3;font-size:.8rem}.mi-prices h4{margin:0 0 4px}.mi-prices .prices-subtitle{color:#ffffffb3;font-size:.85rem;margin:0 0 16px}.prices-list{display:flex;flex-direction:column;gap:12px}.price-item{align-items:center;display:flex;gap:12px}.price-item .item-name{font-size:.85rem;min-width:120px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.price-item .price-range{align-items:center;display:flex;flex:1 1;gap:8px}.price-item .price-max,.price-item .price-min{color:#fff9;font-size:.75rem;min-width:50px}.price-item .price-max{text-align:right}.price-item .price-bar{background:#ffffff26;border-radius:3px;flex:1 1;height:6px;position:relative}.price-item .price-avg-marker{background:#22d3ee;border-radius:50%;box-shadow:0 2px 8px #22d3ee80;height:14px;position:absolute;top:-4px;transform:translateX(-50%);width:14px}.mi-prices .no-data,.mi-products .no-data{color:#fff9;padding:20px;text-align:center}.mi-footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px;position:relative;z-index:1}.mi-disclaimer{color:#ffffff80;font-size:.75rem}@media (max-width:768px){.market-intelligence-panel{padding:16px}.mi-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.mi-stat{padding:12px}.mi-stat .stat-value{font-size:1.1rem}.mi-tabs{flex-wrap:wrap}.mi-tab{font-size:.8rem;padding:8px 12px}}@media (max-width:480px){.mi-header{flex-direction:column;gap:12px}.mi-stats-grid{grid-template-columns:1fr 1fr}.price-item{align-items:flex-start;flex-direction:column;gap:6px}.price-item .price-range{width:100%}}.super-brain-toggle{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #dc262666;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;left:30px;position:fixed;transition:all .3s ease;width:60px;z-index:9999}.super-brain-toggle:hover{box-shadow:0 6px 30px #dc262699;transform:scale(1.1)}.super-brain-container{bottom:100px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;left:30px;position:fixed;z-index:9998}.super-brain-panel{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);border:2px solid #dc2626;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #dc262633;display:flex;flex-direction:column;max-height:70vh;max-width:calc(100vw - 60px);overflow:hidden;width:600px}.super-brain-panel.minimized{height:auto}.super-brain-header{align-items:center;background:linear-gradient(90deg,#dc2626,#991b1b);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.super-brain-header .header-title{align-items:center;display:flex;gap:12px}.super-brain-header .brain-icon{animation:brain-pulse 2s infinite;font-size:1.8rem}@keyframes brain-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.super-brain-header h3{color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0}.super-brain-header small{color:#ffffffb3;display:block;font-size:.7rem}.super-brain-header .header-actions{display:flex;gap:8px}.super-brain-header .header-actions button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.super-brain-header .header-actions button:hover{background:#fff3}.super-brain-logs{background:#0a0a15;flex:1 1;max-height:400px;min-height:300px;overflow-y:auto;padding:12px}.log-entry{display:flex;font-size:.85rem;gap:10px;line-height:1.4;padding:4px 0}.log-time{color:#666;font-size:.75rem;min-width:70px}.log-content{flex:1 1;word-break:break-word}.log-system .log-content{color:#60a5fa}.log-command .log-content{color:#22d3ee;font-weight:600}.log-info .log-content{color:#e2e8f0}.log-success .log-content{color:#10b981}.log-error .log-content{color:#ef4444}.log-header .log-content{color:#fbbf24;font-weight:600;margin-top:8px}.log-dim .log-content{color:#64748b;font-size:.8rem}.log-ai .log-content{background:#a78bfa1a;border-radius:8px;color:#a78bfa;margin:4px 0;padding:8px 12px}.log-loading .log-content{animation:blink 1s infinite;color:#fbbf24}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.super-brain-quick{background:#ffffff08;border-top:1px solid #ffffff1a;display:flex;gap:8px;overflow-x:auto;padding:10px 12px}.super-brain-quick button{background:#0000;border:1px solid #dc2626;border-radius:20px;color:#dc2626;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.super-brain-quick button:hover:not(:disabled){background:#dc2626;color:#fff}.super-brain-quick button:disabled{cursor:not-allowed;opacity:.5}.super-brain-input{background:#0000004d;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:12px}.super-brain-input input{background:#0a0a15;border:1px solid #333;border-radius:8px;color:#22d3ee;flex:1 1;font-family:inherit;font-size:.9rem;padding:12px 16px}.super-brain-input input::placeholder{color:#555}.super-brain-input input:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633;outline:none}.super-brain-input button{background:linear-gradient(135deg,#dc2626,#991b1b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 20px;transition:all .2s}.super-brain-input button:hover:not(:disabled){transform:scale(1.05)}.super-brain-input button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.super-brain-container{bottom:80px;left:10px;right:10px}.super-brain-panel{max-height:60vh;width:100%}.super-brain-toggle{bottom:20px;font-size:1.5rem;height:50px;left:20px;width:50px}}@media (pointer:coarse){.btn,.cart-line,.nav-tab,.product-card,.search-result-line,[role=button],button{min-height:44px;min-width:44px}.btn:active,.product-card:active,button:active{opacity:.9;transform:scale(.97)}.btn:hover,.product-card:hover,button:hover{transform:none}.cart-items,.modal-content,.product-grid,.search-results{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.glass-effect,.premium-card{backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-tab-bar,.pos-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){.pos-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 380px;height:calc(100vh - 60px);overflow:hidden;padding:12px}.cart-section{max-height:calc(100vh - 80px);overflow-y:auto}.product-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.product-card{font-size:.9rem;padding:12px}}@media (max-width:768px) and (orientation:portrait){.pos-layout{flex-direction:column;height:auto;min-height:100vh;min-height:100dvh}.mobile-tabs{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f121bf5;border-top:1px solid #6366f126;bottom:0;box-shadow:0 -2px 16px #0006;display:flex!important;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.mobile-tab{background:#0000;border:none;color:#64748b;cursor:pointer;flex:1 1;font-weight:600;padding:12px;text-align:center;transition:all .2s}.mobile-tab.active{background:#6366f10f;border-top:3px solid #6366f1;color:#818cf8}.main-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cart-items,.customer-display main,.product-grid{transform:translateZ(0);will-change:scroll-position}.cart-line,.product-card,.search-result-line{contain:layout style paint}@media (min-width:600px) and (max-width:1024px){.action-btn,.checkout-btn,.pay-method{border-radius:10px;font-size:1.05rem;min-height:52px;padding:14px 20px}.cart-total-display,.total-amount{font-size:2rem;padding:16px}#pos-scanner{height:25vh;max-height:280px;min-height:200px}}.kiosk-mode{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}.kiosk-mode .customer-display{height:100vh;height:100dvh}@media print{.customer-display,.pos-layout{display:none!important}}.remote-pos-shell{background:linear-gradient(180deg,#0f172a,#1e293b);color:#f1f5f9;display:flex;flex-direction:column;min-height:100vh}.remote-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 4px 20px #3b82f64d;display:flex;justify-content:space-between;padding:20px 24px}.remote-header h2{align-items:center;display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin:0}.remote-header small{display:block;font-size:.8rem;margin-top:4px;opacity:.8}.remote-header .toggle{align-items:center;background:#ffffff26;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px 18px;transition:all .2s}.remote-header .toggle:hover{background:#ffffff40}.remote-header .toggle.disabled{cursor:not-allowed;opacity:.5}.remote-header .toggle input{accent-color:#10b981;height:20px;width:20px}.remote-header .toggle span{font-size:.95rem;font-weight:600}.remote-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.remote-scanner{background:#1e293b;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:20px}.scanner-frame{background:#000;border-radius:16px;overflow:hidden;position:relative}.scanner-frame #remote-scanner{height:200px;min-height:180px;width:100%}.scanner-overlay{animation:scanPulse 2s ease-in-out infinite;border:3px solid #10b98180;border-radius:16px;inset:0;pointer-events:none;position:absolute}@keyframes scanPulse{0%,to{border-color:#10b9814d}50%{border-color:#10b981cc}}.barcode-manual{display:flex;gap:12px;margin-top:16px}.barcode-manual textarea{background:#0f172a;border:2px solid #334155;border-radius:12px;color:#f1f5f9;flex:1 1;font-size:1.1rem;min-height:60px;padding:16px;resize:none}.barcode-manual textarea:focus{border-color:#3b82f6;outline:none}.barcode-manual textarea::placeholder{color:#64748b}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;margin-top:16px;padding:12px 24px;transition:all .3s}.remote-cart{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0003;color:#1e293b;padding:20px}.cart-panel-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.cart-panel-header h3{font-size:1.2rem;margin:0}.cart-panel-header small{color:#64748b}.cart-total{color:#10b981;font-size:1.5rem;font-weight:800}.cart-items-list-remote{margin-bottom:16px;max-height:200px;overflow-y:auto}.cart-item-remote{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.cart-item-remote .item-name{flex:1 1;font-weight:600}.cart-item-remote .item-qty{color:#64748b;margin:0 12px}.cart-item-remote .item-price{color:#1e40af;font-weight:700}.payment-selector{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.payment-chip{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:100px;padding:16px;text-align:center;transition:all .2s}.payment-chip:hover{border-color:#3b82f6}.payment-chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 4px 12px #3b82f666;color:#fff}.doc-selector{display:flex;gap:10px;margin-bottom:16px}.doc-type-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:14px;transition:all .2s}.doc-type-btn.active{background:#0f172a;border-color:#0f172a;color:#fff}.customer-form input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:14px}.customer-form input:focus{border-color:#3b82f6;outline:none}.card-form{grid-gap:12px;background:#f1f5f9;border-radius:12px;display:grid;gap:12px;margin-bottom:16px;padding:16px}.card-form label{color:#475569;font-size:.9rem;font-weight:600}.card-form input,.card-form select{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:14px}.voucher-upload{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.voucher-upload label{display:block;font-weight:600;margin-bottom:10px}.selected-file{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.remote-legacy{background:#1e293b;border-radius:20px;padding:32px;text-align:center}.remote-legacy h3{font-size:1.3rem;margin-bottom:16px}.remote-legacy p{color:#94a3b8;line-height:1.6}.remote-footer{background:#0f172a;border-top:1px solid #334155;padding:16px 24px}.remote-footer .ghost-btn{border:2px solid #475569;color:#94a3b8;font-size:1.1rem;padding:16px;width:100%}.remote-footer .ghost-btn:hover{border-color:#f1f5f9;color:#f1f5f9}.cart-totals-breakdown{background:#f1f5f9;border-radius:12px;margin-bottom:16px;padding:16px}.mini-total-line{display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0}.mini-total-line.discount{color:#10b981}.mini-total-line.grand{border-top:2px solid #e2e8f0;font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:12px}.remote-cart .primary-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 6px 20px #10b98166;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px;transition:all .2s;width:100%}.remote-cart .primary-btn:hover:not(:disabled){box-shadow:0 8px 24px #10b98180;transform:translateY(-2px)}.remote-cart .primary-btn:disabled{cursor:not-allowed;opacity:.5}.dark-scroll::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.dark-scroll::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dark-scroll::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.dark-scroll::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6366f199}.content-area::-webkit-scrollbar,.light-scroll::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track,.light-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.content-area::-webkit-scrollbar-thumb,.light-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover,.light-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-scroll,.sidebar-nav{scrollbar-color:#6366f166 #ffffff0d;scrollbar-width:thin}.content-area,.light-scroll{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.pwa-install-banner{align-items:center;animation:slideUpBanner .4s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f121bf2;border:1px solid #6366f140;border-radius:14px;bottom:70px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f11a;display:flex;justify-content:space-between;left:12px;padding:12px 16px;position:fixed;right:12px;z-index:1100}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-install-content{align-items:center;display:flex;gap:10px}.pwa-install-icon{font-size:1.6rem}.pwa-install-text{display:flex;flex-direction:column;gap:1px}.pwa-install-text strong{color:#e2e8f0;font-size:.9rem}.pwa-install-text span{color:#64748b;font-size:.75rem}.pwa-install-actions{align-items:center;display:flex;gap:8px}.pwa-btn-install{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;box-shadow:0 0 16px #6366f140;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:8px 18px;transition:all .2s}.pwa-btn-install:hover{box-shadow:0 0 24px #6366f166;transform:translateY(-1px)}.pwa-btn-dismiss{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:all .2s}.pwa-btn-dismiss:hover{background:#ef444414;color:#f87171}.pwa-update-toast{align-items:center;animation:slideDownToast .4s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f121bf2;border:1px solid #10b9814d;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:600;gap:12px;left:50%;padding:10px 18px;position:fixed;top:16px;transform:translateX(-50%);z-index:1200}@keyframes slideDownToast{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pwa-btn-update{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 0 12px #10b98133;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 14px;transition:all .2s}.pwa-btn-update:hover{box-shadow:0 0 20px #10b98166;transform:translateY(-1px)}@media (min-width:769px){.pwa-install-banner{bottom:20px;left:auto;max-width:360px;right:20px}}@media (display-mode:standalone){body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;user-select:none;-webkit-user-select:none}[contenteditable],input,textarea{user-select:text;-webkit-user-select:text}.cart-items::-webkit-scrollbar,.pos-cart-panel::-webkit-scrollbar,.pos-catalog-panel::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-track,.pos-cart-panel::-webkit-scrollbar-track,.pos-catalog-panel::-webkit-scrollbar-track{background:#0000}.cart-items::-webkit-scrollbar-thumb,.pos-cart-panel::-webkit-scrollbar-thumb,.pos-catalog-panel::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}}.pos-page .pos-header-right{flex-wrap:wrap;gap:10px;justify-content:flex-end}.pos-page .header-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pos-page .theme-toggle-btn{font-weight:700;min-width:136px}.pos-page .secondary-btn{min-height:40px}.pos-page .icon-btn{min-height:40px;min-width:40px;padding:0 10px;width:auto}.pos-page .header-action-group.icon-actions{gap:10px}.pos-page .quick-action-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.2px;min-width:92px;padding:0 12px}.pos-page .quick-action-btn .quick-action-emoji{font-size:1rem;line-height:1}.pos-page .quick-action-btn .quick-action-text{line-height:1;white-space:nowrap}.pos-page .quick-action-btn.qr-config-btn{background:linear-gradient(135deg,#05966938,#04785752);border-color:#10b98166;color:#d1fae5}.pos-page .quick-action-btn.qr-config-btn:hover{background:linear-gradient(135deg,#05966957,#0478576b);border-color:#10b9818c}.pos-page .quick-action-btn.connected,.pos-page .quick-action-btn.scale-connected{background:#10b98133;border-color:#10b98173;box-shadow:0 0 12px #10b9812e;color:#d1fae5}.pos-page .toolbar-input{font-size:.98rem}.pos-page.theme-light{background:#f3f6fb;color:#0f172a}.pos-page.theme-light .pos-header{background:#fffffff0;border-bottom:1px solid #dbe3f2;box-shadow:0 6px 24px #0f172a14}.pos-page.theme-light .pos-header-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1d4ed8,#2563eb);-webkit-background-clip:text;background-clip:text}.pos-page.theme-light .status-badge.shift-closed{background:#eef2f7;border-color:#cbd5e1;color:#475569}.pos-page.theme-light .pos-layout-grid{background:linear-gradient(180deg,#f3f6fb,#eef2f7)}.pos-page.theme-light .offline-queue-panel,.pos-page.theme-light .pos-cart-panel,.pos-page.theme-light .pos-catalog-panel,.pos-page.theme-light .recent-sales-panel{background:#fff;border-color:#dbe3f2;box-shadow:0 10px 32px #0f172a14}.pos-page.theme-light .loyalty-widget-enhanced{background:#fff;border-color:#dbe3f2}.pos-page.theme-light .loyalty-widget-enhanced.has-customer{background:#f0fdf4;border-color:#86efac}.pos-page.theme-light .loyalty-search-mode .loyalty-title{color:#1d4ed8}.pos-page.theme-light .loyalty-input{background:#fff;border-color:#cbd5e1;color:#0f172a}.pos-page.theme-light .loyalty-input::placeholder{color:#94a3b8}.pos-page.theme-light .pos-toolbar{background:#f8fafc;border-color:#dbe3f2}.pos-page.theme-light .toolbar-barcode,.pos-page.theme-light .toolbar-search{background:#fff;border-color:#cbd5e1}.pos-page.theme-light .toolbar-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pos-page.theme-light .toolbar-barcode:focus-within{border-color:#0ea5a4;box-shadow:0 0 0 3px #0ea5a41f}.pos-page.theme-light .toolbar-input{color:#0f172a}.pos-page.theme-light .toolbar-input::placeholder{color:#94a3b8}.pos-page.theme-light .product-card{background:#fff;border-color:#dbe3f2}.pos-page.theme-light .product-card:hover{background:#f8fafc;border-color:#93c5fd;box-shadow:0 8px 24px #2563eb1f}.pos-page.theme-light .product-name{color:#0f172a}.pos-page.theme-light .product-meta{color:#64748b}.pos-page.theme-light .price-currency{color:#334155}.pos-page.theme-light .price-value{color:#1e40af}.pos-page.theme-light .empty-cart-text,.pos-page.theme-light .empty-state-title{color:#0f172a}.pos-page.theme-light .empty-cart-hint,.pos-page.theme-light .empty-state-text{color:#64748b}.pos-page.theme-light .hint-item{background:#f8fafc;border-color:#dbe3f2;color:#475569}.pos-page.theme-light .cart-item{background:#f8fafc;border-color:#e2e8f0}.pos-page.theme-light .cart-item:hover{background:#eef2ff;border-color:#bfdbfe}.pos-page.theme-light .cart-item-name{color:#0f172a}.pos-page.theme-light .cart-item-subtitle{color:#64748b}.pos-page.theme-light .cart-item-total{color:#1d4ed8}.pos-page.theme-light .item-action-btn,.pos-page.theme-light .qty-btn{background:#fff;border-color:#cbd5e1;color:#334155}.pos-page.theme-light .qty-val{color:#0f172a}.pos-page.theme-light .cart-summary,.pos-page.theme-light .checkout-section{background:#f8fafc;border-top-color:#dbe3f2}.pos-page.theme-light .summary-row{color:#475569}.pos-page.theme-light .summary-row.total{border-top-color:#dbe3f2;color:#0f172a}.pos-page.theme-light .total-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1d4ed8,#2563eb);-webkit-background-clip:text;background-clip:text}.pos-page.theme-light .payment-label{color:#64748b}.pos-page.theme-light .pay-method{background:#fff;border-color:#cbd5e1}.pos-page.theme-light .pay-method:hover:not(:disabled){background:#eef2ff;border-color:#93c5fd}.pos-page.theme-light .pay-method.active{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.pos-page.theme-light .pay-method.alt.active{background:#ecfeff;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a633}.pos-page.theme-light .pay-name{color:#334155}.pos-page.theme-light .secondary-btn{background:#fff;border-color:#cbd5e1;color:#334155}.pos-page.theme-light .secondary-btn:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.pos-page.theme-light .icon-btn{background:#fff;border-color:#cbd5e1;color:#334155}.pos-page.theme-light .quick-action-btn.qr-config-btn{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.pos-page.theme-light .quick-action-btn.connected,.pos-page.theme-light .quick-action-btn.scale-connected{background:#ecfdf5;border-color:#86efac;box-shadow:0 0 0 2px #16a34a1f;color:#166534}.pos-page.theme-light .icon-btn:hover{background:#eff6ff;border-color:#93c5fd}@media (max-width:768px){.pos-page .header-action-group{justify-content:flex-start;width:100%}.pos-page .header-action-group.icon-actions{gap:6px}.pos-page .quick-action-btn{font-size:.68rem;min-width:74px;padding:0 8px}.pos-page .quick-action-btn .quick-action-emoji{font-size:.92rem}.pos-page.theme-light .mobile-tab-bar{background:#fffffff7;border-top:1px solid #dbe3f2;box-shadow:0 -6px 24px #0f172a14}.pos-page.theme-light .mobile-tab-bar .tab-btn{color:#64748b}.pos-page.theme-light .mobile-tab-bar .tab-btn.active{background:#eff6ff;border-top-color:#3b82f6;color:#1d4ed8;text-shadow:none}}.login-container{align-items:center;background:radial-gradient(circle at top left,#0f172a 0,#171720 50%,#000 100%)!important;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.login-container:before{background:radial-gradient(circle,#6366f126 0,#0000 70%);left:-10%;top:-10%}.login-container:after,.login-container:before{border-radius:50%;content:"";height:50vw;pointer-events:none;position:absolute;width:50vw;z-index:0}.login-container:after{background:radial-gradient(circle,#10b9811a 0,#0000 70%);bottom:-10%;right:-10%}.login-card{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#1e1e2e66!important;border:1px solid #ffffff0d!important;border-radius:24px!important;box-shadow:0 40px 80px #0009,inset 0 1px 0 #ffffff1a!important;max-width:420px;padding:40px!important;position:relative;width:100%;z-index:2}.login-card h2,.login-card label,.login-card p,.login-view h2{color:#f8fafc!important}.login-header h2{font-size:2rem!important;font-weight:800!important;letter-spacing:-1px;margin-bottom:5px!important;text-shadow:0 2px 4px #0003!important}.login-button,.signup-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;border:1px solid #ffffff1a!important;border-radius:14px!important;color:#fff!important;font-weight:700!important}.login-button:hover:not(:disabled),.signup-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#0000!important;box-shadow:0 10px 20px #6366f14d!important;transform:translateY(-2px)!important}.toggle-view-button{background:#0000;border:none;color:#94a3b8!important;cursor:pointer;display:block;margin-top:20px;padding:10px;text-align:center;text-decoration:underline;width:100%}.toggle-view-button:hover{color:#fff!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0c4a6e);color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:500;justify-content:center;min-height:100vh}.loading-screen:before{animation:brainPulse 1.5s ease-in-out infinite;content:"🧠";font-size:4rem;margin-bottom:20px}@keyframes brainPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.debug-toast{word-wrap:break-word;background:#000000d9;border-radius:8px;bottom:20px;color:#22c55e;font-family:Consolas,Monaco,monospace;font-size:.85rem;max-width:400px;padding:12px 20px;position:fixed;right:20px;z-index:9999}