:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-head: "Outfit", var(--font-sans);--bg-color: #f4f4f5;--sidebar-bg: #ffffff;--sidebar-color: #3f3f46;--sidebar-active: #e4e4e7;--sidebar-active-text: #09090b;--accent-color: #18181b;--accent-hover: #27272a;--primary-color: #0ea5e9;--text-dark: #09090b;--text-muted: #71717a;--border-color: #e4e4e7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--text-dark);font-weight:600;letter-spacing:-.02em}button{font-family:var(--font-sans);outline:none}input,textarea,select{font-family:var(--font-sans)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}@media (max-width: 768px){html{font-size:14px}}.erp-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-color);flex-direction:row}.mobile-topbar{display:none;background:var(--sidebar-bg);height:60px;align-items:center;padding:0 1rem;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);z-index:40;flex-shrink:0}.hamburger-btn{background:none;border:none;color:var(--sidebar-color);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center}.hamburger-btn:hover{background-color:var(--sidebar-active)}.mobile-logo{font-family:var(--font-head);font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-left:1rem}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#09090b80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-overlay.visible{display:block;opacity:1;pointer-events:auto}.global-nav{width:72px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);z-index:60;flex-shrink:0;overflow:hidden;position:relative}.global-nav:hover{width:240px;box-shadow:4px 0 24px #00000014}.nav-header{padding:1rem;display:flex;align-items:center;justify-content:center;min-height:64px;gap:.75rem;overflow:hidden}.global-nav:hover .nav-header{justify-content:flex-start;padding-left:1.1rem}.logo-placeholder{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-family:var(--font-head);font-weight:700;height:40px;width:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:0 2px 8px #0ea5e94d;font-size:1.1rem;transition:transform .2s}.global-nav:hover .logo-placeholder{transform:scale(1.05)}.logo-text{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--text-dark);opacity:0;white-space:nowrap;transition:opacity .15s}.global-nav:hover .logo-text{opacity:1}.close-sidebar-btn{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.nav-links{flex:1;display:flex;flex-direction:column;padding:.5rem;gap:.2rem;overflow-y:auto;overflow-x:hidden}.nav-btn{display:flex;align-items:center;gap:.75rem;background:transparent;color:var(--sidebar-color);border:none;padding:.7rem .85rem;width:100%;text-align:left;border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:500;transition:all .15s ease;white-space:nowrap;overflow:hidden;position:relative}.nav-btn svg{min-width:22px;transition:transform .15s}.nav-btn .nav-text{opacity:0;transition:opacity .15s;flex:1}.global-nav:hover .nav-btn .nav-text{opacity:1}.nav-btn:hover{background:var(--bg-color);color:var(--sidebar-active-text)}.nav-btn:hover svg{transform:scale(1.08)}.nav-btn.active{background:linear-gradient(135deg,#0ea5e910,#0ea5e920);color:#0284c7;font-weight:600;border:1px solid #0ea5e930}.nav-btn.active svg{color:#0ea5e9}.module-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;background-color:var(--bg-color);max-width:100%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0f172a26;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #0f172a40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #0f172a26}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-top:1rem;flex:1 1 auto;min-height:250px;width:100%;max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{background-color:#f8fafc;padding:1rem;text-transform:uppercase;font-weight:600;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-align:left;position:sticky;top:0;z-index:10}.data-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.95rem}.data-table tr:hover{background-color:#f1f5f9}.clients-view,.fleet-view,.billing-view{padding:max(1.5rem,3vw);display:flex;flex-direction:column;flex:1;max-width:100%;overflow-x:hidden}.table-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:#fff;padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-top:1rem}.search-box{display:flex;align-items:center;background:#f1f5f9;border-radius:var(--radius-md);padding:.5rem 1rem;flex-grow:1;min-width:250px}.search-box input{background:transparent;border:none;outline:none;font-size:.95rem;margin-left:.5rem;width:100%}.filter-box select{padding:.55rem .75rem;border:1px solid var(--border-color);border-radius:10px;background:#fff;outline:none;color:var(--text-dark);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s}.filter-box select:hover{border-color:#94a3b8}.kpi-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.kpi-card{background:#fff;border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}@media screen and (max-width: 768px){.erp-container{flex-direction:column}.mobile-topbar{display:flex}.close-sidebar-btn{display:block}.global-nav{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.global-nav:hover{width:260px;box-shadow:var(--shadow-lg)}.global-nav.open{transform:translate(0)}.global-nav .nav-btn .nav-text,.global-nav .logo-text{opacity:1}.global-nav .nav-header{justify-content:flex-start;padding-left:1.1rem}.table-controls{flex-direction:column;align-items:stretch}.search-box,.filter-box,.filter-box select{width:100%}}.qr-portal-container{min-height:100vh;background-color:#f8fafc;font-family:Inter,system-ui,sans-serif;padding:1rem;max-width:600px;margin:0 auto;box-sizing:border-box}.qr-portal-loading,.qr-portal-error,.qr-portal-success{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8fafc;padding:2rem;text-align:center}.qr-portal-success .success-icon{font-size:64px;margin-bottom:24px}.qr-portal-success h2{color:#1e293b;margin-bottom:12px;font-size:24px}.qr-portal-success p{color:#475569;line-height:1.5;margin-bottom:32px}.qr-portal-success button{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.portal-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.portal-logo{font-size:32px;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.portal-header h1{font-size:24px;color:#0f172a;margin:0 0 8px}.eq-label{font-size:14px;color:#64748b;background:#fff;display:inline-block;padding:6px 12px;border-radius:20px;box-shadow:0 2px 4px #0000000d}.action-grid{display:flex;flex-direction:column;gap:16px}.action-btn{display:flex;align-items:center;gap:16px;padding:24px;border:none;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000000d}.action-btn:active{transform:scale(.98)}.action-btn.error-btn{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.action-btn.error-btn span{color:#991b1b}.action-btn.warning-btn{background-color:#fefce8;color:#d97706;border:1px solid #fef08a}.action-btn.warning-btn span{color:#92400e}.action-btn.info-btn{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.action-btn.info-btn span{color:#166534}.form-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:none;border:none;color:#64748b;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:0;cursor:pointer;margin-bottom:24px}.form-header h3{display:flex;align-items:center;gap:8px;margin:0 0 24px;color:#0f172a}.error-alert{background-color:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:24px;border:1px solid #fecaca}.section-block{margin-bottom:24px}.section-block label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px;line-height:1.4}.custom-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:15px;background-color:#f8fafc;box-sizing:border-box}.custom-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.input-group{margin-bottom:16px}.contact-title{margin:0 0 16px;color:#0f172a;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.audio-recorder{background:#f1f5f9;border-radius:12px;padding:16px;margin-top:12px}.start-record-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.recording-active{display:flex;align-items:center;justify-content:space-between;gap:12px}.pulsing-mic{background:#ef4444;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.recording-active span{color:#ef4444;font-weight:600;flex:1}.stop-btn{background:#334155;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.audio-preview{display:flex;align-items:center;gap:12px}.audio-player{flex:1;height:40px}.retry-btn{background:#fee2e2;color:#dc2626;border:none;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.photo-upload-label{display:block;cursor:pointer}.upload-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;font-weight:500;transition:all .2s}.upload-placeholder:hover{background:#f1f5f9;border-color:#94a3b8}.photo-preview-wrapper{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.photo-preview-wrapper img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;top:12px;right:12px;background:#0009;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.submit-btn{width:100%;background:#0f172a;color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:opacity .2s}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.timeline-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.timeline-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d;border-left:4px solid #3b82f6}.timeline-date{font-size:12px;color:#64748b;font-weight:600;margin-bottom:8px}.timeline-content h4{margin:0 0 8px;color:#0f172a;font-size:15px}.timeline-content p{margin:0 0 8px;color:#475569;font-size:14px;line-height:1.5}.suggestions,.parts{background:#f8fafc;padding:8px;border-radius:6px;font-size:13px!important}.tech-badge{display:inline-block;background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:8px}.evidence-link{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#3b82f6;padding:6px 10px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;margin-bottom:8px}.empty-history{text-align:center;padding:32px;color:#64748b;background:#fff;border-radius:12px;margin-top:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.toner-spinners{display:flex;flex-direction:column;gap:12px;background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.toner-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.toner-row:last-child{border-bottom:none;padding-bottom:0}.toner-color-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.5);box-shadow:0 1px 3px #0003}.toner-label{flex:1;font-weight:600;font-size:15px;color:#1e293b}.spinner-controls{display:flex;align-items:center;gap:0;background:#fff;border-radius:8px;border:1px solid #cbd5e1;overflow:hidden}.spinner-controls button{width:40px;height:40px;border:none;background:#fff;font-size:20px;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.spinner-controls button:active{background:#e2e8f0}.spinner-value{width:36px;text-align:center;font-size:18px;font-weight:700;color:#0f172a;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;line-height:40px}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px;padding:1rem;font-family:Inter,system-ui,sans-serif}.login-card{background:#fff;width:100%;max-width:400px;border-radius:16px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003;border:1px solid #f1f5f9;padding:2.5rem 2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo-circle{width:56px;height:56px;background:#3b82f6;color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 1.25rem;box-shadow:0 4px 10px #3b82f64d;letter-spacing:-1px}.login-header h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.login-header p{color:#64748b;font-size:.9rem;margin:0}.login-error-alert{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.875rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1.5rem;font-weight:500;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:600;color:#334155}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8}.input-with-icon input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;color:#1e293b;transition:all .2s;outline:none;background:#fff}.input-with-icon input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-with-icon input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.login-submit-btn{margin-top:.5rem;background:#3b82f6;color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.login-submit-btn:hover:not(:disabled){background:#2563eb}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{margin-top:2rem;font-size:.75rem;color:#94a3b8;text-align:center}.service-layout{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f1f5f9}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.service-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #00000005}.service-header-left h2{margin:0 0 .5rem;color:var(--primary);font-size:1.5rem}.view-toggles{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:10px}.toggle-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.82rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.toggle-btn:hover{color:#334155;background:#ffffff80}.toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.service-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.board-container{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;padding:1.5rem;gap:1.5rem}.board-column{background:#e2e8f0;border-radius:8px;display:flex;flex-direction:column;width:300px;min-width:300px;max-width:300px;flex-shrink:0}.pending-column{background:#cbd5e1;border:2px dashed #94a3b8}.technicians-grid{display:flex;gap:1.5rem}.column-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.column-header h3{margin:0;font-size:1.1rem;color:#1e293b}.count-badge{background:#fff;color:var(--primary);padding:.2rem .6rem;border-radius:12px;font-weight:700;font-size:.85rem;box-shadow:0 1px 2px #0000001a}.column-content{padding:1rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ticket-card{background:#fff;border-radius:6px;padding:1rem;box-shadow:0 2px 5px #0000000d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ticket-card:active{cursor:grabbing}.ticket-card.dragging{opacity:.5;transform:scale(.95)}.ticket-card:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ticket-tag{color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.ticket-date{font-size:.75rem;color:#64748b;font-weight:600;display:flex;align-items:center;gap:4px}.ticket-client{margin:0 0 .5rem;font-size:1rem;color:#0f172a;display:flex;align-items:flex-start;gap:.4rem}.ticket-address{margin:0 0 .5rem;font-size:.85rem;color:#475569;display:flex;align-items:center;gap:.25rem}.zone-indicator{font-size:.75rem;font-weight:600;opacity:.7}.ticket-issue{background:#f8fafc;padding:.5rem;border-radius:4px;font-size:.85rem;color:#334155;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ticket-issue svg{margin-right:.25rem;float:left;margin-top:.1rem}.ticket-evidence{font-size:.8rem;color:#3b82f6;display:flex;align-items:center;gap:.25rem}.ticket-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group-row{display:flex;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#334155;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.95rem}.form-actions{display:flex;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-icon{background:none;border:none;color:#64748b;cursor:pointer}.btn-icon:hover{color:#ef4444}.btn-danger{background:#fee2e2;color:#ef4444;border:1px solid #fca5a5;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.btn-danger:hover{background:#fecaca}.calendar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light);gap:1rem}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;max-height:150px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px -1px #0000001a}.ac-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f1f5f9}.ac-item:hover{background:#f8fafc;color:var(--primary)}.crm-directory{display:flex;height:100%;width:100%}.crm-sidebar{width:320px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.crm-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.crm-sidebar-header h3{margin:0;font-size:1.1rem;color:#0f172a}.client-list{flex:1;overflow-y:auto}.client-list-item{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.client-list-item:hover{background:#f8fafc}.client-list-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.client-list-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.client-list-district{font-size:.8rem;color:#64748b;display:flex;align-items:center;gap:.25rem}.crm-main-content{flex:1;padding:2rem;background:#f8fafc;overflow-y:auto}.client-profile{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.profile-header h2{margin:0 0 1rem;color:#0f172a;font-size:1.8rem}.profile-badges{display:flex;gap:1rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:#475569;font-weight:500}.profile-sections{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.profile-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1e293b;font-size:1.1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.equipment-grid{display:flex;flex-direction:column;gap:1rem}.equipment-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:8px;padding:1rem}.eq-model{font-weight:700;color:#0f172a;margin-bottom:.25rem}.eq-serial{font-size:.85rem;color:#64748b;margin-bottom:.25rem}.eq-location{font-size:.85rem;color:#475569}.ticket-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.ticket-modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.ticket-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:#f8fafc;position:sticky;top:0;z-index:10;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ticket-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.ticket-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.billing-layout{display:flex;flex-direction:column;height:100%;background:#f8fafc}.billing-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.billing-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:#0f172a;font-size:1.3rem}.billing-subtitle{margin:.2rem 0 0;color:#64748b;font-size:.85rem}.billing-month-picker{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.5rem 1rem;border-radius:10px;color:#334155}.billing-month-picker input{border:none;background:transparent;font-size:1rem;color:#0f172a;font-weight:600;cursor:pointer}.billing-body{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:1.5rem 2rem;gap:1.25rem}.billing-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bkpi-card{background:#fff;border-radius:12px;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid #e2e8f0;transition:box-shadow .15s}.bkpi-card:hover{box-shadow:0 4px 12px #0000000d}.bkpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bkpi-icon.pending{background:#fef3c7;color:#d97706}.bkpi-icon.paid{background:#dcfce7;color:#16a34a}.bkpi-icon.overdue{background:#fee2e2;color:#ef4444}.bkpi-icon.ok{background:#dcfce7;color:#16a34a}.bkpi-icon.info{background:#e0e7ff;color:#4f46e5}.bkpi-content{display:flex;flex-direction:column}.bkpi-value{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.2}.bkpi-label{font-size:.78rem;color:#64748b;font-weight:500}.master-tabs{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:10px;width:fit-content}.master-tab{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.master-tab:hover{color:#334155;background:#ffffff80}.master-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.tab-badge{background:#ef4444;color:#fff;padding:.1rem .4rem;border-radius:10px;font-size:.7rem;font-weight:700;margin-left:.25rem}.master-table-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;flex:1;display:flex;flex-direction:column}.master-toolbar{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center}.search-box-billing{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;border-radius:8px;padding:.45rem .75rem;flex:1;max-width:350px}.search-box-billing input{border:none;outline:none;background:transparent;font-size:.88rem;flex:1}.search-box-billing svg{color:#94a3b8}.client-count{font-size:.82rem;color:#94a3b8}.master-table-wrapper{flex:1;overflow:auto}.master-table{width:100%;border-collapse:collapse;font-size:.85rem}.master-table thead{background:#f8fafc;position:sticky;top:0;z-index:5}.master-table th{padding:.65rem .8rem;border-bottom:2px solid #e2e8f0;font-weight:700;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px;text-align:left;white-space:nowrap}.master-table td{padding:.65rem .8rem;border-bottom:1px solid #f1f5f9;color:#334155}.master-table tbody tr:hover{background:#f8fafc}.client-name-cell{font-weight:600;color:#0f172a}.amount-cell{font-weight:600;font-variant-numeric:tabular-nums}.invoice-cell{font-family:JetBrains Mono,monospace;font-size:.82rem;color:#0369a1}.muted{color:#94a3b8}.empty-row{text-align:center;color:#94a3b8;padding:2.5rem!important;font-style:italic}.plan-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.plan-badge.individual{background:#dbeafe;color:#1d4ed8}.plan-badge.colectivo{background:#e0e7ff;color:#4f46e5}.plan-badge.sin_plan{background:#fef3c7;color:#92400e}.status-select{padding:.3rem .5rem;border-radius:6px;border:1px solid #e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.status-select.pendiente{background:#fef2f2;color:#991b1b}.status-select.facturado{background:#eff6ff;color:#1d4ed8}.status-select.pagado{background:#f0fdf4;color:#166534}.period-text{font-weight:600;color:#334155}.btn-open-panel{padding:.35rem .7rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-open-panel:hover{background:linear-gradient(135deg,#1e293b,#334155);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-back{display:flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer}.btn-back:hover{background:#e2e8f0}.aging-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.78rem;font-weight:700;white-space:nowrap}.aging-ok{background:#dcfce7;color:#166534}.aging-warning{background:#fef3c7;color:#92400e}.aging-danger{background:#fed7aa;color:#9a3412}.aging-critical{background:#fee2e2;color:#991b1b;animation:pulseRed 2s infinite}@keyframes pulseRed{0%,to{opacity:1}50%{opacity:.7}}.reminder-badge{font-size:.78rem;color:#6366f1;font-weight:600}.cobranza-actions{display:flex;gap:.3rem;white-space:nowrap}.btn-reminder{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-reminder:hover{background:#fde68a}.btn-send-invoice{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#dcfce7;color:#16a34a;border:none;border-radius:6px;cursor:pointer}.btn-send-invoice:hover{background:#bbf7d0}.billing-detail-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:visible;max-width:1100px;margin:0 auto;width:100%;padding-bottom:2rem}.detail-topbar{padding:.75rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.billing-form-container{padding:1.5rem}.billing-client-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:10px;margin-bottom:1rem;color:#fff;flex-wrap:wrap;gap:1rem}.billing-client-banner h3{margin:0;font-size:1.15rem}.billing-ruc{font-size:.8rem;opacity:.7}.billing-period{font-size:1rem;text-transform:capitalize;font-weight:600;color:#60a5fa}.billing-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.billing-tabs button{padding:.6rem 1.2rem;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.4rem;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.billing-tabs button:hover{color:#0f172a}.billing-tabs button.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.billing-config{display:flex;flex-direction:column;gap:1.5rem}.config-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.config-section h4{margin:0 0 1rem;color:#1e293b;font-size:1rem}.config-row{display:flex;gap:1rem;flex-wrap:wrap}.config-field{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:160px}.config-field label{font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.config-field input,.config-field select{padding:.45rem .6rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.88rem;transition:all .15s}.config-field input:focus,.config-field select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.eq-config-card{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.5rem;overflow:hidden}.eq-config-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:#f8fafc;cursor:pointer;font-size:.9rem}.eq-config-header:hover{background:#f1f5f9}.eq-config-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid #e2e8f0}.billing-entry{display:flex;flex-direction:column;gap:1.25rem}.counter-upload-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.counter-upload-section label{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#334155;margin-bottom:.5rem;font-size:.9rem}.invoice-section{margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.invoice-row{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.invoice-field{flex:1;min-width:180px}.invoice-field label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.3rem}.invoice-field input{width:100%;padding:.5rem .7rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem}.invoice-check{display:flex;align-items:center;gap:.5rem}.invoice-check input[type=checkbox]{width:20px;height:20px;accent-color:#16a34a;cursor:pointer}.invoice-check label{font-weight:600;font-size:.88rem;cursor:pointer}.billing-readings-table{overflow-x:auto}.billing-readings-table table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.billing-readings-table th{background:#f1f5f9;padding:.55rem .5rem;text-align:left;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0;font-size:.78rem;white-space:nowrap}.billing-readings-table td{padding:.55rem .5rem;border-bottom:1px solid #f1f5f9;color:#1e293b}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.total-cell{font-weight:700;color:#0ea5e9}.reading-input{width:85px;padding:.35rem .45rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;text-align:right;font-variant-numeric:tabular-nums;transition:all .15s}.reading-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 2px #0ea5e91f}.billing-actions{display:flex;justify-content:flex-end;margin-top:1rem}.collective-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1rem}.collective-summary h4{margin:0 0 .75rem;color:#1d4ed8;font-size:.95rem}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.88rem;color:#334155}.billing-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.25rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-result h4{margin:0 0 .5rem;color:#16a34a}.result-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-whatsapp{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer}.btn-whatsapp:hover{background:#e2e8f0}.btn-send-wa{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-send-wa:hover{background:#22c55e;transform:translateY(-1px)}.billing-history{display:flex;flex-direction:column;gap:.75rem}.history-record{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem;border-left:4px solid #94a3b8}.history-record.pagado{border-left-color:#16a34a}.history-record.pendiente{border-left-color:#ef4444}.history-record.facturado{border-left-color:#3b82f6}.hr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.hr-amount{font-size:1.3rem;font-weight:800;color:#0ea5e9}.hr-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.hr-field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.hr-field label{font-size:.78rem;color:#64748b;font-weight:600}.hr-field input,.hr-field select{padding:.4rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem}.hr-actions{display:flex;gap:.3rem;align-items:flex-end;padding-bottom:.1rem}.btn-send-wa-sm{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:#25d366;color:#fff;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer}.btn-send-wa-sm:hover{background:#22c55e}.btn-reminder-sm{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer}.btn-reminder-sm:hover{background:#fde68a}.btn-evidence{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;color:#2563eb;text-decoration:none;font-weight:500}.btn-evidence:hover{background:#e2e8f0}.empty-state{text-align:center;color:#94a3b8;font-style:italic}@media (max-width: 768px){.billing-body{padding:1rem}.billing-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.billing-kpis{grid-template-columns:1fr 1fr}.config-row,.invoice-row,.hr-controls{flex-direction:column}.billing-form-container{padding:1rem}.cs-grid{grid-template-columns:1fr 1fr}}.fleet-view{padding:2rem;background-color:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif}.fleet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.fleet-title h2{font-size:1.8rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.fleet-title p{color:#64748b;margin:0;font-size:.95rem}.fleet-actions .btn-primary{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f64d}.fleet-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.fleet-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.bg-yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.8rem;font-weight:700;color:#0f172a}.fleet-filters-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0;flex-wrap:wrap}.fleet-search{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.6rem 1rem;border-radius:8px;flex:1;min-width:300px}.fleet-search input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#334155}.fleet-dropdowns{display:flex;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;background:#fff}.filter-group select{border:none;outline:none;background:transparent;color:#0f172a;font-weight:500;cursor:pointer}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.fleet-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.fleet-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #00000014}.fleet-card-header{padding:1.2rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start;background:#fafafa}.fleet-model{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:#1e293b}.fleet-serial{font-size:.85rem;color:#64748b;font-family:monospace;background:#f1f5f9;padding:.2rem .5rem;border-radius:4px;display:inline-block}.badge-type{font-size:.7rem;padding:.25rem .6rem;border-radius:99px;font-weight:700;letter-spacing:.05em}.color-badge{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.mono-badge{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.fleet-card-body{padding:1.5rem;flex:1}.fleet-location{margin-bottom:1.5rem}.loc-client{display:flex;align-items:flex-start;gap:.75rem;color:#10b981}.loc-client-details{display:flex;flex-direction:column}.cli-name{font-weight:600;color:#0f172a;font-size:.95rem}.cli-dir{font-size:.8rem;color:#64748b;margin-top:.2rem}.loc-stock{display:flex;align-items:center;gap:.75rem;color:#f59e0b;font-weight:600;font-size:.95rem}.loc-stock span{color:#0f172a}.fleet-metrics{display:flex;gap:1rem;flex-wrap:wrap}.kpi{display:flex;align-items:center;gap:.4rem;background:#f8fafc;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;color:#475569;font-weight:500;border:1px solid #f1f5f9}.fleet-card-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background:#fff}.btn-historial{width:100%;background:#fff;border:1px solid #e2e8f0;color:#3b82f6;font-weight:600;padding:.6rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-historial:hover{background:#f8fafc;border-color:#cbd5e1}.empty-fleet{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;border:1px dashed #cbd5e1;color:#64748b;gap:1rem}.clients-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.clients-title h2{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin:0 0 .5rem;letter-spacing:-.02em}.clients-title p{color:var(--text-muted);margin:0;font-size:.95rem}.kpi-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;padding:1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.kpi-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bg-gray{background:linear-gradient(135deg,#64748b,#94a3b8)}.bg-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.bg-green{background:linear-gradient(135deg,#10b981,#34d399)}.bg-orange{background:linear-gradient(135deg,#f97316,#fb923c)}.kpi-info{display:flex;flex-direction:column}.kpi-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin-top:.2rem}.font-medium{font-weight:500}.text-dark{color:var(--text-dark)}.text-gray{color:var(--text-muted);font-family:monospace}.text-light{color:var(--text-muted);font-size:.85rem}.align-right{text-align:right}.badge{padding:.25rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{background:#eff6ff;color:#3b82f6}.badge-green{background:#f0fdf4;color:#10b981}.badge-gray{background:#f1f5f9;color:#64748b}.contact-col{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.contact-col span{display:flex;align-items:center;gap:.4rem}.btn-table-action{background:#fff;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--primary-color);font-weight:500;cursor:pointer;transition:all .2s}.btn-table-action:hover{background:var(--bg-color);border-color:#cbd5e1}@media screen and (max-width: 768px){.clients-header{flex-direction:column;gap:1rem}}.dashboard-module{animation:fadeIn .4s ease-out}.metric-card{transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.dashboard-controls{display:flex;gap:1rem;background:#fff;padding:1rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-input-field{border:none;outline:none;background:#f1f5f9;padding:.5rem;border-radius:6px;font-family:var(--font-sans);color:var(--text-dark)}@media screen and (max-width: 768px){.dashboard-header-container{flex-direction:column;align-items:flex-start}.dashboard-controls{width:100%;flex-direction:column;align-items:stretch}.date-inputs{flex-wrap:wrap;justify-content:space-between}.date-inputs input{flex:1;min-width:120px}.metric-card{padding:1rem!important}}.chat-inbox{display:flex;height:100%;background:var(--bg-color, #f4f4f5);overflow:hidden;font-family:var(--font-sans, "Inter", sans-serif)}.chat-sidebar{width:380px;min-width:330px;background:#fff;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-color, #e4e4e7)}.chat-sidebar-header{padding:.85rem 1.15rem;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--border-color, #e4e4e7)}.chat-sidebar-header h3{margin:0;font-size:1.05rem;flex:1;color:var(--text-dark, #09090b);font-weight:700}.chat-sidebar-header svg{color:var(--primary-color, #0ea5e9)}.badge-total{background:#dbeafe;color:#1d4ed8;padding:.15rem .55rem;border-radius:10px;font-size:.72rem;font-weight:700}.chat-search{padding:.5rem .75rem;background:#fafafa}.chat-search-inner{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:var(--radius-sm, 6px);padding:.4rem .75rem;border:1px solid var(--border-color, #e4e4e7);transition:border .2s}.chat-search-inner:focus-within{border-color:var(--primary-color, #0ea5e9)}.chat-search-inner input{border:none;outline:none;flex:1;font-size:.86rem;background:transparent;color:var(--text-dark)}.chat-search-inner input::placeholder{color:var(--text-muted, #71717a)}.chat-filters{display:flex;gap:.25rem;padding:.35rem .75rem;overflow-x:auto}.chat-filters::-webkit-scrollbar{display:none}.chat-filter-btn{padding:.25rem .65rem;border:1px solid var(--border-color, #e4e4e7);background:#fff;border-radius:16px;font-size:.74rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s}.chat-filter-btn:hover{background:#f4f4f5;color:var(--text-dark)}.chat-filter-btn.active{background:var(--primary-color, #0ea5e9);color:#fff;border-color:transparent}.chat-list{flex:1;overflow-y:auto}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:4px}.chat-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;cursor:pointer;border-bottom:1px solid #f4f4f5;transition:background .1s}.chat-item:hover{background:#fafafa}.chat-item.active{background:#eff6ff;border-left:3px solid var(--primary-color)}.chat-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;text-transform:uppercase}.chat-item-info{flex:1;min-width:0}.chat-item-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1px}.chat-item-name{font-weight:500;color:var(--text-dark);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-name.unread{font-weight:700}.chat-item-time{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.chat-item-time.unread{color:var(--primary-color);font-weight:600}.chat-item-bottom{display:flex;justify-content:space-between;align-items:center}.chat-item-preview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.chat-item-preview.unread{color:var(--text-dark);font-weight:500}.chat-unread-badge{background:var(--primary-color);color:#fff;font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.chat-pinned{color:var(--text-muted)}.chat-tags-row{display:flex;gap:3px;margin-top:2px}.chat-tag{font-size:.64rem;padding:1px 5px;border-radius:3px;font-weight:700}.tag-compra{background:#dbeafe;color:#1d4ed8}.tag-alquiler{background:#dcfce7;color:#166534}.tag-servicio{background:#fef3c7;color:#92400e}.tag-urgente{background:#fee2e2;color:#991b1b}.tag-vip{background:#f3e8ff;color:#7c3aed}.tag-default{background:#f4f4f5;color:#71717a}.chat-bot-indicator{display:flex;align-items:center;gap:3px;font-size:.64rem;font-weight:700}.bot-active{color:#16a34a}.bot-paused{color:#d97706}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#f8fafc}.chat-main-header{padding:.6rem 1.15rem;background:#fff;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.chat-main-header .chat-avatar{width:38px;height:38px;font-size:.9rem}.chat-header-info{flex:1}.chat-header-name{font-weight:600;color:var(--text-dark);font-size:.92rem}.chat-header-phone{font-size:.76rem;color:var(--text-muted)}.chat-header-actions{display:flex;gap:.25rem;align-items:center}.chat-header-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.35rem;border-radius:6px;transition:all .15s}.chat-header-btn:hover{background:#f4f4f5;color:var(--text-dark)}.bot-toggle-pill{display:flex;align-items:center;gap:5px;padding:.3rem .7rem;border-radius:16px;font-size:.76rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.bot-toggle-pill.active{background:#dcfce7;color:#166534}.bot-toggle-pill.active:hover{background:#fee2e2;color:#991b1b}.bot-toggle-pill.paused{background:#fef3c7;color:#92400e;animation:pulse-glow 2s ease-in-out infinite}.bot-toggle-pill.paused:hover{background:#dcfce7;color:#166534}@keyframes pulse-glow{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #d9770633}}.chat-messages{flex:1;overflow-y:auto;padding:1rem 3.5rem;display:flex;flex-direction:column;gap:2px;background:#f0f2f5}.chat-messages>div{display:flex;flex-direction:column;gap:2px}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:4px}.chat-date-divider{text-align:center;margin:.5rem 0;align-self:center}.chat-date-divider span{background:#fff;color:var(--text-muted);padding:.25rem .75rem;border-radius:6px;font-size:.72rem;font-weight:600;box-shadow:var(--shadow-sm)}.chat-bubble-wrap{display:flex;max-width:65%;margin:1px 0}.chat-bubble-wrap.incoming{align-self:flex-start}.chat-bubble-wrap.outgoing{align-self:flex-end}.chat-bubble{padding:.4rem .55rem;border-radius:8px;position:relative;word-break:break-word;box-shadow:0 1px .5px #0000000f}.chat-bubble.incoming{background:#fff;border-top-left-radius:0}.chat-bubble.outgoing{background:#d9fdd3;border-top-right-radius:0}.chat-bubble.bot{background:#fff3cd;border-top-right-radius:0}.bubble-sender{font-size:.7rem;font-weight:700;color:var(--primary-color);margin-bottom:1px}.bubble-content{font-size:.88rem;color:var(--text-dark);line-height:1.4;white-space:pre-wrap}.bubble-media{margin:.2rem 0;border-radius:6px;overflow:hidden;max-width:300px}.bubble-media img{width:100%;display:block;cursor:pointer;border-radius:4px}.bubble-media video{width:100%;display:block;border-radius:4px}.bubble-media audio{width:100%;min-width:220px;height:36px}.bubble-media .doc-link{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;background:#f1f5f9;border-radius:6px;text-decoration:none;color:#1d4ed8;font-size:.82rem;font-weight:600}.bubble-time{font-size:.64rem;color:#94a3b8;text-align:right;margin-top:1px;display:flex;align-items:center;justify-content:flex-end;gap:3px}.bubble-bot-icon{font-size:.64rem;color:#d97706}.bot-paused-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#fef3c7,#fffbeb);border-top:1px solid #fcd34d;color:#92400e;font-size:.8rem;font-weight:600}.bot-paused-banner button{padding:.2rem .65rem;background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:6px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s}.bot-paused-banner button:hover{background:#bbf7d0}.chat-input-bar{padding:.5rem .85rem;background:#fff;display:flex;align-items:flex-end;gap:.4rem;position:relative;border-top:1px solid var(--border-color)}.chat-emoji-btn,.chat-attach-btn,.chat-mic-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.4rem;border-radius:50%;transition:all .15s;flex-shrink:0}.chat-emoji-btn:hover,.chat-attach-btn:hover,.chat-mic-btn:hover{color:var(--text-dark);background:#f4f4f5}.chat-mic-btn.recording{color:#ef4444;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.chat-input-field{flex:1;border:1px solid var(--border-color);outline:none;background:#fafafa;border-radius:var(--radius-sm, 6px);padding:.55rem .75rem;font-size:.88rem;resize:none;min-height:40px;max-height:120px;line-height:1.4;font-family:inherit;color:var(--text-dark);transition:border .2s}.chat-input-field:focus{border-color:var(--primary-color);background:#fff}.chat-input-field::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--primary-color, #0ea5e9);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.chat-send-btn:hover{background:#0284c7;transform:scale(1.05)}.chat-send-btn:disabled{background:#e4e4e7;color:#a1a1aa;cursor:not-allowed;transform:none}.emoji-picker-container{position:absolute;bottom:56px;left:.5rem;z-index:100;background:#fff;border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:.5rem;max-height:180px;overflow-y:auto}.emoji-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:3px;border-radius:4px;transition:background .1s}.emoji-btn:hover{background:#f4f4f5}.recording-bar{display:flex;align-items:center;gap:.5rem;flex:1;padding:.5rem .75rem;background:#fef2f2;border-radius:var(--radius-sm);border:1px solid #fecaca}.recording-bar .rec-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:rec-blink 1s infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}.recording-bar .rec-time{font-size:.85rem;color:#991b1b;font-weight:600;flex:1}.recording-bar .rec-cancel{background:none;border:none;color:#991b1b;cursor:pointer;font-size:.82rem;font-weight:600}.recording-bar .rec-cancel:hover{text-decoration:underline}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);background:#f8fafc}.chat-empty svg{opacity:.15;margin-bottom:1rem;color:var(--primary-color)}.chat-empty h3{color:var(--text-dark);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.chat-empty p{font-size:.88rem;max-width:360px;text-align:center;line-height:1.5}.chat-contact-info{width:300px;background:#fff;border-left:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column}.cci-header{padding:1.25rem 1rem .75rem;text-align:center;border-bottom:1px solid #f4f4f5}.cci-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.8rem;margin:0 auto .4rem}.cci-name{font-weight:700;font-size:1.05rem;color:var(--text-dark)}.cci-phone{font-size:.82rem;color:var(--text-muted)}.cci-section{padding:.65rem .85rem;border-bottom:1px solid #f4f4f5}.cci-section h4{margin:0 0 .4rem;font-size:.74rem;color:var(--primary-color);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.cci-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-dark);padding:.2rem 0}.cci-label{font-weight:600;color:var(--text-muted);font-size:.8rem}.cci-select{padding:.25rem .4rem;border:1px solid var(--border-color);border-radius:5px;font-size:.8rem;background:#fff}.cci-notes-input{width:100%;border:1px solid var(--border-color);border-radius:6px;padding:.45rem;font-size:.82rem;min-height:70px;resize:vertical;font-family:inherit;background:#fafafa}.cci-notes-input::placeholder{color:var(--text-muted)}.tags-editor{display:flex;flex-wrap:wrap;gap:4px}.tag-pill{display:flex;align-items:center;gap:2px;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;border:none;transition:all .12s}.chat-loading{padding:1rem;text-align:center;color:var(--text-muted);font-size:.82rem}@media (max-width: 900px){.chat-sidebar{width:280px;min-width:280px}.chat-contact-info{display:none}.chat-messages{padding:1rem 1.5rem}}.leads-container{display:flex;flex-direction:column;height:100%;padding:1.5rem;background-color:transparent;overflow:hidden}.leads-header{margin-bottom:1rem}.leads-header h2{margin:0 0 .25rem;color:var(--text-dark);font-size:1.5rem}.leads-header p{color:var(--text-muted);margin:0;font-size:.95rem}.leads-controls{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--border-color);align-items:center}.leads-search{display:flex;align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;width:300px;max-width:100%;gap:.5rem;box-shadow:var(--shadow-sm);flex-grow:1}.leads-search input{border:none;background:transparent;outline:none;width:100%;color:var(--text-dark);font-size:.95rem}.leads-filters{display:flex;gap:.8rem;flex-wrap:wrap}.filter-dropdown-container{position:relative}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-weight:500}.filter-btn:hover{background:var(--bg-color)}.filter-btn.active{border-color:var(--primary-color);color:var(--primary-color)}.badge{background:var(--primary-color);color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700}.filter-dropdown-menu{position:absolute;top:110%;left:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.8rem;z-index:50;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.filter-option{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-dark);cursor:pointer}.clear-filter-btn{margin-top:.5rem;padding:.4rem;background:#fee2e2;border:none;color:#ef4444;border-radius:4px;cursor:pointer;font-weight:600;font-size:.85rem}.view-switcher{display:flex;background:var(--border-color);border-radius:var(--radius-sm);padding:4px;margin-left:auto;flex-shrink:0}.view-switcher button{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-weight:600}.view-switcher button.active{background:#fff;color:var(--text-dark);box-shadow:var(--shadow-sm)}.leads-kanban-board{display:flex;gap:1.2rem;overflow-x:auto;flex:1;padding-top:1rem;padding-bottom:1rem;scroll-snap-type:x mandatory}.leads-column{background:#e2e8f0;border-radius:var(--radius-md);width:320px;min-width:320px;display:flex;flex-direction:column;max-height:100%;scroll-snap-align:start}.leads-column-header{padding:1rem;display:flex;justify-content:space-between;border-bottom:2px solid #cbd5e1}.leads-column-header h3{margin:0;font-size:1rem;font-weight:600}.leads-count{background:#94a3b8;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.leads-list{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.lead-card{background:#fff;border-radius:var(--radius-sm);padding:1rem;box-shadow:var(--shadow-sm);cursor:grab;border:1px solid var(--border-color)}.lead-card.dragging{opacity:.5}.lead-card-header{display:flex;justify-content:space-between;margin-bottom:.8rem}.lead-type{font-size:.65rem;font-weight:700;padding:3px 6px;border-radius:4px}.lead-wa-link{display:flex;align-items:center;gap:4px;color:#16a34a;background:#dcfce7;padding:4px 8px;border-radius:4px;text-decoration:none;font-size:.8rem;font-weight:700}.lead-name{margin:0 0 .2rem;font-size:1.05rem}.lead-phone{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted)}.lead-footer{display:flex;gap:6px;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border-color);padding-top:.8rem}.empty-zone{text-align:center;color:var(--text-muted);padding:2rem 0;font-style:italic}.leads-table-wrapper{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow-x:auto;flex:1;margin-top:1rem;-webkit-overflow-scrolling:touch}.modern-table{width:100%;border-collapse:collapse;min-width:800px}.modern-table th{background:#f8fafc;padding:1rem;text-align:left;font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.th-content{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modern-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.95rem}.modern-table tr:hover{background:#f1f5f9}.table-link{display:inline-flex;align-items:center;gap:4px;color:#16a34a;text-decoration:none;font-weight:500}.status-selector{border:1px solid var(--border-color);background:#fff;border-radius:4px;padding:6px;color:var(--text-dark);font-family:inherit;font-weight:500;outline:none}.convert-btn{display:inline-flex;align-items:center;gap:4px;background:var(--primary-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600}.table-empty-state{padding:3rem;text-align:center;color:var(--text-muted);font-size:1rem}.lead-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#09090b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem}.lead-modal-content{background:#fff;border-radius:var(--radius-lg);width:900px;max-width:100%;height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.lead-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fff}.lead-modal-header h3{margin:0;color:var(--text-dark);font-size:1.15rem}.close-modal-btn{background:#f1f5f9;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);font-weight:700;height:32px;width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-modal-btn:hover{background:#fee2e2;color:#ef4444}.lead-modal-body{display:flex;flex:1;overflow:hidden;flex-direction:row}.lead-modal-info{width:350px;padding:1.5rem;border-right:1px solid var(--border-color);background:#fafafa;display:flex;flex-direction:column;overflow-y:auto}.lead-modal-info h4{margin:0 0 .5rem;font-size:1.2rem}.lead-modal-info p{margin:0}.lead-notes-area{width:100%;height:150px;margin-top:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.8rem;font-family:inherit;resize:vertical;box-shadow:var(--shadow-sm)}.save-notes-btn{margin-top:1rem;width:100%;background:#16a34a;color:#fff;border:none;padding:.8rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:background .2s}.save-notes-btn:hover{background:#15803d}.lead-modal-chat{flex:1;padding:1.5rem;display:flex;flex-direction:column;background:#efeae2;overflow:hidden}.chat-history-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding-right:.5rem}.chat-bubble-group{display:flex;flex-direction:column;gap:.5rem}.chat-timestamp{text-align:center;font-size:.75rem;color:#64748b;margin-bottom:.2rem}.chat-bubble{max-width:85%;padding:.8rem 1rem;border-radius:var(--radius-md);font-size:.95rem;line-height:1.4;box-shadow:var(--shadow-sm);white-space:pre-wrap}.user-bubble{align-self:flex-start;background:#fff;border-top-left-radius:0}.bot-bubble{align-self:flex-end;background:#dcf8c6;border-top-right-radius:0}@media screen and (max-width: 768px){.leads-container{padding:1rem}.leads-controls{gap:.8rem}.leads-search{width:100%}.view-switcher{margin-left:0;width:100%;justify-content:center}.view-switcher button{flex:1;justify-content:center}.leads-table-wrapper{margin-top:.5rem;border-radius:var(--radius-sm)}.lead-modal-overlay{padding:0;align-items:flex-end}.lead-modal-content{height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lead-modal-body{flex-direction:column;overflow-y:auto}.lead-modal-info{width:100%;border-right:none;border-bottom:1px solid var(--border-color);flex-shrink:0;max-height:max-content}.lead-modal-chat{flex-shrink:0;height:500px}}.inventory-layout{padding:1.5rem;max-width:100%}.inv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b;gap:1rem}.inv-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.inv-header-left h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:#0f172a;font-size:1.3rem}.inv-tabs{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:10px}.inv-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.inv-tab:hover{color:#334155;background:#ffffff80}.inv-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.scanner-tab.active{background:#0f172a;color:#38bdf8}.inv-header-right{display:flex;gap:.5rem;align-items:center}.btn-secondary{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer}.btn-secondary:hover{background:#e2e8f0}.inv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.25rem}.stat-card.alert{border-color:#fbbf24;background:#fffbeb}.stat-number{font-size:1.5rem;font-weight:800;color:#0f172a}.stat-card.alert .stat-number{color:#d97706}.stat-label{font-size:.8rem;color:#64748b;font-weight:500}.inv-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;flex:1;min-width:200px}.search-box input{border:none;outline:none;flex:1;font-size:.9rem;background:transparent}.search-box svg{color:#94a3b8}.filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;color:#334155;cursor:pointer}.filter-btn{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;background:#fff;cursor:pointer;transition:all .2s}.filter-btn.active{background:#fef3c7;border-color:#fbbf24;color:#92400e}.inv-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.inv-table{width:100%;border-collapse:collapse;font-size:.85rem}.inv-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.inv-table th{padding:.75rem 1rem;text-align:left;font-weight:700;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.inv-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.inv-table tbody tr:hover{background:#f8fafc}.low-stock-row{background:#fffbeb!important}.barcode-cell code{background:#f1f5f9;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:#475569;font-family:JetBrains Mono,Fira Code,monospace}.part-name{font-weight:600;color:#0f172a}.part-brand{font-size:.75rem;color:#94a3b8}.cat-badge{display:inline-block;background:#eff6ff;color:#1d4ed8;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.models-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#64748b}.location-cell{font-size:.82rem;color:#6366f1;font-weight:500}.stock-cell{display:flex;align-items:center;gap:.3rem}.stock-number{font-weight:800;font-size:1.1rem;padding:.1rem .4rem;border-radius:6px}.stock-number.ok{color:#16a34a}.stock-number.warning{color:#d97706}.stock-number.critical{color:#ef4444;background:#fef2f2}.stock-unit{font-size:.7rem;color:#94a3b8}.min-cell{color:#94a3b8;font-size:.8rem}.cost-cell{font-weight:600;font-size:.85rem;white-space:nowrap}.empty-row{text-align:center;color:#94a3b8;padding:2rem!important;font-style:italic}.actions-cell{display:flex;gap:.3rem;white-space:nowrap}.action-btn-sm{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.action-btn-sm.green{background:#dcfce7;color:#16a34a}.action-btn-sm.green:hover{background:#bbf7d0}.action-btn-sm.red{background:#fee2e2;color:#ef4444}.action-btn-sm.red:hover{background:#fecaca}.action-btn-sm.blue{background:#dbeafe;color:#2563eb}.action-btn-sm.blue:hover{background:#bfdbfe}.action-btn-sm.gray{background:#f1f5f9;color:#94a3b8}.action-btn-sm.gray:hover{background:#e2e8f0;color:#ef4444}.mov-badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.78rem;font-weight:700}.mov-badge.entrada{background:#dcfce7;color:#166534}.mov-badge.salida{background:#fee2e2;color:#991b1b}.mov-badge.ajuste{background:#e0e7ff;color:#3730a3}.qty-cell{font-weight:700}.qty-plus{color:#16a34a}.qty-minus{color:#ef4444}.scanner-view{display:flex;justify-content:center;padding:2rem 0}.scanner-hero{text-align:center;max-width:500px;width:100%}.scanner-pulse{width:120px;height:120px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;transition:all .3s}.scanner-pulse.active{background:#0f172a;color:#38bdf8;animation:scanPulse 2s infinite}@keyframes scanPulse{0%{box-shadow:0 0 #38bdf899}70%{box-shadow:0 0 0 25px #38bdf800}to{box-shadow:0 0 #38bdf800}}.scanner-hero h3{color:#0f172a;margin:0 0 .5rem;font-size:1.2rem}.scanner-hero>p{color:#64748b;margin:0 0 .5rem;font-size:.9rem}.scanner-hint{font-size:.8rem!important;color:#94a3b8!important;margin-bottom:2rem!important}.scanner-manual{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:2rem}.scanner-manual p{margin:0 0 .75rem;font-size:.85rem;color:#475569;font-weight:500}.manual-scan-row{display:flex;gap:.5rem}.manual-scan-row input{flex:1;padding:.6rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem}.manual-scan-row button{padding:.6rem 1.25rem;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.recent-movements{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.recent-movements h4{margin:0 0 .75rem;font-size:.85rem;color:#475569;text-transform:uppercase;letter-spacing:.5px}.recent-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:.85rem}.recent-item:last-child{border-bottom:none}.recent-type{font-size:1.1rem}.recent-name{flex:1;font-weight:500;color:#334155}.recent-qty{font-weight:700}.recent-item.entrada .recent-qty{color:#16a34a}.recent-item.salida .recent-qty{color:#ef4444}.recent-time{color:#94a3b8;font-size:.78rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.1rem;color:#0f172a}.modal-header.entry{background:#f0fdf4;border-bottom-color:#bbf7d0}.modal-header.exit{background:#fef2f2;border-bottom-color:#fecaca}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem}.part-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group.full-width{margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:600;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;font-family:inherit;background:#f8fafc;transition:all .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-cancel{padding:.6rem 1.25rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:600;cursor:pointer}.btn-save{padding:.6rem 1.25rem;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.btn-save.entry{background:#16a34a}.btn-save.exit{background:#ef4444}.movement-part-info{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.part-detail{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.part-detail-label{font-size:.8rem;color:#64748b;font-weight:500;min-width:100px}.part-detail-value{font-weight:700;color:#0f172a}.stock-badge{padding:.15rem .5rem;border-radius:6px;font-weight:700;font-size:.85rem}.stock-badge.ok{background:#dcfce7;color:#166534}.stock-badge.low{background:#fee2e2;color:#991b1b}.movement-form{padding:1.5rem}.qty-input-row{display:flex;align-items:center;gap:0;border-radius:8px;border:1px solid #cbd5e1;overflow:hidden;background:#fff}.qty-input-row button{width:44px;height:44px;border:none;background:#f1f5f9;font-size:1.2rem;font-weight:700;color:#475569;cursor:pointer}.qty-input-row button:active{background:#e2e8f0}.qty-input-row input{flex:1;text-align:center;border:none;outline:none;font-size:1.1rem;font-weight:700;padding:.5rem;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.movement-preview{background:#f8fafc;padding:.75rem;border-radius:8px;text-align:center;font-size:.9rem;color:#475569;margin-top:1rem;border:1px solid #e2e8f0}@media (max-width: 768px){.inv-header{flex-direction:column}.form-row{grid-template-columns:1fr}.form-row.four-cols{grid-template-columns:1fr 1fr}.inv-toolbar{flex-direction:column}.search-box{min-width:100%}}.commercial-layout{display:flex;flex-direction:column;height:100%;background:#f8fafc}.commercial-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.commercial-header h2{display:flex;align-items:center;gap:.5rem;margin:0;color:#0f172a;font-size:1.3rem}.commercial-header h2 span{font-size:.85rem;color:#64748b;font-weight:400}.commercial-body{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.comm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ckpi{background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:box-shadow .15s}.ckpi:hover{box-shadow:0 4px 12px #0000000d}.ckpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ckpi-icon.green{background:#dcfce7;color:#16a34a}.ckpi-icon.blue{background:#dbeafe;color:#2563eb}.ckpi-icon.amber{background:#fef3c7;color:#d97706}.ckpi-icon.purple{background:#ede9fe;color:#7c3aed}.ckpi-icon.rose{background:#ffe4e6;color:#e11d48}.ckpi-value{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.2}.ckpi-label{font-size:.78rem;color:#64748b;font-weight:500}.comm-tabs{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:10px;width:fit-content}.comm-tab{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.comm-tab:hover{color:#334155;background:#ffffff80}.comm-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.comm-table-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;flex:1;display:flex;flex-direction:column}.comm-toolbar{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.comm-search{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;border-radius:8px;padding:.45rem .75rem;flex:1;max-width:350px}.comm-search input{border:none;outline:none;background:transparent;font-size:.88rem;flex:1}.comm-table-wrap{flex:1;overflow:auto}.comm-table{width:100%;border-collapse:collapse;font-size:.85rem}.comm-table thead{background:#f8fafc;position:sticky;top:0;z-index:5}.comm-table th{padding:.65rem .8rem;border-bottom:2px solid #e2e8f0;font-weight:700;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px;text-align:left;white-space:nowrap}.comm-table td{padding:.65rem .8rem;border-bottom:1px solid #f1f5f9;color:#334155}.comm-table tbody tr:hover{background:#f8fafc}.comm-table .number{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.comm-table .positive{color:#16a34a}.comm-table .negative{color:#ef4444}.comm-table .muted{color:#94a3b8}.comm-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.comm-badge.listo{background:#dcfce7;color:#166534}.comm-badge.preparar{background:#fef3c7;color:#92400e}.comm-badge.partes{background:#fee2e2;color:#991b1b}.comm-badge.reservado{background:#e0e7ff;color:#3730a3}.comm-badge.en_prep{background:#dbeafe;color:#1d4ed8}.comm-badge.mono{background:#f1f5f9;color:#475569}.comm-badge.color{background:#fae8ff;color:#86198f}.comm-badge.v110{background:#fef3c7;color:#92400e}.comm-badge.v220{background:#dcfce7;color:#166534}.comm-badge.facturado{background:#dbeafe;color:#1d4ed8}.comm-badge.libre{background:#f0fdf4;color:#166534}.btn-ficha{padding:.35rem .7rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-ficha:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.cost-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding:2rem;overflow-y:auto}.cost-sheet{background:#fff;border-radius:16px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.cs-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px 16px 0 0;color:#fff}.cs-header h3{margin:0;font-size:1.1rem}.cs-header .cs-serial{font-size:.82rem;opacity:.7}.cs-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.1rem}.cs-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cs-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.cs-section-title{padding:.65rem 1rem;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.cs-section-title.origin{background:#f1f5f9;color:#475569}.cs-section-title.costs{background:#fef3c7;color:#92400e}.cs-section-title.summary{background:#dcfce7;color:#166534}.cs-section-title.sale{background:#dbeafe;color:#1d4ed8}.cs-rows{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.cs-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.3rem 0}.cs-row.total{border-top:2px solid #e2e8f0;padding-top:.6rem;margin-top:.3rem;font-weight:800;font-size:1rem}.cs-row .label{color:#475569;display:flex;align-items:center;gap:.4rem}.cs-row .value{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.cs-row .value.positive{color:#16a34a}.cs-row .value.negative{color:#ef4444}.cs-form{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.cs-form-row{display:flex;gap:1rem;flex-wrap:wrap}.cs-field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.cs-field label{font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase}.cs-field input,.cs-field select,.cs-field textarea{padding:.45rem .6rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.88rem}.cs-field input:focus,.cs-field select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.cs-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0}.bot-config{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bot-config h3{margin:0;display:flex;align-items:center;gap:.5rem;color:#0f172a}.bot-config .helper{font-size:.82rem;color:#64748b;background:#f8fafc;padding:.75rem;border-radius:8px;border-left:3px solid #0ea5e9}.snippet-box{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.82rem;overflow-x:auto;position:relative;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:.5rem;right:.5rem;background:#ffffff26;border:none;color:#94a3b8;padding:.3rem .6rem;border-radius:6px;font-size:.78rem;cursor:pointer}.btn-copy:hover{background:#ffffff40;color:#fff}.comm-empty{text-align:center;padding:3rem;color:#94a3b8}.comm-empty svg{margin-bottom:1rem;opacity:.4}@media (max-width: 768px){.commercial-body,.commercial-header{padding:1rem}.comm-kpis{grid-template-columns:1fr 1fr}.cs-form-row{flex-direction:column}}