.modern-header{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);box-shadow:0 4px 20px #0000001a;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{max-width:100%;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-logo{flex-shrink:0}.header-logo a{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.header-logo a:hover{transform:scale(1.05)}.logo-image{height:90px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2));transition:filter .3s ease}.header-logo a:hover .logo-image{filter:drop-shadow(0 4px 15px rgba(255,255,255,.3))}.header-nav{display:flex;gap:6px;flex:1;justify-content:center;min-width:0}.nav-item-container{position:relative}.nav-item{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0}.nav-item:hover{background:#fff3}.nav-item.active{background:#fff;color:var(--color-primary);box-shadow:0 4px 16px #0003}.mega-menu{position:fixed;min-width:600px;animation:slideDown .3s cubic-bezier(.4,0,.2,1);z-index:1001}.mega-menu-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;padding:12px}.menu-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease;text-align:left}.menu-card:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--color-primary)}.menu-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#60a5fa);border-radius:12px;color:#fff;transition:all .3s ease}.menu-card:hover .menu-card-icon{box-shadow:0 4px 16px #3b82f666}.menu-card-content{flex:1}.menu-card-content h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--color-text-primary);transition:color .3s ease}.menu-card:hover .menu-card-content h3{color:var(--color-primary)}.menu-card-content p{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.4}.menu-card-arrow{flex-shrink:0;color:var(--color-text-light);transition:all .3s ease;opacity:0}.menu-card:hover .menu-card-arrow{opacity:1;transform:translate(4px);color:var(--color-primary)}.mega-menu-backdrop{position:fixed;top:70px;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease;z-index:999}.nav-separator{width:2px;height:40px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.5) 20%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.5) 80%,transparent 100%);margin:0 8px;border-radius:2px;box-shadow:0 0 8px #ffffff4d}.nav-item-posbox{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.nav-item-posbox:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);animation:shine 3s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.nav-item-posbox:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 6px 20px #10b98180}.nav-item-posbox:active{transform:translateY(-1px);box-shadow:0 3px 10px #10b98166}.header-toolbar{display:flex;align-items:center;gap:16px;flex-shrink:0}.caja-status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.caja-status-badge:hover{background:#ffffff40;transform:scale(1.05)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.caja-status-badge.abierta .status-dot{background:#10b981;box-shadow:0 0 8px #10b981}.caja-status-badge.cerrada .status-dot{background:#ef4444;box-shadow:0 0 8px #ef4444}.caja-status-badge span{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px}.user-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.user-info:hover{background:#ffffff40}.user-info svg{color:#fff;flex-shrink:0}.user-name{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.user-role{color:#fffc;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding-left:8px;border-left:1px solid rgba(255,255,255,.3)}.user-initials{display:none;width:34px;height:34px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;letter-spacing:.5px;flex-shrink:0}.btn-logout{display:flex;align-items:center;justify-content:center;padding:10px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#ef444466;border-color:#ef444480;transform:scale(1.05)}.btn-logout:active{transform:scale(.95)}.mobile-menu-toggle{display:none;background:#ffffff26;border:none;border-radius:10px;padding:10px;color:#fff;cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:hover{background:#ffffff40}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;height:calc(100vh - 70px);height:calc(100dvh - 70px);background:#fff;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:998}.mobile-menu.open{transform:translate(0)}.mobile-menu-section{border-bottom:1px solid var(--color-border)}.mobile-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border:none;cursor:pointer;transition:all .3s ease}.mobile-section-header:active{background:#f8fafc}.mobile-section-title{display:flex;align-items:center;gap:12px;color:var(--color-text-primary);font-size:16px;font-weight:700}.mobile-section-header .chevron{color:var(--color-text-secondary);transition:transform .3s ease}.mobile-section-header .chevron.rotated{transform:rotate(90deg)}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#f8fafc}.mobile-submenu.open{max-height:500px}.mobile-menu-item{width:100%;display:flex;align-items:flex-start;gap:16px;padding:16px 24px 16px 52px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;text-align:left;border-left:3px solid transparent}.mobile-menu-item:active{background:#fff;border-left-color:var(--color-primary)}.mobile-menu-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.mobile-item-content{display:flex;flex-direction:column;gap:4px}.mobile-item-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.mobile-item-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.mobile-menu-separator{height:8px;background:linear-gradient(to right,transparent 0%,rgba(16,185,129,.1) 50%,transparent 100%);margin:8px 0;position:relative}.mobile-menu-separator:before{content:"";position:absolute;left:24px;right:24px;top:50%;transform:translateY(-50%);height:2px;background:linear-gradient(to right,transparent 0%,rgba(16,185,129,.3) 50%,transparent 100%)}.mobile-posbox-button{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mobile-posbox-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.mobile-posbox-button:active:before{opacity:1}.mobile-posbox-button:active{background:linear-gradient(135deg,#059669,#047857)}.mobile-posbox-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;color:#fff;border:2px solid rgba(255,255,255,.3)}.mobile-posbox-content{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.mobile-posbox-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.mobile-posbox-desc{font-size:12px;color:#ffffffe6;line-height:1.4}.mobile-posbox-button>svg{color:#fff;flex-shrink:0}@media (max-width: 1600px){.header-container{gap:12px;padding:0 14px}.nav-item span{display:none}.nav-item{padding:10px}.nav-item svg{width:16px;height:16px}.header-nav{gap:4px}.logo-image{height:60px}.header-toolbar{gap:10px}.caja-status-badge,.user-info{padding:6px 12px}.user-name{display:none}}@media (max-width: 1100px){.header-toolbar{gap:8px}.user-role,.caja-status-badge span{display:none}.caja-status-badge{padding:8px 10px}}@media (max-width: 1024px){.mega-menu{min-width:500px}.menu-items-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modern-header{height:60px}.header-container{padding:0 12px;gap:10px}.logo-image{height:50px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}.mobile-menu{display:block;top:60px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.caja-status-badge span{display:none}.caja-status-badge{padding:0;background:none;border:none;min-width:44px;min-height:44px;justify-content:center}.caja-status-badge .status-dot{width:12px;height:12px}.user-info{padding:0;background:none;border:none;min-width:44px;min-height:44px;justify-content:center}.user-info svg{display:none}.user-name,.user-role{display:none}.user-initials{display:flex}.btn-logout{min-width:44px;min-height:44px;padding:10px}.mobile-section-header{min-height:52px;padding:16px 20px}.mobile-menu-item{min-height:48px;padding:14px 20px 14px 48px}}.sync-badge{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:default;transition:color .3s ease}@keyframes sync-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-badge--syncing .sync-badge-icon{animation:sync-badge-spin 1s linear infinite}.sync-badge--syncing{color:#ffffffb3}.sync-badge--synced{color:#ffffff59}.sync-badge--stale{color:#f59e0b}@keyframes sync-badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.sync-badge--stale svg{animation:sync-badge-pulse 2s ease-in-out infinite}.sync-badge--error{color:#ef4444}@media (max-width: 768px){.sync-badge{min-width:36px;min-height:36px}}.modal-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease;padding:20px;overflow-y:auto}.modal-password-content{background:#fff;border-radius:20px;width:90%;max-width:450px;box-shadow:0 25px 50px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative;padding:40px 32px;margin:auto}.modal-close-btn{position:absolute;top:16px;right:16px;background:#0000000d;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.modal-close-btn:hover{background:#0000001a;color:#334155;transform:rotate(90deg)}.modal-password-header{text-align:center;margin-bottom:32px}.lock-icon-container{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #3b82f64d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 12px 32px #3b82f666}}.modal-password-header h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.modal-password-header p{font-size:14px;color:var(--color-text-secondary);margin:0}.modal-password-form{display:flex;flex-direction:column;gap:20px}.password-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee2e2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;font-weight:500;animation:shake .5s ease}.password-input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#94a3b8;pointer-events:none}.password-input{width:100%;padding:16px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;color:var(--color-text-primary);transition:all .3s ease;background:#f8fafc}.password-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.password-input:disabled{opacity:.6;cursor:not-allowed}.toggle-password-btn{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toggle-password-btn:hover{background:#0000000d;color:#64748b}.toggle-password-btn:disabled{opacity:.5;cursor:not-allowed}.modal-password-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel,.btn-verify{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover:not(:disabled){background:#e2e8f0;color:#475569}.btn-verify{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-verify:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-verify:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.password-hint{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.hint-text{font-size:13px;color:#64748b;text-align:center;margin:0}@media (max-width: 768px){.modal-password-content{padding:32px 24px;max-width:95%}.lock-icon-container{width:64px;height:64px}.lock-icon-container svg{width:32px;height:32px}.modal-password-header h2{font-size:20px}.modal-password-header p{font-size:13px}.password-input{font-size:15px}}.modern-layout{padding-top:70px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.modern-layout .main-content{padding:32px;max-width:1600px;margin:0 auto}@media (max-width: 768px){.modern-layout{padding-top:60px}.modern-layout .main-content{padding:20px 16px}}.cpr-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.cpr-modal{background:#fff;border-radius:24px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;animation:cprSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes cprSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cpr-header{text-align:center;padding:40px 32px 32px;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #f1f5f9}.cpr-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #3b82f666}.cpr-icon svg{width:36px;height:36px}.cpr-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.2}.cpr-header p{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.cpr-form{padding:32px}.cpr-error{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.9rem;font-weight:500;margin-bottom:24px;animation:cprShake .5s ease}@keyframes cprShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cpr-input-group{margin-bottom:28px}.cpr-input-group label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:10px}.cpr-input-wrapper{display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:4px 16px;transition:all .2s ease}.cpr-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.cpr-input-wrapper svg{color:#94a3b8;flex-shrink:0;width:20px;height:20px}.cpr-input-wrapper input{flex:1;border:none;background:transparent;padding:14px 12px;font-size:1rem;color:#1e293b;outline:none;width:100%}.cpr-input-wrapper input::placeholder{color:#94a3b8}.cpr-toggle-btn{background:none;border:none;cursor:pointer;padding:8px;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.cpr-toggle-btn:hover{color:#1e293b;background:#f1f5f9}.cpr-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.cpr-btn-cancel,.cpr-btn-submit{padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cpr-btn-cancel{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.cpr-btn-cancel:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.cpr-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.cpr-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.cpr-btn-submit:active:not(:disabled){transform:translateY(0)}.cpr-btn-cancel:disabled,.cpr-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.cpr-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#1d4ed8;font-size:.85rem;font-weight:500}.cpr-info svg{flex-shrink:0;width:16px;height:16px}@media (max-width: 480px){.cpr-fullscreen{padding:16px}.cpr-modal{border-radius:20px}.cpr-header{padding:32px 24px 24px}.cpr-icon{width:70px;height:70px}.cpr-icon svg{width:32px;height:32px}.cpr-header h2{font-size:1.5rem}.cpr-form{padding:24px}.cpr-actions{grid-template-columns:1fr}}.modal-sesion-expirada-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-sesion-expirada{background:#fff;border-radius:16px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-sesion-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.modal-sesion-expirada h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.modal-sesion-expirada p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.btn-iniciar-sesion{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-iniciar-sesion:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-iniciar-sesion:active{transform:translateY(0)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f6bde,#2f7bef,#3068d9);padding:20px;position:relative;overflow:hidden}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-icon{position:absolute;left:var(--left);bottom:-60px;color:#a2c0ff99;animation:floatUp var(--duration) linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 8px 16px rgba(48,104,217,.3))}@keyframes floatUp{0%{bottom:-60px;opacity:0;transform:translate(0) rotate(0) scale(1);filter:drop-shadow(0 8px 16px rgba(48,104,217,.3))}10%{opacity:.85}50%{opacity:1;transform:translate(var(--move-x, 50px)) rotate(180deg) scale(1.15);filter:drop-shadow(0 12px 24px rgba(47,123,239,.4)) drop-shadow(0 0 20px rgba(162,192,255,.3))}90%{opacity:.85}to{bottom:120vh;opacity:0;transform:translate(var(--move-x, -50px)) rotate(360deg) scale(1);filter:drop-shadow(0 8px 16px rgba(48,104,217,.3))}}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#c9d3f226;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 8px 32px #a2c0ff33}.shape-1{width:500px;height:500px;top:-150px;right:-100px;animation:morph 15s ease-in-out infinite}.shape-2{width:350px;height:350px;bottom:-100px;left:-80px;animation:morph 20s ease-in-out infinite reverse}.shape-3{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 10s ease-in-out infinite}@keyframes morph{0%,to{border-radius:50% 60% 40% 50%;transform:rotate(0)}25%{border-radius:60% 50% 50% 40%}50%{border-radius:40% 50% 60%;transform:rotate(90deg)}75%{border-radius:50% 40% 50% 60%}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.05}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.login-container{width:100%;max-width:450px;position:relative;z-index:2}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 100px #0000004d;padding:48px 40px;animation:slideUp .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3)}.login-header{text-align:center;margin-bottom:40px}.logo-login{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.login-logo-image{height:160px;width:160px;object-fit:contain;padding:1px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:20px;box-shadow:0 10px 40px #1e40af66;animation:logoFloat 3s ease-in-out infinite;border:3px solid rgba(255,255,255,.2)}@keyframes logoFloat{0%,to{transform:translateY(0);box-shadow:0 10px 40px #1e40af66}50%{transform:translateY(-10px);box-shadow:0 15px 50px #1e40af80}}.login-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--color-text-primary)}.login-header p{margin:0;color:var(--color-text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:24px}.login-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;border:2px solid #fecaca;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-group label svg{color:#2f7bef}.form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:var(--color-text-primary);transition:all .3s ease;background:#f8fafc}.form-group input:focus{outline:none;border-color:#2f7bef;background:#fff;box-shadow:0 0 0 4px #2f7bef26}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-login{width:100%;padding:16px;background:linear-gradient(135deg,#2f7bef,#3068d9);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2f7bef66,0 0 #a2c0ff00;margin-top:8px}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2f7bef80,0 0 20px #a2c0ff4d;background:linear-gradient(135deg,#3068d9,#1f6bde)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.btn-link{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:underline}.btn-link:hover{color:#1a252f}.login-demo{margin-top:24px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#e6e9f2);border-radius:12px;text-align:center;border:2px solid #D0D4E0}.login-demo p{margin:4px 0;font-size:13px;color:#1c3d73}.login-demo p:first-child{font-weight:700;margin-bottom:8px}@media (max-width: 768px){.login-page{padding:16px}.login-card{padding:32px 24px}.login-logo-image{height:110px;width:110px;padding:1px}.login-header h2{font-size:24px}.floating-icon{display:none}.shape-1,.shape-2{width:300px;height:300px}.shape-3{width:150px;height:150px}}.dashboard-page{max-width:1400px}.db-hero-container{display:flex;align-items:stretch;position:relative;background:linear-gradient(135deg,#e8f0fe,#dbeafe 40%,#eff6ff);border-radius:20px;padding:0;margin-bottom:40px;min-height:260px;overflow:hidden;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(147,197,253,.3)}.db-hero-caja-badge{position:absolute;top:18px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.2px;border:1px solid transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.db-caja-abierta{background:#ecfdf5e6;color:#047857;border-color:#a7f3d0}.db-caja-cerrada{background:#fef2f2e6;color:#b91c1c;border-color:#fecaca}.db-caja-dot{width:7px;height:7px;border-radius:50%;animation:dbCajaPulse 2.5s ease-in-out infinite}.db-caja-abierta .db-caja-dot{background:#10b981}.db-caja-cerrada .db-caja-dot{background:#ef4444}@keyframes dbCajaPulse{0%,to{opacity:1}50%{opacity:.35}}.db-hero-text-side{flex:0 0 58%;display:flex;flex-direction:column;justify-content:center;padding:40px 20px 40px 44px;position:relative;z-index:2}.db-hero-welcome{margin:0;font-size:3.5rem;font-weight:800;color:#1e3a5f;letter-spacing:-1px;line-height:1;text-transform:uppercase}.db-hero-business{margin:8px 0 0;font-size:1.35rem;font-weight:600;color:#2563eb;letter-spacing:.2px;line-height:1.3}.db-hero-description{margin:14px 0 0;font-size:14px;color:#5a6478;line-height:1.6;max-width:420px}.db-hero-meta{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}.db-hero-date{font-size:13px;color:#7c8599;font-style:italic}.db-hero-nit{font-size:12px;color:#9ba3b5;font-weight:500;letter-spacing:.3px;padding-left:16px;border-left:1px solid #c8cdd8}.db-hero-shortcuts{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.db-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #1e3a5f4d;width:fit-content;min-height:44px}.db-hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66;background:linear-gradient(135deg,#163252,#1d4ed8)}.db-hero-cta:active{transform:translateY(0)}.db-hero-shortcut{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;color:#1e3a5f;border:1px solid #c7d2e0;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:38px}.db-hero-shortcut:hover{background:#eef3fb;border-color:#93c5fd;color:#2563eb;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb1f}.db-hero-shortcut:active{transform:translateY(0)}.db-hero-image-side{flex:0 0 42%;position:relative;overflow:hidden}.db-hero-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.db-hero-logo-img{width:230px;height:230px;border-radius:70%;object-fit:cover;border:6px solid white;box-shadow:0 14px 40px #0000002e;background:#fff}.db-hero-logo-fallback{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2563eb);border:6px solid white;box-shadow:0 14px 40px #0000002e;display:flex;align-items:center;justify-content:center;color:#fff}.db-hero-deco{position:absolute;border-radius:50%;pointer-events:none}.db-hero-deco-1{width:220px;height:220px;top:-40px;right:-30px;background:linear-gradient(135deg,#93c5fd73,#3b82f626)}.db-hero-deco-2{width:160px;height:160px;bottom:-30px;left:-20px;background:linear-gradient(135deg,#60a5fa4d,#93c5fd1f)}.db-hero-deco-3{width:60px;height:60px;top:30px;left:40px;background:#2563eb1a}.db-hero-deco-4{width:100px;height:100px;bottom:40px;right:50px;background:linear-gradient(135deg,#1e3a5f26,#3b82f614)}.db-hero-deco-5{width:30px;height:30px;top:70px;right:130px;background:#60a5fa40}@media (max-width: 900px){.db-hero-container{flex-direction:column;min-height:auto;margin-bottom:28px}.db-hero-text-side{flex:none;padding:32px 28px 24px}.db-hero-welcome{font-size:2.5rem}.db-hero-image-side{flex:none;height:140px}.db-hero-caja-badge{top:14px;right:14px}}@media (max-width: 480px){.db-hero-text-side{padding:24px 20px 20px}.db-hero-welcome{font-size:2rem}.db-hero-business{font-size:1.1rem}.db-hero-description{font-size:13px}.db-hero-cta{width:100%;justify-content:center;min-height:48px}.db-hero-image-side{height:300px}.db-hero-logo-img,.db-hero-logo-fallback{width:200px;height:200px}}.info-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#3498db1a;border:1px solid var(--color-info);border-radius:var(--radius-lg);color:var(--color-info);margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card-big{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:20px;border:1px solid var(--color-border);transition:var(--transition)}.stat-card-big:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-big .stat-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-big.primary .stat-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.stat-card-big.success .stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.stat-card-big.warning .stat-icon{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.stat-card-big.info .stat-icon{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-content .stat-label{font-size:13px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-content .stat-value{font-size:28px;font-weight:700;color:var(--color-text-primary)}.stat-content .stat-detail{font-size:12px;color:var(--color-text-light)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.panel{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.panel h3{font-size:18px;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.empty-state{text-align:center;color:var(--color-text-light);padding:40px 20px;font-size:14px}.mesas-list{display:flex;flex-wrap:wrap;gap:12px}.mesa-badge{padding:8px 16px;background-color:var(--color-danger);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:13px}.facturas-list{display:flex;flex-direction:column;gap:12px}.factura-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--color-surface);border-radius:var(--radius-md);font-size:14px}.factura-total{font-weight:700;color:var(--color-success);font-size:16px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-surface)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--color-text-secondary);font-weight:600}.info-value{font-size:15px;color:var(--color-text-primary);font-weight:600}.info-value.highlight{color:var(--color-success);font-size:18px}.payment-breakdown{display:flex;flex-direction:column;gap:16px}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-md);transition:var(--transition)}.payment-item:hover{background:var(--color-surface-dark);transform:translate(4px)}.payment-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.payment-dot{width:12px;height:12px;border-radius:50%}.payment-dot.efectivo{background:var(--color-success)}.payment-dot.tarjeta{background:var(--color-warning)}.payment-dot.transferencia{background:var(--color-info)}.payment-amount{font-size:16px;font-weight:700;color:var(--color-text-primary)}@media (max-width: 768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.stat-card-big{flex-direction:column;text-align:center}}.catalogo-productos-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.catalogo-header{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.header-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}.header-title h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.header-title p{color:#6b7280;font-size:14px;margin:4px 0 0}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center;gap:8px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px}.search-box svg{color:#6b7280;flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:14px;color:#1f2937;outline:none}.filter-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px;min-width:200px}.filter-box svg{color:#6b7280;flex-shrink:0}.filter-box select{border:none;background:transparent;font-size:14px;color:#1f2937;outline:none;cursor:pointer;flex:1}.view-toggle{display:flex;gap:4px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;padding:4px}.view-toggle button{border:none;background:transparent;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280}.view-toggle button:hover{background:#fff;color:#1f2937}.view-toggle button.active{background:#3b82f6;color:#fff}.productos-container{display:grid;gap:20px}.productos-container.cuadricula{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.productos-container.lista{grid-template-columns:1fr}.producto-card.cuadricula{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}.producto-card.cuadricula:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#3b82f6}.producto-imagen{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.producto-imagen img{width:100%;height:100%;object-fit:cover}.imagen-placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af}.stock-overlay{position:absolute;top:8px;right:8px;background:#3b82f6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.stock-overlay.sin-stock{background:#ef4444}.producto-contenido{padding:16px}.producto-contenido h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.producto-codigo{font-size:12px;color:#6b7280;margin:0 0 12px}.producto-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.precio-container{display:flex;flex-direction:column;gap:2px}.precio-valor{font-size:20px;font-weight:700;color:#3b82f6}.stock-info{font-size:12px;color:#6b7280}.acciones-rapidas{display:flex;gap:6px}.btn-icon{border:2px solid #e5e7eb;background:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon:hover{border-color:#3b82f6;color:#3b82f6;background:#dbeafe}.btn-icon.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-icon.primary:hover{background:#2563eb;border-color:#2563eb}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.producto-card.lista{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;display:grid;grid-template-columns:100px 1fr auto auto auto;gap:20px;align-items:center;transition:all .3s}.producto-card.lista:hover{border-color:#3b82f6;box-shadow:0 4px 8px #0000001a}.producto-card.lista .producto-imagen{width:100px;height:100px;border-radius:8px}.producto-card.lista .producto-info h3{font-size:18px;margin-bottom:4px;white-space:normal}.producto-descripcion{font-size:14px;color:#6b7280;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.producto-stock{display:flex;align-items:center;gap:8px}.stock-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.stock-badge.normal{background:#d1fae5;color:#065f46}.stock-badge.bajo{background:#dbeafe;color:#1e40af}.stock-badge.sin-stock{background:#fee2e2;color:#991b1b}.warning-icon{color:#3b82f6}.producto-precio{display:flex;flex-direction:column;align-items:flex-end}.precio-label{font-size:12px;color:#6b7280;margin-bottom:2px}.producto-acciones{display:flex;gap:8px}.btn-ver-detalles,.btn-agregar-carrito{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.btn-ver-detalles{background:#fff;border-color:#e5e7eb;color:#6b7280}.btn-ver-detalles:hover{border-color:#3b82f6;color:#3b82f6;background:#dbeafe}.btn-agregar-carrito{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-agregar-carrito:hover{background:#2563eb;border-color:#2563eb}.btn-agregar-carrito:disabled{opacity:.5;cursor:not-allowed}.catalogo-loading,.catalogo-error,.no-productos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.catalogo-loading .spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.catalogo-loading p,.catalogo-error p,.no-productos p{color:#6b7280;margin-top:16px;font-size:16px}.catalogo-error svg,.no-productos svg{color:#9ca3af}.catalogo-error h2,.no-productos h2{color:#1f2937;margin:16px 0 8px;font-size:24px}.catalogo-loading-bar{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;animation:loading-bar 1s ease-in-out infinite;border-radius:2px;margin:-8px 0 8px}@keyframes loading-bar{0%{background-position:200% 0}to{background-position:-200% 0}}.catalogo-paginacion{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 16px;flex-wrap:wrap}.catalogo-pag-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid #d1d5db;background:#fff;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;min-height:44px}.catalogo-pag-btn:hover:not(:disabled){background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.catalogo-pag-btn:disabled{opacity:.4;cursor:not-allowed}.catalogo-pag-numeros{display:flex;align-items:center;gap:4px}.catalogo-pag-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background:#fff;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.catalogo-pag-num:hover{background:#f3f4f6;border-color:#3b82f6}.catalogo-pag-num.activa{background:#3b82f6;color:#fff;border-color:#3b82f6}.catalogo-pag-dots{color:#9ca3af;padding:0 4px}.catalogo-pag-info{color:#6b7280;font-size:13px;white-space:nowrap}.producto-categoria-badge{display:inline-block;padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:4px;font-size:12px;font-weight:500;margin-top:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-detalles{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{padding:24px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.btn-cerrar{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-cerrar:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px;display:grid;grid-template-columns:300px 1fr;gap:32px}.detalles-imagen{width:100%;aspect-ratio:1;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.detalles-imagen img{width:100%;height:100%;object-fit:cover}.imagen-placeholder-large{display:flex;align-items:center;justify-content:center;color:#9ca3af}.detalles-info{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-row.vertical{flex-direction:column;align-items:flex-start;gap:8px}.info-row .label{font-weight:600;color:#4b5563;font-size:14px}.info-row .value{color:#1f2937;font-size:15px}.info-row .value.precio{font-size:24px;font-weight:700;color:#3b82f6}.variantes-section{padding-top:16px}.variantes-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.variantes-grid{display:grid;gap:12px;max-height:300px;overflow-y:auto}.variante-card{background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.variante-nombre{font-weight:600;color:#1f2937;font-size:14px}.variante-atributos{display:flex;gap:6px;flex-wrap:wrap}.atributo-badge{background:#3b82f6;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.variante-precio{font-weight:700;color:#3b82f6;font-size:16px}.variante-stock{font-size:13px;color:#6b7280}.variantes-loading{display:flex;align-items:center;gap:12px;padding:20px;color:#6b7280}.spinner-small{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.no-variantes{color:#6b7280;font-style:italic;padding:20px 0}.modal-footer{padding:24px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-secundario,.btn-primario{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid;display:flex;align-items:center;gap:8px}.btn-secundario{background:#fff;border-color:#e5e7eb;color:#6b7280}.btn-secundario:hover{background:#f3f4f6;color:#1f2937}.btn-primario{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primario:hover{background:#2563eb;border-color:#2563eb}.btn-primario:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.catalogo-header{padding:16px}.header-actions{flex-direction:column}.search-box,.filter-box{min-width:100%}.productos-container.cuadricula{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.producto-card.lista{grid-template-columns:80px 1fr;gap:12px}.producto-card.lista .producto-imagen{width:80px;height:80px}.producto-stock,.producto-precio,.producto-acciones{grid-column:2}.modal-body{grid-template-columns:1fr}.detalles-imagen{max-width:300px;margin:0 auto}}.file-uploader{display:flex;flex-direction:column;gap:8px}.file-uploader-label{font-size:14px;font-weight:600;color:#374151}.file-upload-area{position:relative}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;border:2px dashed #d1d5db;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .2s ease;color:#6b7280}.file-upload-button:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.file-upload-button svg{color:inherit}.file-hint{font-size:12px;color:#9ca3af;font-style:italic}.spinner{animation:spin 1s linear infinite}.file-preview{display:flex;gap:16px;align-items:center;padding:16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff}.preview-image-container{flex-shrink:0;width:100px;height:100px;border-radius:8px;overflow:hidden;background:#f3f4f6}.preview-image{width:100%;height:100%;object-fit:cover}.preview-pdf,.preview-file{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100px;height:100px;border-radius:8px;background:#fef2f2;color:#991b1b}.preview-pdf svg,.preview-file svg{color:#dc2626}.preview-pdf span,.preview-file span{font-size:12px;font-weight:600;text-align:center}.file-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.file-action-link{padding:8px 16px;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.file-action-link:hover{background:#dbeafe;transform:translate(2px)}.file-action-remove{padding:8px;background:#fef2f2;color:#991b1b;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-action-remove:hover{background:#fee2e2;transform:scale(1.05)}.file-error{padding:8px 12px;background:#fef2f2;color:#991b1b;border-radius:6px;font-size:13px;border:1px solid #fecaca}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:90%;overflow:hidden;animation:slideIn .25s ease-out}.confirm-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px 24px 16px;gap:12px}.confirm-modal-icon{width:56px;height:56px;padding:12px;border-radius:50%}.confirm-modal-icon.warning{color:#f59e0b;background:#fef3c7}.confirm-modal-icon.danger{color:#ef4444;background:#fee2e2}.confirm-modal-icon.info{color:#3b82f6;background:#dbeafe}.confirm-modal-icon.success{color:#10b981;background:#d1fae5}.confirm-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;text-align:center}.confirm-modal-body{padding:0 24px 20px}.confirm-modal-message{margin:0;font-size:.95rem;color:#6b7280;text-align:center;line-height:1.6}.confirm-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:center}.confirm-modal-btn{flex:1;max-width:160px;padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.confirm-modal-btn-cancel{background:#f3f4f6;color:#4b5563}.confirm-modal-btn-cancel:hover{background:#e5e7eb}.confirm-modal-btn-confirm{color:#fff}.confirm-modal-btn-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-btn-confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.confirm-modal-btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-btn-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.confirm-modal-btn-confirm.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-btn-confirm.info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.confirm-modal-btn-confirm.success{background:linear-gradient(135deg,#10b981,#059669)}.confirm-modal-btn-confirm.success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}@media (max-width: 480px){.confirm-modal-container{width:95%;margin:16px}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{max-width:100%}}.gestion-productos-container{padding:24px;max-width:1600px;margin:0 auto;animation:fadeIn .3s ease}.header-section-prod{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:16px;padding:28px 32px;margin-bottom:24px;box-shadow:0 4px 16px #3b82f633}.header-content-prod{display:flex;justify-content:space-between;align-items:center;color:#fff}.header-icon-title-prod{display:flex;align-items:center;gap:20px}.icon-circle-header-prod{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.header-section-prod h1{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle-header-prod{margin:0;font-size:14px;color:#ffffffd9;font-weight:400}.btn-nuevo-header-prod{background:#fff;color:#1e40af;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.btn-nuevo-header-prod:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filters-section-prod{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box-prod{flex:1;min-width:300px;position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:0 16px;transition:all .2s ease}.search-box-prod:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box-prod svg{color:#9ca3af}.search-box-prod input{flex:1;border:none;outline:none;padding:12px 12px 12px 8px;font-size:15px;background:transparent}.filter-select-prod{min-width:200px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select-prod:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stats-box-prod{display:flex;gap:20px;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 24px}.stat-item-prod{font-size:14px;color:#6b7280}.stat-item-prod strong{color:#111827;font-size:18px;margin-right:4px}.table-container-prod{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.productos-table{width:100%;border-collapse:collapse}.productos-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.productos-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.productos-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.productos-table tbody tr:hover{background:#f9fafb}.productos-table td{padding:16px 20px;font-size:15px;color:#374151}.codigo-badge{background:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:6px;font-size:13px;font-family:Courier New,monospace;font-weight:600}.producto-nombre-cell{display:flex;align-items:flex-start;gap:10px}.icon-producto{color:#3b82f6;flex-shrink:0;margin-top:2px}.descripcion-mini{font-size:13px;color:#9ca3af;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.badge-categoria{display:inline-flex;align-items:center;gap:6px;background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.text-muted-prod{color:#9ca3af;font-style:italic;font-size:14px}.precio-cell{font-weight:700;color:#059669;font-size:16px}.stock-cell{display:flex;align-items:center;gap:8px}.stock-badge{background:#d1fae5;color:#065f46;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px}.stock-badge.stock-bajo{background:#fee2e2;color:#991b1b}.stock-warning{font-size:18px}.badge-activo-prod{display:inline-flex;align-items:center;gap:6px;background:#d1fae5;color:#065f46;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.badge-inactivo-prod{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#991b1b;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.acciones-cell-prod{display:flex;gap:8px;justify-content:center}.btn-accion-prod{width:44px;height:44px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-editar-prod{background:#eff6ff;color:#1e40af}.btn-editar-prod:hover{background:#dbeafe;transform:scale(1.05)}.btn-eliminar-prod{background:#fef2f2;color:#991b1b}.btn-eliminar-prod:hover{background:#fee2e2;transform:scale(1.05)}.empty-state-prod{padding:80px 20px;text-align:center;color:#9ca3af}.empty-state-prod svg{margin-bottom:24px;opacity:.3}.empty-state-prod h3{font-size:20px;color:#374151;margin:0 0 8px}.empty-state-prod p{font-size:15px;margin:0 0 24px}.btn-nuevo-empty-prod{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-nuevo-empty-prod:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay-prod{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-producto{background:#fff;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-header-prod{background:linear-gradient(135deg,#3b82f6,#1e40af);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-shrink:0}.modal-icon-header-prod{display:flex;align-items:center;gap:20px}.icon-circle-prod{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.modal-header-prod h2{margin:0 0 4px;font-size:24px;font-weight:700}.modal-subtitle-prod{margin:0;font-size:14px;color:#ffffffd9}.btn-cerrar-prod{width:40px;height:40px;border:none;background:#ffffff26;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-cerrar-prod:hover{background:#ffffff40;transform:rotate(90deg)}.modal-body-prod{padding:32px;overflow-y:auto;flex:1}.form-section-prod{margin-bottom:28px;padding-bottom:28px;border-bottom:2px solid #f3f4f6}.form-section-prod:last-of-type{border-bottom:none}.section-title-prod{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#374151;margin:0 0 20px}.section-title-prod svg{color:#3b82f6}.form-row-prod{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.form-field-prod{display:flex;flex-direction:column;gap:8px}.form-field-prod.full-width-prod{grid-column:1 / -1}.form-field-prod label{font-size:14px;font-weight:600;color:#374151}.required-prod{color:#ef4444;margin-left:4px}.form-field-prod input,.form-field-prod select,.form-field-prod textarea{padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;font-family:inherit}.form-field-prod input:focus,.form-field-prod select:focus,.form-field-prod textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field-prod textarea{resize:vertical}.form-field-checkbox-prod{display:flex;align-items:center;gap:10px;padding:16px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.form-field-checkbox-prod:hover{background:#f3f4f6}.form-field-checkbox-prod input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-field-checkbox-prod label{cursor:pointer;margin:0;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#374151}.checkbox-icon-prod{color:#3b82f6}.modal-footer-prod{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #f3f4f6}.btn-cancelar-prod{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-cancelar-prod:hover{background:#f9fafb;border-color:#d1d5db}.btn-guardar-prod{padding:12px 24px;border:none;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-guardar-prod:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 1024px){.form-row-prod{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.header-content-prod{flex-direction:column;gap:16px;align-items:flex-start}.btn-nuevo-header-prod{width:100%;justify-content:center}.filters-section-prod{flex-direction:column}.search-box-prod{min-width:100%}.filter-select-prod{width:100%}.form-row-prod{grid-template-columns:1fr}.productos-table{font-size:14px}.productos-table th,.productos-table td{padding:12px 10px}}.section-description-prod{font-size:13px;color:#6b7280;margin:-10px 0 16px;font-style:italic}.file-link-prod{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.file-link-prod:hover{background:#dbeafe;transform:translate(2px)}.input-disabled-prod{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important;font-weight:600}.section-description-prod{margin:8px 0 16px;font-size:13px;color:#6b7280;line-height:1.5}.info-box-prod{display:flex;align-items:center;gap:12px;padding:16px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:16px}.info-box-prod svg{color:#3b82f6;flex-shrink:0}.info-box-prod p{margin:0;font-size:14px;color:#1e40af;font-weight:500}.regimen-tributario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.regimen-option{position:relative}.regimen-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.regimen-label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.regimen-label:hover{border-color:#3b82f6;background:#3b82f608}.regimen-option input[type=radio]:checked+.regimen-label{border-color:#3b82f6;background:#3b82f614}.regimen-option input[type=radio]:checked+.regimen-label:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:#3b82f6;border-radius:50%}.regimen-icon{width:32px;height:32px;background:#f9fafb;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;transition:all .2s ease}.regimen-option input[type=radio]:checked+.regimen-label .regimen-icon{background:#3b82f6;color:#fff}.regimen-info{flex:1;display:flex;flex-direction:column;gap:2px}.regimen-info strong{font-size:14px;font-weight:600;color:#374151;display:block}.regimen-info span{font-size:12px;color:#9ca3af;font-weight:400}.regimen-option input[type=radio]:checked+.regimen-label .regimen-info strong{color:#1e40af}.regimen-option input[type=radio]:checked+.regimen-label .regimen-info span{color:#1e3a8a}@media (max-width: 768px){.regimen-tributario-grid{grid-template-columns:1fr}}.paginacion-prod{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0;flex-wrap:wrap}.pag-btn-prod{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;min-height:44px;transition:all .15s}.pag-btn-prod:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pag-btn-prod:disabled{opacity:.4;cursor:not-allowed}.pag-numeros-prod{display:flex;align-items:center;gap:4px}.pag-num-prod{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s}.pag-num-prod:hover{background:#f3f4f6}.pag-num-prod.activa{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.pag-dots-prod{padding:0 4px;color:#9ca3af}.pag-info-prod{font-size:13px;color:#6b7280;margin-left:12px}.loading-bar-prod{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;animation:loading-slide 1.5s ease-in-out infinite;z-index:9999}@keyframes loading-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.gestion-categorias-container{padding:24px;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-section{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:16px;padding:28px 32px;margin-bottom:24px;box-shadow:0 4px 16px #3b82f633}.header-content{display:flex;justify-content:space-between;align-items:center;color:#fff}.header-icon-title{display:flex;align-items:center;gap:20px}.icon-circle-header{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.header-section h1{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle-header{margin:0;font-size:14px;color:#ffffffd9;font-weight:400}.btn-nuevo-header{background:#fff;color:#1e40af;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.btn-nuevo-header:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:0 16px;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;outline:none;padding:12px 12px 12px 8px;font-size:15px;background:transparent}.stats-box{display:flex;gap:20px;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 24px}.stat-item strong{color:#111827;font-size:18px;margin-right:4px}.table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.categorias-table{width:100%;border-collapse:collapse}.categorias-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.categorias-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.categorias-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.categorias-table tbody tr:hover{background:#f9fafb}.categorias-table td{padding:16px 20px;font-size:15px;color:#374151}.categoria-nombre{display:flex;align-items:center;gap:10px}.icon-categoria{color:#3b82f6}.descripcion-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:#9ca3af;font-style:italic}.color-badge{width:40px;height:40px;border-radius:8px;margin:0 auto;border:3px solid #f3f4f6;box-shadow:0 2px 4px #0000001a}.badge-count{background:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:8px;font-weight:600;font-size:14px}.badge-activo{display:inline-flex;align-items:center;gap:6px;background:#d1fae5;color:#065f46;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.badge-inactivo{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#991b1b;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.acciones-cell{display:flex;gap:8px;justify-content:center}.btn-accion{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-editar{background:#eff6ff;color:#1e40af}.btn-editar:hover{background:#dbeafe;transform:scale(1.05)}.btn-eliminar{background:#fef2f2;color:#991b1b}.btn-eliminar:hover{background:#fee2e2;transform:scale(1.05)}.empty-state{padding:80px 20px;text-align:center;color:#9ca3af}.empty-state svg{margin-bottom:24px;opacity:.3}.empty-state h3{font-size:20px;color:#374151;margin:0 0 8px}.empty-state p{font-size:15px;margin:0 0 24px}.btn-nuevo-empty{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-nuevo-empty:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay-cat{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-categoria{background:#fff;border-radius:20px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-cat{background:linear-gradient(135deg,#3b82f6,#1e40af);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-shrink:0}.icon-circle{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.modal-header-cat h2{margin:0 0 4px;font-size:24px;font-weight:700}.modal-subtitle{margin:0;font-size:14px;color:#ffffffd9}.btn-cerrar-cat{width:40px;height:40px;border:none;background:#ffffff26;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-cerrar-cat:hover{background:#ffffff40;transform:rotate(90deg)}.modal-body-cat{padding:32px;overflow-y:auto;flex:1}.form-field label{font-size:14px;font-weight:600;color:#374151}.required{color:#ef4444;margin-left:4px}.input-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff}.input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field input[type=number]{padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease}.form-field input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field textarea{padding:12px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;transition:all .2s ease}.form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field-checkbox{display:flex;align-items:center;gap:10px;padding:12px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .2s ease}.form-field-checkbox:hover{background:#f3f4f6}.form-field-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-field-checkbox label{cursor:pointer;margin:0;display:flex;align-items:center;gap:8px;font-size:15px;color:#374151}.checkbox-icon{color:#3b82f6}.modal-footer-cat{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:2px solid #f3f4f6}.btn-cancelar{padding:12px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-cancelar:hover{background:#f9fafb;border-color:#d1d5db}.btn-guardar{padding:12px 24px;border:none;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.loading,.error{padding:60px 20px;text-align:center;font-size:16px;color:#6b7280}.error{color:#ef4444}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;align-items:flex-start}.btn-nuevo-header{width:100%;justify-content:center}.filters-section{flex-direction:column}.search-box{min-width:100%}.form-row{grid-template-columns:1fr}.categorias-table{font-size:14px}.categorias-table th,.categorias-table td{padding:12px 10px}.descripcion-cell{max-width:200px}}.cliente-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.cliente-modal-container{background:#fff;border-radius:20px;width:95%;max-width:900px;height:auto;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cliente-modal-container.compact{max-width:900px}.cliente-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f3f4f6;background:linear-gradient(to bottom,#fff,#fafbfc)}.cliente-modal-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.02em}.cliente-btn-close{background:#f3f4f6;border:none;cursor:pointer;color:#6b7280;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.cliente-btn-close:hover{background:#e5e7eb;color:#111827;transform:rotate(90deg)}.cliente-modal-body{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(90vh - 140px)}.cliente-consumidor-final-destacado{margin-bottom:16px}.cliente-btn-consumidor-final{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s;font-size:1rem;box-shadow:0 4px 12px #3b82f633}.cliente-btn-consumidor-final:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.cliente-btn-consumidor-final:active{transform:translateY(0)}.cliente-btn-consumidor-final div{text-align:left;flex:1}.cliente-btn-consumidor-final strong{display:block;font-size:1.05rem;font-weight:700;margin-bottom:3px}.cliente-btn-consumidor-final span{font-size:.875rem;opacity:.95;font-weight:500}.cliente-search-crear-row{display:flex;gap:12px;margin-bottom:16px}.cliente-search-box{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s}.cliente-btn-nuevo-cliente{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #10b98133}.cliente-btn-nuevo-cliente:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98159}.cliente-btn-nuevo-cliente:active{transform:translateY(0)}.cliente-search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.cliente-search-box input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:#111827}.cliente-search-box input::placeholder{color:#9ca3af}.cliente-search-help{text-align:center;padding:60px 20px;color:#9ca3af}.cliente-search-help svg{color:#d1d5db;margin-bottom:20px}.cliente-search-help p{font-size:1.125rem;font-weight:600;color:#6b7280;margin:0 0 8px}.cliente-search-help span{font-size:.95rem;color:#9ca3af}.cliente-loading-container,.cliente-error-container,.cliente-no-results{text-align:center;padding:48px 20px;color:#6b7280}.cliente-loading-container .cliente-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.cliente-loading-container p,.cliente-error-container p,.cliente-no-results p{font-weight:600;font-size:1rem;margin:0}.cliente-no-results svg{color:#d1d5db;margin-bottom:16px}.cliente-error-container,.cliente-error-container p{color:#ef4444}.cliente-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-cancelar{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s}.btn-cancelar:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.cliente-modal-body::-webkit-scrollbar{width:6px}.cliente-modal-body::-webkit-scrollbar-track{background:transparent}.cliente-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.cliente-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-crear-cliente{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:12px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group.small{flex:0 0 130px}.form-group label{font-size:.875rem;font-weight:600;color:#374151;letter-spacing:-.01em}.form-group input,.form-group select{padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#111827;background:#fff;transition:all .2s;font-weight:500}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;background:#f0f9ff;box-shadow:0 0 0 4px #3b82f61a}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions .btn-cancelar{flex:1;padding:14px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;color:#6b7280;transition:all .2s}.form-actions .btn-cancelar:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#111827;transform:translateY(-1px)}.form-actions .btn-cancelar:active:not(:disabled){transform:translateY(0)}.form-actions .btn-crear{flex:2;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.form-actions .btn-crear:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.form-actions .btn-crear:active:not(:disabled){transform:translateY(0)}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.cliente-table-wrapper{max-height:450px;overflow-y:auto;overflow-x:hidden;border:2px solid #f3f4f6;border-radius:12px;background:#fff;margin-top:20px}.cliente-tabla{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.cliente-tabla thead{background:linear-gradient(to bottom,#f9fafb,#f3f4f6);position:sticky;top:0;z-index:10}.cliente-tabla th{text-align:left;padding:16px 14px;font-weight:700;font-size:.85rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.cliente-tabla th:nth-child(1){width:30%}.cliente-tabla th:nth-child(2){width:25%}.cliente-tabla th:nth-child(3){width:20%}.cliente-tabla th:nth-child(4){width:25%}.cliente-fila{border-bottom:1px solid #f3f4f6;transition:all .2s;cursor:pointer;min-height:60px}.cliente-fila:hover{background:#f0f9ff;transform:scale(1.01)}.cliente-fila:active{background:#dbeafe;transform:scale(.99)}.cliente-fila-consumidor-final{background:#eff6ff}.cliente-fila-consumidor-final:hover{background:#dbeafe}.cliente-tabla td{padding:16px 14px;color:#111827;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.cliente-col-nombre{font-weight:600;font-size:1rem}.cliente-col-nombre strong{display:block;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111827}.cliente-badge-default{display:inline-block;font-size:.65rem;font-weight:700;padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.cliente-col-documento{display:flex;flex-direction:column;gap:4px}.cliente-tipo-doc{display:inline-block;padding:4px 8px;background:#f3f4f6;color:#6b7280;border-radius:6px;font-size:.75rem;font-weight:700;width:fit-content;letter-spacing:.02em}.cliente-num-doc{font-weight:600;color:#374151;font-size:.9rem;margin-top:2px}.cliente-col-telefono,.cliente-col-email{color:#6b7280;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cliente-table-wrapper::-webkit-scrollbar{width:8px}.cliente-table-wrapper::-webkit-scrollbar-track{background:#f9fafb;border-radius:0 0 10px}.cliente-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;transition:background .2s}.cliente-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.cliente-modal-container{width:95%;max-height:90vh}.cliente-modal-header,.cliente-modal-body{padding:14px 16px}.cliente-btn-consumidor-final{padding:10px 12px}.cliente-btn-consumidor-final strong{font-size:.95rem}.cliente-btn-consumidor-final span{font-size:.8rem}.cliente-item{padding:10px}.cliente-search-crear-row{flex-direction:column}.cliente-btn-nuevo-cliente{width:100%;justify-content:center}.form-row{flex-direction:column}.form-group.small{flex:1}.cliente-table-wrapper{max-height:350px}.cliente-tabla th,.cliente-tabla td{padding:10px 8px;font-size:.85rem}.cliente-col-documento{flex-direction:column;align-items:flex-start;gap:4px}}.pos-modal-client-tipo-toggle{display:flex;gap:0;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f8fafc;margin-bottom:12px}.pos-modal-client-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;min-height:44px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pos-modal-client-toggle-btn:hover:not(.active){background:#e2e8f0;color:#334155}.pos-modal-client-toggle-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.pos-modal-client-toast{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:0 16px 8px;border-radius:8px;font-size:13px;font-weight:500;animation:pos-toast-slide-in .3s ease}.pos-modal-client-toast.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.pos-modal-client-toast.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pos-modal-client-toast-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:2px;display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.pos-modal-client-toast-close:hover{opacity:1}@keyframes pos-toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-crear-cliente .btn-crear{background:#22c55e;border-color:#22c55e;min-height:44px}.form-crear-cliente .btn-crear:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.form-crear-cliente input,.form-crear-cliente select,.form-crear-cliente .btn-cancelar{min-height:44px}.modal-pago-compacto{background:#fff;border-radius:16px;width:95%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header-compacto{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.modal-header-compacto h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.4rem;color:#1e293b;font-weight:700}.btn-close-compacto{background:#fff;border:2px solid #e5e7eb;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;transition:all .2s}.btn-close-compacto:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:rotate(90deg)}.modal-body-compacto{display:grid;grid-template-columns:340px 1fr;gap:0;flex:1;overflow:hidden}.panel-info{background:#f9fafb;padding:20px;display:flex;flex-direction:column;gap:18px;border-right:2px solid #e5e7eb;overflow-y:auto}.resumen-total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:12px;padding:16px}.total-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid #93c5fd;font-size:1.05rem;color:#1e3a8a}.total-row strong{font-size:1.8rem;font-weight:800;color:#1e40af}.info-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:.9rem;font-weight:500}.info-row.pagado{color:#059669}.info-row.pendiente{color:#3b82f6;font-weight:700}.info-row.pendiente strong{font-size:1.1rem}.info-row.completo{color:#10b981;font-weight:700}.cambio-display{background:#d1fae5;padding:12px;border-radius:8px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;color:#065f46;font-weight:700}.cambio-display strong{font-size:1.4rem;color:#047857}.metodos-section label{display:block;font-weight:700;margin-bottom:10px;color:#1e293b;font-size:.9rem}.metodos-compactos{display:flex;flex-direction:column;gap:6px}.metodo-compacto{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:#475569;font-size:.9rem}.metodo-compacto:hover{border-color:var(--metodo-color, #10b981);background:#f0fdf4;transform:translate(3px)}.metodo-compacto.active{border-color:var(--metodo-color, #10b981);background:var(--metodo-color, #10b981);color:#fff;box-shadow:0 3px 10px #10b9814d}.pagos-detalle{margin-top:12px;padding-top:12px;border-top:2px solid #93c5fd;display:flex;flex-direction:column;gap:4px}.pago-item-resumen{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#ffffff80;border-radius:6px;margin-bottom:4px;transition:all .2s}.pago-item-resumen:last-child{margin-bottom:0}.pago-item-resumen:hover{background:#ffffffb3}.pago-info-resumen{display:flex;justify-content:space-between;align-items:center;flex:1;gap:8px}.pago-metodo-mini{font-weight:600;color:#1e40af;font-size:.8rem}.pago-monto-mini{font-weight:700;color:#0369a1;font-size:.85rem}.btn-quitar-mini{width:20px;height:20px;background:#fee2e2cc;border:none;border-radius:4px;cursor:pointer;color:#dc2626;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-quitar-mini:hover{background:#fee2e2;transform:scale(1.15)}.panel-ingreso{background:#fff;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.display-ingreso{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:16px 20px;color:#fff;text-align:right}.display-label{font-size:.85rem;opacity:.8;margin-bottom:6px;font-weight:500}.display-monto{font-size:2.5rem;font-weight:800;font-family:Courier New,monospace;letter-spacing:1px}.billetes-rapidos label{display:block;font-weight:600;margin-bottom:10px;color:#1e293b;font-size:.9rem}.billetes-grid-compacto{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.billete-btn{padding:14px 10px;background:linear-gradient(135deg,var(--billete-color) 0%,var(--billete-color) 100%);border:none;border-radius:8px;cursor:pointer;color:#fff;font-weight:700;font-size:1rem;transition:all .15s;box-shadow:0 2px 6px #00000026}.billete-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000040}.billete-btn:active{transform:translateY(0) scale(.98)}.teclado-section label{display:block;font-weight:600;margin-bottom:10px;color:#1e293b;font-size:.9rem}.teclado-compacto{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tecla{padding:18px;font-size:1.5rem;font-weight:700;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;color:#1e293b;transition:all .12s;font-family:Courier New,monospace}.tecla:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.tecla:active{transform:translateY(0);box-shadow:none}.acciones-ingreso{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn-limpiar-monto,.btn-borrar-digito,.btn-exacto-monto{padding:12px 14px;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s;font-size:.9rem}.btn-limpiar-monto:hover,.btn-borrar-digito:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.btn-exacto-monto:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.btn-agregar-pago{padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-size:.95rem}.btn-agregar-pago:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-agregar-pago:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.modal-footer-compacto{padding:16px 24px;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f9fafb;border-radius:0 0 16px 16px}.btn-cancelar-venta{padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px;transition:all .2s;font-size:.95rem}.btn-cancelar-venta:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.btn-confirmar-final{padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:1.05rem;box-shadow:0 4px 12px #10b9814d}.btn-confirmar-final:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-confirmar-final:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6;box-shadow:none}.btn-cancelar-venta:disabled{opacity:.5;cursor:not-allowed}.transmitiendo-container{display:flex;align-items:center;gap:4px;position:relative}.icono-dian-pulse{color:#60a5fa;animation:pulse-dian 1.5s ease-in-out infinite}@keyframes pulse-dian{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.spinner-btn-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#60a5fa;border-radius:50%;animation:spin-btn .8s linear infinite;position:absolute;right:-8px;bottom:-4px}@keyframes spin-btn{to{transform:rotate(360deg)}}.cambio-tag{background:#ffffff40;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:600;margin-left:6px}.panel-info::-webkit-scrollbar,.panel-ingreso::-webkit-scrollbar{width:6px}.panel-info::-webkit-scrollbar-track,.panel-ingreso::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.panel-info::-webkit-scrollbar-thumb,.panel-ingreso::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-info::-webkit-scrollbar-thumb:hover,.panel-ingreso::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-text,.error-text{padding:12px;text-align:center;color:#64748b;font-size:.9rem}.error-text{color:#ef4444}@media (max-width: 1024px){.modal-body-compacto{grid-template-columns:1fr}.panel-info{border-right:none;border-bottom:2px solid #e5e7eb}.billetes-grid-compacto{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.modal-pago-compacto{width:98%;max-height:95vh}.billetes-grid-compacto{grid-template-columns:repeat(2,1fr)}.display-monto{font-size:2rem}.tecla{padding:14px;font-size:1.2rem}.acciones-ingreso{grid-template-columns:repeat(2,1fr)}.modal-footer-compacto{flex-direction:column}.btn-cancelar-venta,.btn-confirmar-final{width:100%;justify-content:center}}.pago-rapido-section{padding:20px 24px 12px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.pago-rapido-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1rem;color:#1e293b}.pago-rapido-total strong{font-size:2rem;font-weight:800;color:#059669;letter-spacing:-.5px}.pago-rapido-botones{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pago-rapido-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:12px 16px;border:2px solid #d1fae5;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;gap:4px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pago-rapido-btn:hover{border-color:#10b981;background:#ecfdf5;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.pago-rapido-btn:active{transform:scale(.96);box-shadow:none;transition:transform .08s ease}.pago-rapido-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pago-rapido-exacto{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;color:#fff}.pago-rapido-exacto:hover{background:linear-gradient(135deg,#047857,#059669);border-color:#047857;box-shadow:0 4px 16px #05966959}.pago-rapido-exacto .pago-rapido-label{color:#fff;font-size:1.1rem}.pago-rapido-exacto .pago-rapido-monto{color:#ffffffe6;font-size:1.3rem;font-weight:800}.pago-rapido-label{font-size:1.3rem;font-weight:700;color:#1e293b}.pago-rapido-monto{font-size:.85rem;font-weight:500;color:#059669}.pago-rapido-cambio{font-size:.75rem;color:#6b7280;font-weight:500}.pago-rapido-separador{text-align:center;margin-top:16px;position:relative}.pago-rapido-separador span{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:0 12px;font-size:.8rem;color:#9ca3af;position:relative;z-index:1}.pago-rapido-separador:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d1d5db}@media (max-width: 700px){.pago-rapido-botones{grid-template-columns:1fr 1fr}.pago-rapido-btn{min-height:64px}.pago-rapido-total strong{font-size:1.6rem}}@media (max-width: 480px){.pago-rapido-section{padding:16px 16px 8px}.pago-rapido-botones{gap:8px}}.modal-anular-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}.modal-anular{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal-anular-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.modal-anular-titulo{display:flex;align-items:center;gap:.75rem;color:#b91c1c}.modal-anular-titulo h2{margin:0;font-size:1.125rem;font-weight:600;color:#991b1b}.modal-anular-close{background:transparent;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-anular-close:hover:not(:disabled){background:#0000000d;color:#475569}.modal-anular-close:disabled{opacity:.4;cursor:not-allowed}.modal-anular-body{padding:1.5rem;overflow-y:auto}.modal-anular-item{display:flex;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem}.modal-anular-item-cantidad{font-size:1.5rem;font-weight:700;color:#3b82f6;min-width:2.5rem}.modal-anular-item-info{flex:1;min-width:0}.modal-anular-item-nombre{font-weight:600;color:#0f172a;margin-bottom:.2rem}.modal-anular-item-variante{font-size:.8rem;color:#64748b;font-style:italic}.modal-anular-item-notas{font-size:.8rem;color:#475569;margin-top:.35rem;padding:.35rem .5rem;background:#fef9c3;border-radius:4px}.modal-anular-warning{display:flex;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-bottom:1.25rem;font-size:.85rem;color:#78350f;line-height:1.4}.modal-anular-warning svg{flex-shrink:0;margin-top:2px}.modal-anular-form .form-group{margin-bottom:1rem}.modal-anular-form label{display:block;font-size:.85rem;font-weight:500;color:#334155;margin-bottom:.4rem}.modal-anular-form .required{color:#dc2626}.modal-anular-form textarea,.modal-anular-form input[type=text],.modal-anular-form input[type=password]{width:100%;padding:.6rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.modal-anular-form textarea:focus,.modal-anular-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-anular-form textarea{resize:vertical;min-height:80px}.modal-anular-form textarea:disabled,.modal-anular-form input:disabled{background:#f1f5f9;cursor:not-allowed}.override-section{margin-top:.5rem;padding:1rem;background:#fef2f2;border:1px dashed #fca5a5;border-radius:8px}.override-header{display:flex;align-items:center;gap:.5rem;color:#991b1b;margin-bottom:.5rem;font-size:.95rem}.override-descripcion{font-size:.8rem;color:#7f1d1d;margin:0 0 .75rem;line-height:1.4}.override-descripcion code{background:#dc26261a;padding:1px 4px;border-radius:3px;font-size:.75rem}.modal-anular-error{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:.85rem;margin-bottom:.75rem}.modal-anular-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid #f1f5f9}.btn-cancelar,.btn-anular{padding:.6rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-cancelar{background:#f1f5f9;color:#475569}.btn-cancelar:hover:not(:disabled){background:#e2e8f0}.btn-anular{background:#dc2626;color:#fff}.btn-anular:hover:not(:disabled){background:#b91c1c}.btn-cancelar:disabled,.btn-anular:disabled{opacity:.5;cursor:not-allowed}.modal-dividir-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-dividir{background:#fff;border-radius:14px;width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-dividir-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.modal-dividir-titulo{display:flex;align-items:center;gap:10px}.modal-dividir-titulo h3{margin:0;font-size:17px;font-weight:700}.modal-dividir-cerrar{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px}.modal-dividir-cerrar:hover{background:#f1f5f9}.modal-dividir-tabs{display:flex;border-bottom:1px solid #e2e8f0}.tab-dividir{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:#64748b;border-bottom:2px solid transparent;transition:all .2s}.tab-dividir:hover{color:#334155;background:#f8fafc}.tab-dividir.active{color:#2563eb;border-bottom-color:#2563eb}.modal-dividir-warning{margin:12px 16px 0;padding:10px 14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;font-size:12px;color:#92400e}.modal-dividir-body{padding:16px;overflow-y:auto;flex:1}.modal-dividir-acciones-rapidas{display:flex;align-items:center;gap:8px;margin-bottom:12px}.btn-rapido{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:6px;cursor:pointer;font-size:12px;color:#475569}.btn-rapido:hover{background:#e2e8f0}.seleccion-info{margin-left:auto;font-size:12px;color:#94a3b8}.modal-dividir-lista{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px}.dividir-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.dividir-item:last-child{border-bottom:none}.dividir-item:hover{background:#f8fafc}.dividir-item.selected{background:#eff6ff}.dividir-item-check{color:#94a3b8;flex-shrink:0}.dividir-item.selected .dividir-item-check{color:#2563eb}.dividir-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.dividir-item-nombre{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dividir-item-detalle{font-size:11px;color:#94a3b8}.dividir-item-total{font-weight:700;font-size:13px;color:#1e293b;white-space:nowrap}.sin-items{text-align:center;padding:24px;color:#94a3b8}.modal-dividir-resumen{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.resumen-linea{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:3px 0}.resumen-total{border-top:1px solid #e2e8f0;padding-top:8px;margin-top:4px;font-weight:700;font-size:15px;color:#1e293b}.btn-facturar-seleccion{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-facturar-seleccion:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-facturar-seleccion:disabled{opacity:.4;cursor:not-allowed}.partes-control{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.partes-label{font-size:15px;color:#475569;font-weight:600}.partes-selector{display:flex;align-items:center;gap:0;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}.btn-parte{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f8fafc;cursor:pointer;color:#475569}.btn-parte:hover:not(:disabled){background:#e2e8f0}.btn-parte:disabled{opacity:.3;cursor:not-allowed}.partes-num{width:50px;text-align:center;font-size:22px;font-weight:800;color:#2563eb;background:#fff}.partes-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.partes-total-original{display:flex;justify-content:space-between;font-size:14px;color:#64748b;padding-bottom:8px}.partes-divider{font-size:18px;font-weight:700;color:#2563eb;padding:6px 0;border-top:1px dashed #cbd5e1;border-bottom:1px dashed #cbd5e1}.partes-por-parte{display:flex;justify-content:space-between;padding-top:10px;font-size:14px}.partes-monto{font-size:22px;font-weight:800;color:#16a34a}.partes-nota{margin-top:12px;font-size:12px;color:#94a3b8;line-height:1.5}.modal-consumo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-consumo-container{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-consumo-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.modal-consumo-header-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.modal-consumo-header h2{margin:0;font-size:18px;font-weight:700}.modal-consumo-header p{margin:0;font-size:12px;opacity:.85}.modal-consumo-close{margin-left:auto;background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-consumo-close:hover{background:#ffffff4d}.modal-consumo-search{position:relative;padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-consumo-search input{width:100%;padding:10px 12px 10px 38px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none}.modal-consumo-search input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.modal-consumo-search-icon{position:absolute;top:50%;left:28px;transform:translateY(-50%);color:#9ca3af}.modal-consumo-lista{flex:1;overflow-y:auto;padding:8px;min-height:150px;max-height:300px}.modal-consumo-loading,.modal-consumo-empty{text-align:center;color:#9ca3af;padding:24px;font-size:14px}.modal-consumo-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s}.modal-consumo-item:hover{background:#f3f4f6}.modal-consumo-item.selected{background:#ede9fe;border:2px solid #7c3aed}.modal-consumo-item-avatar{width:38px;height:38px;background:#e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.modal-consumo-item.selected .modal-consumo-item-avatar{background:#7c3aed;color:#fff}.modal-consumo-item-info{display:flex;flex-direction:column;flex:1}.modal-consumo-item-nombre{font-weight:600;font-size:14px;color:#1f2937}.modal-consumo-item-doc{font-size:12px;color:#6b7280}.modal-consumo-item-check{width:28px;height:28px;background:#7c3aed;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.modal-consumo-notas{padding:8px 16px 4px}.modal-consumo-notas label{font-size:12px;font-weight:600;color:#6b7280;display:flex;align-items:center;margin-bottom:4px}.modal-consumo-notas textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;resize:none;outline:none;font-family:inherit}.modal-consumo-notas textarea:focus{border-color:#7c3aed}.modal-consumo-actions{display:flex;gap:10px;padding:12px 16px 16px;border-top:1px solid #e5e7eb}.modal-consumo-btn-cancel{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer}.modal-consumo-btn-cancel:hover{background:#f3f4f6}.modal-consumo-btn-confirm{flex:2;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.modal-consumo-btn-confirm:hover:not(:disabled){filter:brightness(1.1)}.modal-consumo-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.vista-diseno-mesas{display:flex;flex-direction:column;gap:0;background:#f5f7fa;border-radius:0;padding:0;min-height:0;flex:1;position:relative;overflow:hidden}.vista-info-bar{display:none}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:14px;color:#7f8c8d;font-weight:600}.info-value{font-size:16px;color:#2c3e50;font-weight:700}.info-stats{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.stat-badge{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.stat-disponible{background:#d4edda;color:#155724}.stat-ocupada{background:#f8d7da;color:#721c24}.stat-reservada{background:#fff3cd;color:#856404}.stat-facturada{background:#e8daef;color:#6c3483}.vista-canvas-container{flex:1;position:relative;background:#fff;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:none;min-height:0}.vista-zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:4px;z-index:20}.vista-zoom-controls button{width:44px;height:44px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:background .15s}.vista-zoom-controls button:hover{background:#2563eb}.vista-zoom-controls button:active{background:#1d4ed8}.vista-zoom-controls button:nth-child(2){font-size:12px;font-weight:600}.vista-canvas{position:relative;transition:transform .2s ease-in-out;background:#fafafa;box-shadow:0 4px 12px #00000014;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:50px 50px}.badge-estado-mini{font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;text-transform:uppercase;font-weight:700!important}.badge-estado-mini.badge-disponible{background:#d4eddae6;color:#155724}.badge-estado-mini.badge-ocupada{background:#f8d7dae6;color:#721c24}.badge-estado-mini.badge-reservada{background:#fff3cde6;color:#856404}.badge-estado-mini.badge-limpieza{background:#d1ecf1e6;color:#0c5460}.badge-estado-mini.badge-facturada{background:#9b59b6e6;color:#fff;animation:pulse-facturada 2s infinite}.vista-legend{display:none}.legend-title{font-size:14px;font-weight:700;color:#2c3e50}.legend-items{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#2c3e50}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid rgba(0,0,0,.1)}.legend-disponible{background:#d4edda}.legend-ocupada{background:#f8d7da}.legend-reservada{background:#fff3cd}.legend-limpieza{background:#d1ecf1}.legend-facturada{background:#9b59b6}@keyframes pulse-facturada{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.btn-liberar-diseno:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98)!important;transform:translate(-50%) scale(1.05)!important}.vista-diseno-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#7f8c8d;background:#f5f7fa;border-radius:0;flex:1;min-height:0}.vista-diseno-loading .spinner{animation:spin 1s linear infinite;color:#3498db;margin-bottom:16px}.vista-diseno-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#e74c3c;background:#f5f7fa;border-radius:0;flex:1;min-height:0}.vista-diseno-error svg{margin-bottom:16px}.vista-diseno-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#7f8c8d;text-align:center;background:#f5f7fa;border-radius:0;flex:1;min-height:0}.vista-diseno-empty svg{color:#bdc3c7;margin-bottom:16px}.vista-diseno-empty h3{margin:16px 0 8px;color:#2c3e50;font-size:24px}.vista-diseno-empty p{margin:4px 0;font-size:15px}[data-theme=dark] .vista-diseno-mesas{background:var(--color-surface-dark)}[data-theme=dark] .vista-info-bar{background:var(--color-surface);box-shadow:0 2px 8px #0003}[data-theme=dark] .info-label{color:var(--color-text-secondary)}[data-theme=dark] .info-value{color:var(--color-text-primary)}[data-theme=dark] .stat-disponible{background:#27ae6033;color:#27ae60}[data-theme=dark] .stat-ocupada{background:#e74c3c33;color:#e74c3c}[data-theme=dark] .stat-reservada{background:#f39c1233;color:#f39c12}[data-theme=dark] .stat-facturada{background:#9b59b633;color:#bb8fce}[data-theme=dark] .vista-canvas-container{background:var(--color-surface);box-shadow:0 2px 8px #0003}[data-theme=dark] .vista-canvas{background:var(--color-surface-dark);box-shadow:0 4px 12px #0000004d;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}[data-theme=dark] .badge-estado-mini.badge-disponible{background:#27ae604d;color:#27ae60}[data-theme=dark] .badge-estado-mini.badge-ocupada{background:#e74c3c4d;color:#e74c3c}[data-theme=dark] .badge-estado-mini.badge-reservada{background:#f39c124d;color:#f39c12}[data-theme=dark] .badge-estado-mini.badge-limpieza{background:#3498db4d;color:#3498db}[data-theme=dark] .badge-estado-mini.badge-facturada{background:#9b59b6cc;color:#fff}[data-theme=dark] .vista-legend{background:var(--color-surface);box-shadow:0 2px 8px #0003}[data-theme=dark] .legend-title,[data-theme=dark] .legend-item{color:var(--color-text-primary)}[data-theme=dark] .legend-color{border-color:#ffffff1a}[data-theme=dark] .legend-disponible{background:#27ae6080}[data-theme=dark] .legend-ocupada{background:#e74c3c80}[data-theme=dark] .legend-reservada{background:#f39c1280}[data-theme=dark] .legend-limpieza{background:#3498db80}[data-theme=dark] .legend-facturada{background:#9b59b6b3}[data-theme=dark] .vista-zoom-controls button{background:#2563eb;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .vista-zoom-controls button:hover{background:#3b82f6}[data-theme=dark] .vista-diseno-loading{background:var(--color-surface-dark);color:var(--color-text-secondary)}[data-theme=dark] .vista-diseno-loading .spinner{color:var(--color-primary)}[data-theme=dark] .vista-diseno-error{background:var(--color-surface-dark);color:#e74c3c}[data-theme=dark] .vista-diseno-empty{background:var(--color-surface-dark);color:var(--color-text-secondary)}[data-theme=dark] .vista-diseno-empty svg{color:var(--color-text-light)}[data-theme=dark] .vista-diseno-empty h3{color:var(--color-text-primary)}.vdm-mesa-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:50%;z-index:10}@keyframes vdm-mesa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vdm-mesa-spinner{animation:vdm-mesa-spin 1s linear infinite;color:#3b82f6}.pos-retail-page{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--red-500: #ef4444;--red-600: #dc2626;--amber-500: #f59e0b}.pos-retail-page{display:grid;grid-template-columns:300px 1fr 72px;height:calc(100vh - 70px);max-height:calc(100vh - 70px);background:var(--slate-100);overflow:hidden;margin:-32px;width:calc(100% + 64px)}.pos-search-section{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#fff}.caja-cerrada-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid var(--red-500);padding:16px 20px;margin:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.warning-content{display:flex;align-items:center;gap:12px}.warning-content svg{color:var(--red-500);width:28px;height:28px;flex-shrink:0}.warning-text h3{font-size:14px;font-weight:700;color:#991b1b;margin-bottom:2px}.warning-text p{font-size:12px;color:#b91c1c}.btn-ir-a-caja{background:var(--red-500);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-ir-a-caja:hover{background:var(--red-600)}.search-container{padding:8px 14px;background:#fff;border-bottom:1px solid var(--slate-200);flex-shrink:0;position:relative;z-index:100}.search-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;padding:8px 14px;transition:all .2s;box-shadow:0 1px 3px #0000000f}.search-input-wrapper:focus-within{border-color:var(--blue-500);background:var(--blue-50);box-shadow:0 0 0 3px #3b82f61a}.search-input-wrapper svg{color:var(--slate-400);width:22px;height:22px;flex-shrink:0}.search-input-wrapper:focus-within svg:first-child{color:var(--blue-500)}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:16px;color:var(--slate-800);font-weight:500;background:transparent}.search-input-wrapper input::placeholder{color:var(--slate-400);font-weight:400}.search-results{position:absolute;top:100%;left:16px;right:16px;background:#fff;border:1px solid var(--slate-200);border-radius:8px;max-height:280px;overflow-y:auto;box-shadow:0 10px 40px #00000026;z-index:999}.search-result-item{padding:10px 14px;border-bottom:1px solid var(--slate-100);cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover:not(.sin-stock){background:var(--blue-50)}.search-result-item.sin-stock{opacity:.4;cursor:not-allowed}.result-info{flex:1;min-width:0}.result-nombre{font-size:13px;font-weight:600;color:var(--slate-800);display:block}.result-codigo{font-size:11px;color:var(--slate-500)}.result-precio{font-size:14px;font-weight:700;color:var(--blue-600);white-space:nowrap}.result-stock{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--blue-100);color:var(--blue-700)}.no-results,.searching-indicator{padding:20px;text-align:center;color:var(--slate-500);font-size:13px}.searching-indicator{display:flex;align-items:center;justify-content:center;gap:8px}.spinner-small{width:18px;height:18px;border:2px solid var(--slate-200);border-top-color:var(--blue-500);border-radius:50%;animation:spin .6s linear infinite}.categorias-container{padding:10px 16px;background-color:#fff;border-bottom:1px solid var(--slate-200);flex-shrink:0}.categorias-container h3{font-size:13px;font-weight:700;color:var(--slate-500);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--slate-300) transparent}.categorias-grid::-webkit-scrollbar{width:4px}.categorias-grid::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:2px}.categoria-btn{background-color:#fff;background-clip:padding-box;border:1px solid var(--slate-200);border-left:4px solid var(--blue-400);border-radius:12px;padding:6px 8px;cursor:pointer;transition:all .15s;font-size:11px;font-weight:600;color:var(--slate-700);min-height:40px;display:flex;align-items:center;word-break:break-word;line-height:1.2;justify-content:center;text-align:center;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.categoria-btn:hover{border-color:var(--blue-300);border-left-color:var(--blue-500);background-color:var(--blue-50);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.categoria-btn.active{background-color:var(--blue-500)!important;background-clip:padding-box!important;border-color:var(--blue-500)!important;border-left-color:var(--blue-600)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.productos-sugeridos{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--slate-50);min-height:0}.productos-sugeridos h3{font-size:13px;font-weight:700;color:var(--slate-600);padding:12px 18px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--slate-200)}.sugeridos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px;overflow-y:auto;flex:1;align-content:start;min-height:0}.sugeridos-grid::-webkit-scrollbar{width:6px}.sugeridos-grid::-webkit-scrollbar-track{background:var(--slate-100)}.sugeridos-grid::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.sugerido-card{background-color:#fff;background-clip:padding-box;border:1px solid var(--slate-200);border-radius:12px;padding:12px 12px 10px;cursor:pointer;transition:all .15s;position:relative;display:flex;flex-direction:column;min-height:100px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.sugerido-card[data-tax=iva]{border-left:3px solid var(--blue-500)}.sugerido-card[data-tax=impoconsumo]{border-left:3px solid #d97706}.sugerido-card[data-tax=excluido],.sugerido-card[data-tax=exento]{border-left:3px solid var(--slate-300)}.sugerido-card:hover{border-color:var(--blue-300);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transform:translateY(-2px)}.sugerido-card[data-tax=iva]:hover{border-left-color:var(--blue-500)}.sugerido-card[data-tax=impoconsumo]:hover{border-left-color:#d97706}.sugerido-card[data-tax=excluido]:hover,.sugerido-card[data-tax=exento]:hover{border-left-color:var(--slate-300)}.sugerido-card:active{transform:translateY(0)}.sugerido-card.sin-stock{opacity:.4;cursor:not-allowed}.sugerido-card.sin-stock:hover{transform:none;box-shadow:none}.sugerido-card.stock-bajo .sugerido-nombre{color:#b45309}.agotado-badge{position:absolute;top:6px;right:6px;background:var(--red-500);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.sugerido-nombre{font-size:14px;font-weight:600;color:var(--slate-800);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;margin-bottom:auto;word-break:break-word;flex-shrink:0}.sugerido-precio{font-size:20px;font-weight:800;color:#15803d;margin-top:4px;font-family:JetBrains Mono,monospace}.sugerido-meta{display:flex;justify-content:flex-start;align-items:center;font-size:9px;color:var(--slate-300);margin-top:2px;gap:4px}.sugerido-meta .meta-tax{font-weight:600;margin-left:auto}.sugerido-meta .meta-tax.iva{color:var(--blue-500)}.sugerido-meta .meta-tax.impoconsumo{color:#d97706}.sugerido-meta .meta-tax.excluido,.sugerido-meta .meta-tax.exento{color:var(--slate-400)}.pos-cart-section{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid var(--slate-200);overflow:hidden}.cliente-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--blue-50);border-bottom:1px solid var(--blue-100);flex-shrink:0}.cliente-info svg{color:var(--blue-500);width:22px;height:22px}.cliente-info span{flex:1;font-size:15px;font-weight:600;color:var(--slate-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-cambiar-cliente{background:var(--blue-500);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-cambiar-cliente:hover{background:var(--blue-600)}.carrito-container{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.carrito-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--slate-200);flex-shrink:0}.carrito-header h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--slate-700);margin:0}.carrito-header h3 svg{color:var(--blue-500);width:22px;height:22px}.modo-venta-toggle{display:flex;gap:0;margin:0 12px 8px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.btn-modo-venta{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:none;background:#f8fafc;color:#64748b;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-modo-venta.activo{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 6px #0ea5e94d}.btn-modo-venta:not(.activo):hover{background:#e2e8f0}.btn-modo-venta:last-child.activo{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 6px #f973164d}.badge-contador{background:#fff;color:var(--amber-500);font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:22px;text-align:center}.carrito-items{flex:1;overflow-y:auto;padding:12px;min-height:0}.carrito-items::-webkit-scrollbar{width:5px}.carrito-items::-webkit-scrollbar-track{background:var(--slate-100)}.carrito-items::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.carrito-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--slate-400);text-align:center;padding:24px}.carrito-vacio svg{width:56px;height:56px;margin-bottom:12px;opacity:.5}.carrito-vacio p{font-size:16px;font-weight:600;margin-bottom:6px}.carrito-vacio span{font-size:14px}.carrito-item{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;padding:12px 14px;margin-bottom:10px}.carrito-item:last-child{margin-bottom:0}.item-info{margin-bottom:8px}.item-nombre{font-size:15px;font-weight:600;color:var(--slate-800);line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-impuesto-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--blue-100);color:var(--blue-700)}.item-sku{font-size:12px;color:var(--slate-500);margin-top:3px}.item-precio-unitario{font-size:13px;color:var(--slate-500)}.item-controls{display:flex;flex-direction:column;gap:6px}.item-controls-row1{display:flex;align-items:center;gap:8px}.cantidad-controls{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--slate-300);border-radius:6px;padding:3px}.btn-cantidad{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--slate-100);border:none;border-radius:5px;cursor:pointer;color:var(--slate-600);transition:all .15s}.btn-cantidad:hover{background:var(--blue-100);color:var(--blue-600)}.btn-cantidad svg{width:18px;height:18px}.cantidad-input{width:42px;text-align:center;border:none;font-size:15px;font-weight:700;color:var(--slate-800);background:transparent}.descuento-unitario-row{display:flex;align-items:center;gap:8px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;padding:8px 12px}.descuento-unitario-row svg{width:14px;height:14px;color:var(--slate-400);flex-shrink:0}.descuento-unitario-row .desc-label{font-size:13px;color:var(--slate-500);font-weight:500;white-space:nowrap}.descuento-unitario-input-wrap{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--slate-300);border-radius:6px;padding:6px 10px;margin-left:auto}.descuento-unitario-input{width:48px;border:none;font-size:15px;font-weight:700;text-align:center;background:transparent;color:var(--slate-700)}.descuento-unitario-input::-webkit-outer-spin-button,.descuento-unitario-input::-webkit-inner-spin-button{-webkit-appearance:none}.descuento-unitario-input-wrap .desc-symbol{font-size:14px;color:var(--slate-500);font-weight:700}.item-subtotal{flex:1;text-align:right;font-size:16px;font-weight:700;color:#15803d}.item-subtotal .precio-original{text-decoration:line-through;color:var(--slate-400);font-size:13px;display:block}.item-subtotal .precio-descuento{color:#15803d}.btn-eliminar-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--slate-400);transition:all .15s}.btn-eliminar-item:hover{background:#fee2e2;color:var(--red-500)}.btn-eliminar-item svg{width:20px;height:20px}.totales-container{padding:14px 16px;background:var(--slate-50);border-top:1px solid var(--slate-200);flex-shrink:0}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--slate-600);margin-bottom:6px}.total-row.subtotal-row{font-weight:500}.total-row.descuento span:last-child{color:var(--red-500)}.total-row.impuesto-info{font-size:13px;color:var(--slate-500)}.total-row.total{font-size:18px;font-weight:800;color:var(--slate-900);margin-top:8px;padding-top:10px;border-top:2px solid #22c55e}.total-row.total span:last-child{color:#15803d;font-size:24px}.total-row.servicio-row{cursor:pointer;color:var(--slate-600);font-size:14px;padding:10px 12px;border-radius:8px;transition:background .15s;background:#fff;border:1px solid var(--slate-200);margin-bottom:6px}.total-row.servicio-row:hover{background:var(--slate-50);color:var(--slate-700)}.total-row.servicio-row.activo{color:#0d9488;border-color:#99f6e4;background:#f0fdfa}.total-row.servicio-row.activo span:last-child{font-weight:700;font-size:15px;color:#0d9488}.descuento-row-compact{display:flex;align-items:center;gap:10px;margin-bottom:6px;background:#fff;border:1px solid var(--slate-200);border-radius:8px;padding:10px 12px}.descuento-label-compact{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--slate-600)}.descuento-label-compact svg{width:16px;height:16px;color:var(--slate-400)}.descuento-input-compact{display:flex;align-items:center;gap:4px;background:var(--slate-50);border:1px solid var(--slate-300);border-radius:6px;padding:6px 10px}.descuento-input-compact input{width:48px;border:none;font-size:15px;font-weight:700;text-align:center;background:transparent}.descuento-input-compact input::-webkit-outer-spin-button,.descuento-input-compact input::-webkit-inner-spin-button{-webkit-appearance:none}.descuento-input-compact input.disabled{opacity:.5}.descuento-input-compact span{font-size:14px;font-weight:700;color:var(--slate-500)}.descuento-valor{font-size:13px;font-weight:600;color:var(--red-500);margin-left:auto}.impuestos-desglose{padding:4px 0}@keyframes pos-ventaPulse{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 4px 16px #10b98180}}.pos-actions-sidebar{display:flex;flex-direction:column;height:100%;background:var(--slate-50);border-left:1px solid var(--slate-200);overflow:hidden;align-items:center;padding:10px 0 6px;gap:8px}.sidebar-btn{width:56px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;border-radius:12px;cursor:pointer;padding:10px 6px;transition:all .2s;flex-shrink:0}.sidebar-btn-label{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;line-height:1}.sidebar-btn-cobrar{background:linear-gradient(180deg,#10b981,#059669);color:#fff;width:56px;height:85px;box-shadow:0 2px 8px #10b9814d;animation:pos-ventaPulse 2.5s ease-in-out infinite}.sidebar-btn-cobrar:hover:not(:disabled){background:linear-gradient(180deg,#059669,#047857);animation:none;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.sidebar-btn-cobrar:disabled{background:var(--slate-300);box-shadow:none;cursor:not-allowed;animation:none}.sidebar-btn-cocina{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;height:85px;box-shadow:0 2px 8px #f59e0b40}.sidebar-btn-cocina:hover:not(:disabled){background:linear-gradient(180deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b59;transform:translateY(-2px)}.sidebar-btn-cocina:disabled{opacity:.5;cursor:not-allowed}.sidebar-btn-express{background:linear-gradient(180deg,var(--blue-400),var(--blue-600));color:#fff;height:85px;box-shadow:0 2px 8px #3b82f640}.sidebar-btn-express:hover:not(:disabled){background:linear-gradient(180deg,var(--blue-500),var(--blue-700));box-shadow:0 6px 20px #3b82f659;transform:translateY(-2px)}.sidebar-btn-express:disabled{opacity:.5;cursor:not-allowed}.sidebar-btn-comprobante{background:linear-gradient(180deg,#8b5cf6,#7c3aed);color:#fff;height:85px;box-shadow:0 2px 8px #8b5cf640}.sidebar-btn-comprobante:hover:not(:disabled){background:linear-gradient(180deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf659;transform:translateY(-2px)}.sidebar-btn-comprobante:disabled{opacity:.5;cursor:not-allowed}.sidebar-btn-cint{background:linear-gradient(180deg,#a855f7,#9333ea);color:#fff;height:85px;box-shadow:0 2px 8px #a855f740;border:1px dashed rgba(255,255,255,.3)}.sidebar-btn-cint:hover:not(:disabled){background:linear-gradient(180deg,#9333ea,#7e22ce);box-shadow:0 6px 20px #a855f759;transform:translateY(-2px)}.sidebar-btn-cint:disabled{opacity:.5;cursor:not-allowed}.sidebar-hud{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;margin-top:auto;flex-shrink:0}.sidebar-hud span{font-size:9px;color:var(--slate-400)}.sidebar-hud kbd{display:inline-block;padding:1px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:600;color:var(--slate-500);background:#fff;border:1px solid var(--slate-200);border-radius:3px;box-shadow:0 1px 0 var(--slate-100)}.lcd-total-display{background:#0c2e1e;border-top:2px solid #10b981;padding:10px 16px 12px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;border-radius:0}.lcd-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#6ee7b7;text-transform:uppercase;opacity:.6}.lcd-amount{font-family:JetBrains Mono,Courier New,monospace;font-size:28px;font-weight:700;color:#34d399;letter-spacing:1px;text-shadow:0 0 16px rgba(52,211,153,.35)}.carrito-util-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--slate-50);border-top:1px solid var(--slate-200);flex-shrink:0}.btn-util-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--slate-200);background:#fff;cursor:pointer;color:var(--slate-500);transition:all .15s;position:relative;flex-shrink:0}.btn-util-icon:hover:not(:disabled){border-color:var(--blue-400);color:var(--blue-600);background:var(--blue-50)}.btn-util-icon:disabled{opacity:.4;cursor:not-allowed}.btn-util-icon.dividir{border-color:#c4b5fd;background:#f5f3ff;color:#7c3aed}.btn-util-icon.dividir:hover:not(:disabled){background:#ede9fe;border-color:#a78bfa}.btn-util-icon.espera{border-color:#fde68a;background:#fefce8;color:#d97706}.btn-util-icon.espera:hover:not(:disabled){background:#fef3c7;border-color:var(--amber-500)}.btn-util-icon.limpiar:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;color:#ef4444}.btn-util-icon.facturas-espera{background:var(--amber-500);border-color:var(--amber-500);color:#fff}.btn-util-icon.facturas-espera:hover{filter:brightness(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.calculadora-modal{background:#fff;border-radius:12px;width:320px;box-shadow:0 25px 50px #00000040;overflow:hidden;animation:slideUp .2s ease}.calculadora-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--blue-600);color:#fff}.calculadora-header h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0}.calculadora-header h3 svg{width:18px;height:18px}.calculadora-header button{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.calculadora-header button:hover{background:#fff3}.calculadora-header button svg{width:18px;height:18px}.calculadora-body{padding:16px}.calc-display{background:var(--slate-900);border-radius:8px;padding:12px 16px;margin-bottom:12px;text-align:right}.calc-operation{font-size:12px;color:var(--slate-400);margin-bottom:4px}.calc-result{font-size:28px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-btn{height:48px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--slate-100);color:var(--slate-800)}.calc-btn:hover{background:var(--slate-200)}.calc-btn:active{transform:scale(.95)}.calc-btn-function{background:var(--blue-100);color:var(--blue-700)}.calc-btn-function:hover{background:var(--blue-200)}.calc-btn-operator{background:var(--blue-500);color:#fff}.calc-btn-operator:hover{background:var(--blue-600)}.calc-btn-zero{grid-column:span 2}.calc-btn-equals{background:var(--blue-600);color:#fff}.calc-btn-equals:hover{background:var(--blue-700)}.modal-transmision-overlay{background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-transmision{background:#fff;border-radius:20px;padding:40px 36px;text-align:center;max-width:420px;width:90%;animation:slideUp .3s ease}.modal-transmision h2{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 8px}.transmision-loading{display:flex;flex-direction:column;align-items:center;gap:8px}.transmision-spinner{width:150px;height:150px;color:#3b82f6;margin-bottom:12px}.transmision-loading p{font-size:14px;color:#64748b;margin:0}.transmision-success{display:flex;flex-direction:column;align-items:center;animation:fadeInScale .4s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.transmision-icono-success{width:88px;height:88px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:pulse-check 2s infinite}@keyframes pulse-check{0%,to{transform:scale(1);box-shadow:0 0 #10b98133}50%{transform:scale(1.04);box-shadow:0 0 0 12px #10b98100}}.transmision-icono-success svg{width:48px;height:48px;color:#059669}.transmision-detalles{background:#f8fafc;border-radius:12px;padding:16px;margin:20px 0 24px;width:100%}.transmision-detalle-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.transmision-detalle-item:last-child{border-bottom:none}.transmision-label{font-size:13px;color:#64748b}.transmision-valor{font-size:14px;font-weight:700;color:#1e293b}.transmision-detalle-item.destacado{padding:12px 0}.transmision-valor-total{font-size:24px;font-weight:800;color:#3b82f6}.transmision-detalle-item.cambio .transmision-valor-cambio{font-size:18px;font-weight:700;color:#2563eb}.transmision-metodos-pago{margin-top:12px;padding-top:12px;border-top:1px dashed #cbd5e1}.transmision-metodos-titulo{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:8px}.transmision-metodo-item{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:#475569}.transmision-metodo-item span:last-child{font-weight:600;color:#1e293b}.btn-transmision-aceptar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 48px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-transmision-aceptar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.transmision-error{display:flex;flex-direction:column;align-items:center;animation:fadeInScale .4s ease}.transmision-icono-error{width:88px;height:88px;background:linear-gradient(135deg,#fef2f2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.transmision-icono-error svg{width:48px;height:48px;color:#dc2626}.transmision-error h2{color:#991b1b}.transmision-error-msg{font-size:15px;color:#dc2626;font-weight:600;margin:12px 0 8px;line-height:1.4}.transmision-error-hint{font-size:13px;color:#64748b;margin:0 0 24px;line-height:1.5}.btn-transmision-cerrar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 48px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.btn-transmision-cerrar:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.modal-advertencia-overlay{background:#0f172acc}.modal-advertencia-resolucion{background:#fff;border-radius:16px;padding:32px;text-align:center;max-width:500px;width:90%;border:3px solid var(--amber-500);animation:shake-warning .5s ease}@keyframes shake-warning{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.advertencia-icono-container{margin-bottom:20px}.advertencia-icono-container svg{width:80px;height:80px;color:var(--amber-500)}.modal-advertencia-resolucion h2{font-size:18px;font-weight:800;color:var(--slate-800);margin-bottom:16px}.advertencia-mensaje-container{background:#fef3c7;border-radius:8px;padding:16px;margin-bottom:20px}.advertencia-mensaje-principal{font-size:14px;color:#92400e;line-height:1.5}.advertencia-instrucciones{text-align:left;background:var(--slate-50);border-radius:8px;padding:16px;margin-bottom:20px}.advertencia-instrucciones h4{font-size:13px;font-weight:700;color:var(--slate-700);margin-bottom:12px}.advertencia-instrucciones ol{padding-left:20px;font-size:13px;color:var(--slate-600);line-height:1.8}.btn-advertencia-entendido{background:var(--amber-500);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-advertencia-entendido:hover{filter:brightness(1.1)}.modal-nota-espera{background:#fff;border-radius:12px;width:90%;max-width:420px;overflow:hidden;animation:slideUp .2s ease}.modal-nota-content{padding:0}.modal-nota-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,var(--amber-500) 0%,#d97706 100%);color:#fff}.modal-nota-header svg{width:24px;height:24px}.modal-nota-header h3{font-size:16px;font-weight:700;margin:0}.modal-nota-summary{padding:16px 20px;background:var(--slate-50);border-bottom:1px solid var(--slate-200)}.summary-row{display:flex;gap:20px;margin-bottom:12px}.summary-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--slate-600)}.summary-item svg{width:16px;height:16px;color:var(--slate-400)}.summary-label{font-weight:500}.summary-value{font-weight:700;color:var(--slate-800)}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--slate-300)}.summary-total-label{font-size:14px;font-weight:600;color:var(--slate-600)}.summary-total-value{font-size:20px;font-weight:800;color:var(--blue-600)}.modal-nota-input-section{padding:20px}.modal-nota-label{display:block;font-size:12px;font-weight:600;color:var(--slate-600);margin-bottom:8px}.modal-nota-textarea{width:100%;border:1.5px solid var(--slate-300);border-radius:8px;padding:12px;font-size:14px;color:var(--slate-800);resize:none;transition:border-color .2s;font-family:inherit}.modal-nota-textarea:focus{outline:none;border-color:var(--blue-500)}.modal-nota-textarea::placeholder{color:var(--slate-400)}.modal-nota-counter{text-align:right;font-size:11px;color:var(--slate-400);margin-top:6px}.modal-nota-actions{display:flex;gap:10px;padding:0 20px 20px}.btn-nota-cancelar{flex:1;padding:12px;background:#fff;color:var(--slate-600);border:1px solid var(--slate-300);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-nota-cancelar:hover{background:var(--slate-50);border-color:var(--slate-400)}.btn-nota-confirmar{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-700) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-nota-confirmar:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-800) 100%)}.btn-nota-confirmar:disabled{opacity:.7;cursor:not-allowed}.btn-nota-confirmar svg{width:18px;height:18px}.modal-nota-hint{text-align:center;font-size:11px;color:var(--slate-400);padding:0 20px 16px}.modal-nota-hint kbd{background:var(--slate-100);border:1px solid var(--slate-300);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.modal-facturas-espera{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;overflow:hidden;animation:slideUp .2s ease}.modal-espera-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--amber-500);color:#fff}.modal-espera-header h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;margin:0}.modal-espera-header h3 svg{width:20px;height:20px}.modal-espera-header button{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px}.modal-espera-header button:hover{background:#fff3}.modal-espera-body{padding:16px;max-height:calc(80vh - 60px);overflow-y:auto}.espera-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--slate-400)}.espera-vacio svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.espera-vacio p{font-size:14px;font-weight:500}.facturas-espera-lista{display:flex;flex-direction:column;gap:12px}.factura-espera-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:10px;padding:14px}.espera-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.espera-info{display:flex;align-items:center;gap:10px}.espera-id{font-size:14px;font-weight:700;color:var(--slate-800)}.espera-tiempo{font-size:11px;color:var(--slate-500);background:var(--slate-200);padding:2px 8px;border-radius:4px}.espera-total{font-size:18px;font-weight:800;color:var(--blue-600)}.espera-card-body{margin-bottom:12px}.espera-detalle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--slate-600);margin-bottom:4px}.espera-detalle svg{width:14px;height:14px;color:var(--slate-400)}.espera-nota{font-size:12px;color:var(--slate-700);background:#fff;padding:8px 10px;border-radius:6px;margin-top:8px;border-left:3px solid var(--amber-500)}.espera-card-actions{display:flex;gap:8px}.btn-recuperar{flex:1;padding:10px;background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-700) 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-recuperar:hover{background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-800) 100%)}.btn-eliminar-espera{width:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--red-500);border:1px solid var(--slate-300);border-radius:6px;cursor:pointer;transition:all .15s}.btn-eliminar-espera:hover{background:#fee2e2;border-color:var(--red-500)}.btn-eliminar-espera svg{width:16px;height:16px}.toast-notification{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #00000026;z-index:99999;animation:slideInRight .3s ease;max-width:360px;overflow:hidden}.toast-notification:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success:before{background:var(--blue-500)}.toast-error:before{background:var(--red-500)}.toast-warning:before{background:var(--amber-500)}.toast-info:before{background:var(--blue-400)}.toast-icon{flex-shrink:0}.toast-success .toast-icon svg{color:var(--blue-500)}.toast-error .toast-icon svg{color:var(--red-500)}.toast-warning .toast-icon svg{color:var(--amber-500)}.toast-info .toast-icon svg{color:var(--blue-400)}.toast-content{flex:1;min-width:0}.toast-titulo{font-size:13px;font-weight:700;color:var(--slate-800);margin-bottom:2px}.toast-mensaje{font-size:12px;color:var(--slate-600)}.toast-close{background:transparent;border:none;color:var(--slate-400);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--slate-100);color:var(--slate-600)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--slate-200);animation:progress 3s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}@media (max-width: 900px){.pos-retail-page{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.pos-search-section{grid-row:1;grid-column:1}.pos-cart-section{grid-row:2;grid-column:1;border-right:none;border-top:1px solid var(--slate-200);max-height:45vh}.pos-actions-sidebar{grid-row:3;grid-column:1;flex-direction:row;height:60px;padding:8px 12px;border-left:none;border-top:1px solid var(--slate-200)}.sidebar-btn-cobrar{flex:2;height:48px;flex-direction:row;gap:8px;max-height:48px}.sidebar-btn-cocina,.sidebar-btn-express,.sidebar-btn-comprobante{flex:1;height:48px;flex-direction:row;gap:8px}.sidebar-btn-label{font-size:11px}.sidebar-hud{display:none}.lcd-amount{font-size:22px}.categorias-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:120px}.categoria-btn{min-height:44px;font-size:12px;padding:6px 8px}.sugeridos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 600px){.pos-retail-page{height:calc(100dvh - 70px)}.search-container{padding:10px 12px}.categorias-container{padding:8px 12px}.categorias-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:120px;gap:8px}.categoria-btn{min-height:44px;font-size:12px;padding:6px 8px;border-radius:10px}.productos-sugeridos h3{padding:8px 12px}.sugeridos-grid{padding:8px;gap:6px}.sugerido-card{padding:10px;min-height:70px}.cliente-info,.carrito-header{padding:8px 12px}.carrito-items{padding:6px}.totales-container{padding:8px 12px}.toast-notification{left:10px;right:10px;bottom:10px;max-width:none}}.pos-mesas-selector{height:calc(100vh - 70px);overflow-y:auto;background:#f8fafc;animation:fadeIn .3s ease;display:flex;flex-direction:column}.pos-mesas-header{background:linear-gradient(135deg,#1e3a5f,#2d5986);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;z-index:50;flex-shrink:0}.pos-mesas-header-content{display:flex;align-items:center;gap:16px}.pos-mesas-header-content h1{margin:0;font-size:22px;font-weight:700}.pos-mesas-header-content p{margin:2px 0 0;font-size:13px;opacity:.8}.btn-pos-sin-mesa{display:flex;align-items:center;gap:6px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-pos-sin-mesa:hover{background:#ffffff40}.pos-salones-tabs{display:flex;gap:8px;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto;flex-wrap:nowrap;position:relative;z-index:5;flex-shrink:0}.pos-salon-tab{display:flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#475569;transition:all .2s;white-space:nowrap}.pos-salon-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.pos-salon-tab-active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.pos-salon-tab-active:hover{background:#2d5986}.pos-salon-badge{background:#0000001a;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.pos-salon-tab-active .pos-salon-badge{background:#fff3}.pos-mesas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:24px 32px;flex:1;align-items:start;align-content:start}.pos-mesa-card{background-color:#fff;background-clip:padding-box;border-radius:14px;padding:18px;cursor:pointer;border:2px solid #e2e8f0;transition:all .2s;display:flex;flex-direction:column;gap:10px;min-height:120px;position:relative;box-shadow:0 1px 3px #0000000f}.pos-mesa-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.pos-mesa-card-disponible{border-color:#6ee7b7;background-image:linear-gradient(145deg,#fff,#f0fdf4);background-clip:padding-box}.pos-mesa-card-disponible:hover{border-color:#10b981;box-shadow:0 6px 16px #10b98126}.pos-mesa-card-en_uso{border-color:#93c5fd;background-image:linear-gradient(145deg,#fff,#eff6ff);background-clip:padding-box}.pos-mesa-card-en_uso:hover{border-color:#3b82f6;box-shadow:0 6px 16px #3b82f626}.pos-mesa-card-ocupada{border-color:#fcd34d;background-image:linear-gradient(145deg,#fff,#fffbeb);background-clip:padding-box}.pos-mesa-card-ocupada:hover{border-color:#f59e0b;box-shadow:0 6px 16px #f59e0b26}.pos-mesa-card-facturada{border-color:#c4b5fd;background-image:linear-gradient(145deg,#fff,#f5f3ff);background-clip:padding-box;cursor:default}.pos-btn-liberar-mesa{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background-color:#16a34a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:auto}.pos-btn-liberar-mesa:hover{background-color:#15803d;box-shadow:0 2px 8px #16a34a4d}.pos-mesa-card-top{display:flex;align-items:baseline;gap:8px}.pos-mesa-numero{font-size:28px;font-weight:800;color:#1e293b;line-height:1}.pos-mesa-nombre{font-size:13px;color:#64748b;font-weight:500}.pos-mesa-status{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px}.pos-mesa-info-rows{display:flex;flex-direction:column;gap:4px}.pos-mesa-pedidos{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b}.pos-mesa-capacidad{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8}.pos-mesa-bloqueada{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;padding-top:4px;border-top:1px solid #f1f5f9}.pos-mesas-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#94a3b8}.pos-mesas-empty p{font-size:14px}.pos-mesa-bar{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:12px 20px;background-color:#fff;background-clip:padding-box;color:var(--slate-800);min-height:52px;border-bottom:1px solid var(--slate-200);border-left:3px solid #22c55e;box-shadow:0 1px 3px #0000000a}.btn-volver-mesas{display:flex;align-items:center;gap:6px;background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-700);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;min-height:36px}.btn-volver-mesas:hover{background-color:var(--slate-200)}.btn-cambiar-mesa{display:flex;align-items:center;gap:4px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;margin-left:8px}.btn-cambiar-mesa:hover{background:#dbeafe;border-color:#93c5fd}.pos-modal-cambio-mesa{background:#fff;border-radius:12px;width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.pos-modal-cambio-mesa .pos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0}.pos-modal-cambio-mesa .pos-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.pos-modal-cambio-mesa .btn-cerrar{background:none;border:none;font-size:24px;cursor:pointer;color:#94a3b8}.pos-cambio-mesa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.pos-cambio-mesa-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;cursor:pointer;transition:all .2s}.pos-cambio-mesa-btn:hover{background:#dcfce7;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.pos-cambio-mesa-btn .mesa-num{font-weight:700;font-size:14px;color:#166534}.pos-cambio-mesa-btn .mesa-nombre{font-size:11px;color:#4b5563}.pos-cambio-mesa-btn .mesa-cap{font-size:11px;color:#9ca3af}.pos-mesa-bar-info{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--slate-800)}.pos-mesa-bar-nombre{font-weight:500;color:var(--slate-600)}.pos-mesa-bar-salon{font-size:12px;font-weight:600;padding:4px 10px;background-color:var(--slate-100);color:var(--slate-600);border:1px solid var(--slate-200);border-radius:6px}.pos-mesa-bar-estado{margin-left:auto;padding:5px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;background-color:var(--slate-100);color:var(--slate-600);border:1px solid var(--slate-200)}.pos-mesa-bar-estado[data-estado=ocupada]{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.pos-mesa-bar-estado[data-estado=en_uso]{background-color:var(--blue-50);color:var(--blue-700);border-color:var(--blue-200)}.pos-mesa-bar-estado[data-estado=disponible]{background-color:#f0fdf4;color:#15803d;border-color:#bbf7d0}.pos-retail-page.pos-con-mesa{grid-template-rows:auto 1fr}.pos-retail-page.pos-con-mesa .pos-mesa-bar{grid-column:1 / -1;grid-row:1}.pos-retail-page.pos-con-mesa .pos-search-section,.pos-retail-page.pos-con-mesa .pos-cart-section,.pos-retail-page.pos-con-mesa .pos-actions-sidebar{grid-row:2}@media (max-width: 900px){.pos-mesas-header{flex-direction:column;gap:16px;padding:20px}.pos-salones-tabs{padding:12px 20px}.pos-mesas-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px 20px}.pos-mesa-bar{flex-wrap:wrap;gap:8px;padding:8px 12px}.pos-mesa-bar-estado{margin-left:0}}@media (max-width: 600px){.pos-mesas-header{padding:16px}.pos-mesas-header-content h1{font-size:18px}.pos-mesas-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px}.pos-mesa-numero{font-size:22px}.pos-mesa-card{padding:12px}}.pos-mesa-card--loading{pointer-events:none;opacity:.7}.pos-mesa-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:inherit;z-index:2}@keyframes pos-mesa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pos-mesa-spinner{animation:pos-mesa-spin 1s linear infinite;color:#3b82f6}.pos-propina-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:pos-propina-fadeIn .15s ease-out}@keyframes pos-propina-fadeIn{0%{opacity:0}to{opacity:1}}.pos-propina-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:400px;padding:24px;animation:pos-propina-slideUp .2s ease-out}@keyframes pos-propina-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pos-propina-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pos-propina-header h3{margin:0;font-size:18px;font-weight:700;color:var(--slate-800)}.pos-propina-close{background:none;border:none;cursor:pointer;color:var(--slate-400);padding:4px;border-radius:6px;transition:all .15s}.pos-propina-close:hover{background:var(--slate-100);color:var(--slate-600)}.pos-propina-base{margin:0 0 16px;font-size:14px;color:var(--slate-500)}.pos-propina-base strong{color:var(--slate-700)}.pos-propina-opciones{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.pos-propina-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:2px solid var(--slate-200);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;min-height:72px}.pos-propina-btn:hover{border-color:#0d9488;background:#f0fdfa}.pos-propina-btn.activo{border-color:#0d9488;background:#ccfbf1;box-shadow:0 0 0 3px #0d948826}.pos-propina-btn-label{font-size:20px;font-weight:700;color:var(--slate-800)}.pos-propina-btn.activo .pos-propina-btn-label{color:#0d9488}.pos-propina-btn-preview{font-size:12px;color:var(--slate-400);margin-top:4px}.pos-propina-btn.activo .pos-propina-btn-preview{color:#0f766e}.pos-propina-fijo{border-top:1px solid var(--slate-200);padding-top:14px}.pos-propina-fijo label{display:block;font-size:13px;font-weight:500;color:var(--slate-500);margin-bottom:8px}.pos-propina-fijo-input{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pos-propina-fijo-input span{font-size:18px;font-weight:600;color:var(--slate-400)}.pos-propina-fijo-input input{flex:1;padding:10px 14px;border:2px solid var(--slate-200);border-radius:10px;font-size:18px;font-weight:600;color:var(--slate-800);outline:none;transition:border-color .15s}.pos-propina-fijo-input input:focus{border-color:#0d9488}.pos-propina-fijo-confirmar{width:100%;padding:12px;background:#0d9488;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.pos-propina-fijo-confirmar:hover{background:#0f766e}.pos-propina-equivalencia{text-align:center;font-size:13px;color:#0d9488;font-weight:600;margin:4px 0 0}.carrito-item-comandado{background:linear-gradient(90deg,#fef3c7,#fffbeb);border-left:3px solid #f59e0b;position:relative}.carrito-item-comandado .item-nombre{color:#78350f}.carrito-item-comandado .badge-comandado{display:inline-block;margin-right:6px;font-size:1.1em;filter:saturate(1.3)}.carrito-item-comandado .texto-comandado{font-size:.7rem;font-weight:500;color:#92400e;font-style:italic}.carrito-item-comandado .cantidad-controls .btn-cantidad:disabled,.carrito-item-comandado .cantidad-input:disabled{opacity:.6;cursor:not-allowed;background:#fef3c7}.btn-anular-item{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;border-radius:6px;padding:.35rem .45rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.btn-anular-item:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.08)}.btn-anular-item:active{transform:scale(.95)}.pos-mesero-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.pos-mesero-modal{background:#fff;border-radius:16px;width:360px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.pos-mesero-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.pos-mesero-header h3{margin:0;font-size:16px;color:#1e293b}.pos-mesero-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px}.pos-mesero-close:hover{background:#f3f4f6}.pos-mesero-body{padding:16px 20px}.pos-mesero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pos-mesero-btn{padding:14px 12px;background:#f0f0ff;border:2px solid #e0e7ff;border-radius:12px;font-size:15px;font-weight:600;color:#4338ca;cursor:pointer;transition:all .2s}.pos-mesero-btn:hover{background:#e0e7ff;border-color:#6366f1;transform:translateY(-1px)}.pos-mesero-btn:active{transform:scale(.97)}.pos-mesero-skip{width:100%;padding:10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:10px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.pos-mesero-skip:hover{background:#e5e7eb}.pos-mesero-empty{text-align:center;color:#9ca3af;padding:20px 0;font-size:14px}.arqueo-caja{padding:24px;background:#f8fafc;border-radius:12px;margin-bottom:20px}.arqueo-header{margin-bottom:24px;text-align:center;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.arqueo-header h3{margin:0 0 8px;color:#1e40af;font-size:20px;font-weight:700;letter-spacing:.5px}.arqueo-header p{margin:0;color:#64748b;font-size:14px}.arqueo-sections-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.arqueo-section{background:#fff;padding:20px;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.arqueo-section h4{margin:0 0 16px;color:#1e40af;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid #3b82f6;padding-bottom:10px;text-align:center}.arqueo-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.arqueo-item{display:grid;grid-template-columns:100px 1fr 120px;gap:12px;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:8px;transition:background-color .2s}.arqueo-item:hover{background:#f1f5f9}.arqueo-label{font-weight:600;color:#334155;font-size:15px}.arqueo-input-group{display:contents}.arqueo-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:Segoe UI,system-ui,sans-serif;font-weight:500;text-align:center;transition:border-color .2s,box-shadow .2s}.arqueo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.arqueo-input::-webkit-inner-spin-button,.arqueo-input::-webkit-outer-spin-button{opacity:1;height:30px}.arqueo-subtotal{text-align:right;font-weight:600;color:#1e40af;font-size:15px;font-family:Segoe UI,system-ui,sans-serif}.arqueo-total-section{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f1f5f9;border-radius:8px;margin-top:16px;border:2px solid #e2e8f0}.arqueo-total-section strong{font-size:14px;color:#475569;font-weight:600;letter-spacing:.5px}.arqueo-total-section .total-value{font-size:18px;color:#1e40af;font-weight:700}.arqueo-total-general{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);padding:28px 32px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #1e40af40;margin-top:8px}.total-general-label{font-size:16px;font-weight:700;color:#ffffffe6;letter-spacing:1px;text-transform:uppercase}.total-general-value{font-size:36px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.arqueo-sections-container{grid-template-columns:1fr}.arqueo-item{grid-template-columns:80px 1fr 100px}.arqueo-total-general{flex-direction:column;gap:12px;text-align:center;padding:24px 20px}.total-general-value{font-size:28px}}.alerta-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;opacity:0;animation:fadeIn .3s ease-out forwards}.alerta-overlay.alerta-visible{opacity:1}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.alerta-contenido{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideIn .3s ease-out;border-top:4px solid}.alerta-contenido.alerta-warning{border-top-color:#f39c12}.alerta-contenido.alerta-error{border-top-color:#e74c3c}.alerta-contenido.alerta-success{border-top-color:#27ae60}.alerta-contenido.alerta-info{border-top-color:#3498db}.alerta-cerrar{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:4px;color:#95a5a6;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.alerta-cerrar:hover{color:#2c3e50;background-color:#f8f9fa}.alerta-icono{text-align:center;margin-bottom:20px}.alerta-warning .alerta-icono{color:#f39c12}.alerta-error .alerta-icono{color:#e74c3c}.alerta-success .alerta-icono{color:#27ae60}.alerta-info .alerta-icono{color:#3498db}.alerta-texto{text-align:center;margin-bottom:24px}.alerta-titulo{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 12px}.alerta-mensaje{font-size:16px;color:#7f8c8d;line-height:1.6;margin:0;white-space:pre-line}.alerta-botones{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.alerta-botones .btn{flex:1;min-width:120px;padding:12px 24px;font-size:15px;font-weight:600}@media (max-width: 600px){.alerta-contenido{padding:24px 20px}.alerta-titulo{font-size:20px}.alerta-mensaje{font-size:14px}.alerta-botones{flex-direction:column}.alerta-botones .btn{width:100%}}.modal-resumen-cierre{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideIn .3s ease-out}.modal-cerrar{position:absolute;top:20px;right:20px;background:#fff;border:none;cursor:pointer;padding:8px;color:#95a5a6;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.modal-cerrar:hover{color:#2c3e50;background-color:#f8f9fa}.resumen-cierre-header{text-align:center;padding:40px 32px 24px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff;border-radius:16px 16px 0 0}.resumen-estado-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:24px;font-weight:600;font-size:14px;margin-bottom:16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resumen-estado-badge.cuadrado{background:#27ae60e6;color:#fff}.resumen-estado-badge.sobrante{background:#f39c12e6;color:#fff}.resumen-estado-badge.faltante{background:#e74c3ce6;color:#fff}.resumen-cierre-header h2{font-size:28px;margin:0 0 8px;font-weight:700}.resumen-fecha{font-size:14px;opacity:.9;margin:0}.resumen-cierre-contenido{padding:32px}.resumen-seccion{margin-bottom:32px}.resumen-seccion:last-child{margin-bottom:0}.resumen-seccion h3{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #ecf0f1}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.resumen-item .label{font-size:13px;color:#7f8c8d;font-weight:500}.resumen-item .valor{font-size:16px;color:#2c3e50;font-weight:600}.resumen-tabla{background:#f8f9fa;border-radius:12px;overflow:hidden}.resumen-fila{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e9ecef}.resumen-fila:last-child{border-bottom:none}.resumen-fila.highlight{background:#3498db14;font-weight:600}.resumen-fila.separador{border-top:2px solid #dee2e6;margin-top:8px}.resumen-fila.diferencia-fila{font-size:18px;padding:18px 20px;border-top:2px solid #dee2e6}.resumen-fila.diferencia-fila.cuadrado{background:#27ae601a;color:#27ae60}.resumen-fila.diferencia-fila.sobrante{background:#f39c121a;color:#f39c12}.resumen-fila.diferencia-fila.faltante{background:#e74c3c1a;color:#e74c3c}.resumen-fila .concepto{display:flex;align-items:center;gap:8px;color:#2c3e50;font-size:15px}.resumen-fila .concepto.strong,.resumen-fila .monto.strong{font-weight:700}.resumen-fila .monto{font-size:16px;font-weight:600;color:#2c3e50}.metodos-pago-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metodo-pago-card{background:#f8f9fa;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;border:2px solid #e9ecef;transition:all .2s}.metodo-pago-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.metodo-icono{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metodo-icono.efectivo{background:#27ae601a;color:#27ae60}.metodo-icono.tarjeta{background:#f39c121a;color:#f39c12}.metodo-icono.transferencia{background:#3498db1a;color:#3498db}.metodo-info{display:flex;flex-direction:column;gap:4px}.metodo-label{font-size:13px;color:#7f8c8d;font-weight:500}.metodo-valor{font-size:18px;color:#2c3e50;font-weight:700}.notas-cierre{background:#f8f9fa;padding:16px;border-radius:8px;color:#2c3e50;font-size:14px;line-height:1.6;margin:0;border-left:4px solid #3b82f6}.resumen-cierre-acciones{display:flex;gap:12px;padding:24px 32px;background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e9ecef}.resumen-cierre-acciones .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600}@media print{.modal-overlay{background:#fff}.modal-cerrar,.resumen-cierre-acciones{display:none!important}.modal-resumen-cierre{max-width:100%;max-height:100%;box-shadow:none}}@media (max-width: 768px){.modal-resumen-cierre{max-width:100%;margin:0;border-radius:0;max-height:100vh}.resumen-cierre-header{padding:32px 20px 20px}.resumen-cierre-header h2{font-size:22px}.resumen-cierre-contenido{padding:20px}.resumen-grid,.metodos-pago-grid{grid-template-columns:1fr}.resumen-cierre-acciones{flex-direction:column;padding:20px}.resumen-cierre-acciones .btn{width:100%}}.productos-vendidos-lista{max-height:300px;overflow-y:auto}.producto-vendido-fila .concepto{display:flex;align-items:center;gap:6px}.badge-cantidad{display:inline-block;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.checkbox-ocultar-base{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:auto}.checkbox-ocultar-base input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}:root{--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-danger: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%);--gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-purple: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .16);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18)}.caja-page{max-width:1600px;margin:0 auto;padding:0 20px 20px;animation:pageEnter .6s cubic-bezier(.16,1,.3,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 36px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xl),inset 0 1px #fff3;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.page-header:hover{transform:translateY(-4px) rotateX(2deg)}.page-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.06) 0%,transparent 50%);animation:particleMove 20s ease-in-out infinite}@keyframes particleMove{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,-5%) rotate(120deg)}66%{transform:translate(-5%,5%) rotate(240deg)}}.page-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.4;pointer-events:none}.page-header>div{position:relative;z-index:1}.page-header h1{font-size:32px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(0,0,0,.3)}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.page-header p{color:#fffffff2;font-size:14px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px;margin:0}.page-header p:before{content:"●";color:#38ef7d;font-size:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.page-header .btn{position:relative;z-index:1;padding:12px 24px;font-size:14px;font-weight:700;border:none;background:linear-gradient(135deg,#ee0979,#ff6a00);box-shadow:0 6px 24px #ee097966,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;color:#fff;cursor:pointer;border-radius:12px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.page-header .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.page-header .btn:hover:before{width:300px;height:300px}.page-header .btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #ee097999,inset 0 1px #ffffff4d}.page-header .btn:active{transform:translateY(-2px) scale(1.03)}.dashboard-premium{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:24px}.dashboard-premium>*{animation:cardEnter .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card-hero{grid-column:span 7;position:relative;padding:32px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #667eea66,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.stat-card-hero:hover{transform:translateY(-8px) rotateX(3deg) rotateY(-1deg);box-shadow:0 30px 80px #667eea80}.card-decorative-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:-100px;right:-100px;animation:orbFloat 8s ease-in-out infinite;pointer-events:none}.card-decorative-orb.secondary{width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);bottom:-80px;left:-80px;top:auto;right:auto;animation:orbFloat 10s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.stat-icon-hero{width:60px;height:60px;border-radius:16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff4d;transition:all .3s ease}.stat-card-hero:hover .stat-icon-hero{transform:scale(1.1) rotate(-5deg)}.stat-info-hero{position:relative;z-index:2}.stat-label-hero{display:block;font-size:14px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.stat-value-hero{display:block;font-size:38px;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:12px;text-shadow:0 4px 20px rgba(0,0,0,.3);line-height:1}.stat-badge-hero{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 4px 16px #0003}.badge-icon{font-size:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mini-chart{position:absolute;bottom:40px;right:48px;display:flex;align-items:flex-end;gap:8px;height:100px}.chart-bar{width:12px;background:#ffffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:6px 6px 0 0;box-shadow:0 4px 12px #0003;animation:chartGrow 1s ease-out backwards}.chart-bar:nth-child(1){animation-delay:.1s}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.3s}.chart-bar:nth-child(4){animation-delay:.4s}.chart-bar:nth-child(5){animation-delay:.5s}@keyframes chartGrow{0%{height:0;opacity:0}to{opacity:1}}.stat-card-feature{grid-column:span 5;position:relative;padding:28px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:2px solid var(--glass-border);overflow:hidden;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stat-card-feature:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px #27ae604d;border-color:#38ef7d4d}.card-glow{position:absolute;width:300px;height:300px;border-radius:50%;top:-150px;right:-150px;opacity:.15;filter:blur(60px);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}.card-glow.success{background:linear-gradient(135deg,#11998e,#38ef7d)}@keyframes glowPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.stat-icon-feature{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;box-shadow:0 8px 24px #0003;transition:all .3s ease}.stat-icon-feature.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card-feature:hover .stat-icon-feature{transform:scale(1.15) rotate(10deg)}.stat-info-feature{position:relative;z-index:2}.stat-label-feature{display:block;font-size:13px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.stat-value-feature{display:block;font-size:32px;font-weight:900;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin-bottom:8px;line-height:1}.stat-detail-feature{display:block;font-size:14px;color:#95a5a6;font-weight:600}.progress-ring{position:absolute;bottom:28px;right:28px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-circle{fill:none;stroke-width:6}.progress-ring-circle:first-child{stroke:#11998e33}.progress-ring-circle.progress{stroke:url(#gradient-success);stroke-dasharray:226;stroke-dashoffset:0;animation:progressFill 2s ease-out}@keyframes progressFill{0%{stroke-dashoffset:226}}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:800;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-compact{grid-column:span 4;position:relative;padding:20px 24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:18px;border:2px solid var(--glass-border);display:flex;align-items:center;gap:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stat-card-compact:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#1e40af,#3b82f6);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.stat-card-compact:hover:before{transform:scaleY(1);transform-origin:top}.stat-card-compact:hover{transform:translate(8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#667eea4d}.stat-icon-compact{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 6px 20px #00000026;transition:all .3s ease}.stat-icon-compact.primary{background:linear-gradient(135deg,#1e40af,#3b82f6)}.stat-card-compact:hover .stat-icon-compact{transform:scale(1.2) rotate(-10deg)}.stat-info-compact{flex:1}.stat-label-compact{display:block;font-size:12px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value-compact{display:block;font-size:22px;font-weight:800;color:#2c3e50;letter-spacing:-.5px;line-height:1}.metodos-pago-grid{grid-column:span 8;position:relative;padding:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:2px solid var(--glass-border);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.metodos-pago-grid:hover{box-shadow:var(--shadow-lg)}.metodos-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.06);font-size:13px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:1px}.metodos-header svg{color:#3498db}.metodos-list{display:grid;gap:12px}.metodo-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:14px;border:2px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:cardEnter .6s cubic-bezier(.34,1.56,.64,1) backwards}.metodo-item:hover{transform:translate(8px) scale(1.02);box-shadow:0 6px 24px #0000001a;border-color:#667eea33}.metodo-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #0003;transition:all .3s ease}.metodo-item:hover .metodo-icon{transform:scale(1.15) rotate(-8deg)}.metodo-info{flex:1;display:flex;flex-direction:column;gap:4px}.metodo-nombre{font-size:13px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.metodo-valor{font-size:18px;font-weight:800;color:#2c3e50;letter-spacing:-.5px}.metodo-count{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#495057;box-shadow:inset 0 2px 4px #0000000f}.stat-card-action{grid-column:span 6;position:relative;padding:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:18px;border:2px solid var(--glass-border);overflow:hidden;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stat-card-action.success{border-color:#38ef7d33}.stat-card-action.danger{border-color:#ee097933}.stat-card-action:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl)}.stat-card-action.success:hover{border-color:#38ef7d66}.stat-card-action.danger:hover{border-color:#ee097966}.action-glow{position:absolute;width:250px;height:250px;border-radius:50%;top:-125px;right:-125px;opacity:.1;filter:blur(50px);pointer-events:none;animation:glowPulse 3s ease-in-out infinite}.action-glow.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.action-glow.danger{background:linear-gradient(135deg,#ee0979,#ff6a00)}.stat-icon-action{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;box-shadow:0 8px 24px #0003;transition:all .3s ease}.stat-icon-action.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-icon-action.danger{background:linear-gradient(135deg,#ee0979,#ff6a00)}.stat-card-action:hover .stat-icon-action{transform:scale(1.15) rotate(-12deg)}.stat-info-action{margin-bottom:16px}.stat-label-action{display:block;font-size:11px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value-action{display:block;font-size:28px;font-weight:900;color:#2c3e50;letter-spacing:-.5px;line-height:1}.btn-action-premium{width:100%;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-action-premium.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-action-premium.danger{background:linear-gradient(135deg,#ee0979,#ff6a00)}.btn-action-premium:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-action-premium:hover:before{width:300px;height:300px}.btn-action-premium:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #0000004d}.btn-action-premium:active{transform:translateY(-2px) scale(1.03)}.btn-action-icon{font-size:20px;font-weight:900;line-height:1}.caja-cerrada-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0000000f;max-width:420px;margin:80px auto;animation:cardEnter .4s ease-out}.caja-cerrada-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:50%;margin-bottom:20px}.caja-cerrada-icon svg{color:#3b82f6}.caja-cerrada-notice h2{font-size:20px;margin:0 0 8px;font-weight:700;color:#1e293b}.caja-cerrada-notice p{color:#64748b;margin:0 0 24px;font-size:14px;font-weight:500}.btn-abrir-caja{padding:12px 28px;font-size:14px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.btn-abrir-caja:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-abrir-caja:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:overlayFadeIn .3s ease-out}.modal-content{background:#fff;border-radius:28px;padding:40px;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 90px #0006;border:2px solid rgba(255,255,255,.8);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content.modal-large{max-width:950px}.modal-content h2{font-size:32px;margin-bottom:32px;font-weight:800;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:16px;border-bottom:3px solid rgba(59,130,246,.2)}.form-group{margin-bottom:24px}.form-group .label{display:block;margin-bottom:10px;font-weight:700;color:#2c3e50;font-size:13px;text-transform:uppercase;letter-spacing:1px}.form-group .input{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background:#f8f9fa;transition:all .3s ease}.form-group .input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f626;transform:translateY(-2px)}.form-group textarea{resize:vertical;font-family:inherit;min-height:100px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.modal-actions .btn{min-width:140px;font-weight:700;padding:14px 28px;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal-actions .btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040}.cierre-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.resumen-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#fff;border-radius:12px;border:2px solid #e2e8f0;text-align:center;transition:all .2s ease}.resumen-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.resumen-item span:first-child{color:#64748b;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.resumen-item.highlight{background:linear-gradient(135deg,#1e40af,#3b82f6,#10b981);border-color:transparent}.resumen-item.highlight:hover{border-color:transparent;box-shadow:0 6px 20px #1e40af4d}.resumen-item.highlight span:first-child{color:#ffffffe6;font-size:13px;font-weight:700}.resumen-item.highlight strong{color:#fff!important;font-size:24px!important;text-shadow:0 2px 8px rgba(0,0,0,.2)}.resumen-item strong{color:#1e293b;font-size:22px;font-weight:800}@media (max-width: 768px){.cierre-resumen{grid-template-columns:1fr}}.diferencia-arqueo{margin:28px 0;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;border:2px solid #e0e0e0;box-shadow:0 4px 12px #0000000f}.diferencia{margin:0 0 16px;padding:16px 20px;border-radius:12px;font-weight:800;font-size:18px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0000001a}.diferencia.positiva{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #28a745}.diferencia.negativa{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #dc3545}.diferencia-explicacion{margin:0;padding:14px 18px;font-size:15px;color:#495057;background:#fff;border-radius:10px;border-left:4px solid #3b82f6;font-weight:600}.loading{text-align:center;padding:80px 20px;font-size:20px;color:#7f8c8d;font-weight:700;animation:pulse 2s ease-in-out infinite}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa)}@media (max-width: 1400px){.stat-card-hero{grid-column:span 12}.stat-card-feature{grid-column:span 6}.metodos-pago-grid{grid-column:span 12}}@media (max-width: 1024px){.dashboard-premium{grid-template-columns:repeat(6,1fr)}.stat-card-hero,.stat-card-feature,.metodos-pago-grid,.stat-card-compact,.stat-card-action{grid-column:span 6}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:24px;padding:32px 28px;border-radius:24px}.page-header h1{font-size:36px}.page-header p{font-size:16px}.dashboard-premium{grid-template-columns:1fr;gap:20px}.stat-card-hero,.stat-card-feature,.metodos-pago-grid,.stat-card-compact,.stat-card-action{grid-column:span 1}.stat-card-hero{padding:36px 28px}.stat-value-hero{font-size:44px}.mini-chart{display:none}.modal-content{padding:28px;border-radius:24px}.modal-content h2{font-size:26px}.caja-cerrada-notice{padding:70px 40px}}@media (max-width: 480px){.page-header{padding:24px 20px}.page-header h1{font-size:28px}.stat-card-hero{padding:28px 20px}.stat-value-hero{font-size:36px}.stat-card-feature,.stat-card-action{padding:24px 20px}.modal-content{padding:24px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.modal-verificacion{max-width:440px!important}.verificacion-header{text-align:center;margin-bottom:24px}.verificacion-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;box-shadow:0 8px 24px #3b82f64d}.verificacion-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:8px}.verificacion-header p{color:#64748b;font-size:.9rem;margin-bottom:12px}.usuario-apertura-info{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;font-size:.85rem}.usuario-apertura-info strong{color:#0c4a6e}.verificacion-form{display:flex;flex-direction:column;gap:16px}.error-verificacion{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon-wrapper .input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;z-index:1}.input-icon-wrapper .input-with-icon{padding-left:44px;padding-right:44px}.input-icon-wrapper .btn-toggle-password{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .2s}.input-icon-wrapper .btn-toggle-password:hover{color:#1e293b}.usuario-verificado-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:20px;color:#166534;font-size:.85rem;margin-bottom:16px}.usuario-verificado-badge svg{color:#22c55e}.usuario-verificado-badge strong{color:#14532d}.usuario-apertura-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:10px;color:#1e40af;font-size:.9rem;margin-bottom:20px}.usuario-apertura-badge svg{color:#3b82f6;flex-shrink:0}.usuario-apertura-badge strong{color:#1e3a8a}.usuario-apertura-badge .usuario-rol{color:#64748b;font-size:.8rem;margin-left:auto}svg defs{display:none}.select-caja{width:100%;padding:14px 44px 14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background:#f8f9fa;transition:all .3s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.select-caja:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f626;transform:translateY(-2px)}.select-caja:hover{border-color:#3b82f6;background-color:#fff}.select-caja option{padding:12px;font-size:15px}.select-caja option:disabled{color:#adb5bd}.caja-resolucion-info{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:12px;color:#0369a1;font-size:.9rem;animation:fadeSlideIn .3s ease}.caja-resolucion-info svg{color:#0ea5e9;flex-shrink:0}.caja-resolucion-info .resolucion-text{display:flex;flex-direction:column;gap:4px}.caja-resolucion-info .resolucion-numero{font-weight:700;color:#0c4a6e}.caja-resolucion-info .resolucion-prefijo{font-size:.8rem;color:#0369a1}.caja-sin-resolucion-alert{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;border-radius:12px;color:#1e40af;font-size:.85rem;animation:fadeSlideIn .3s ease}.caja-sin-resolucion-alert svg{color:#3b82f6;flex-shrink:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cajas-loading{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#f8f9fa;border-radius:12px;color:#6c757d;font-size:.9rem}.cajas-loading:before{content:"";width:16px;height:16px;border:2px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.no-cajas-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #f87171;border-radius:12px;color:#b91c1c;font-size:.9rem}.no-cajas-alert svg{color:#ef4444;flex-shrink:0}.modal-detalle-caja{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-detalle-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;border-radius:16px 16px 0 0;z-index:1}.modal-detalle-header h2{margin:0;font-size:1.3rem;font-weight:700;color:#1f2937}.modal-close-btn{background:none;border:none;font-size:1.8rem;color:#9ca3af;cursor:pointer;padding:0 8px;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#374151}.modal-detalle-body{padding:16px 24px}.modal-detalle-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;position:sticky;bottom:0;background:#fff;border-radius:0 0 16px 16px}.detalle-seccion{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.detalle-seccion:last-child{border-bottom:none;margin-bottom:0}.detalle-seccion h3{font-size:.9rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.detalle-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detalle-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.detalle-item{display:flex;flex-direction:column;gap:2px}.detalle-label{font-size:.8rem;color:#9ca3af;font-weight:500}.detalle-value{font-size:.95rem;color:#1f2937;font-weight:600}.detalle-stat{padding:12px 16px;border-radius:10px;text-align:center}.detalle-stat-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.detalle-stat-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.detalle-stat-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.detalle-stat-label{display:block;font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:4px}.detalle-stat-value{display:block;font-size:1.3rem;font-weight:800;color:#1f2937}.detalle-tabla{width:100%;border-collapse:collapse;font-size:.9rem}.detalle-tabla th{text-align:left;padding:8px 12px;background:#f9fafb;color:#6b7280;font-weight:600;font-size:.8rem;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.detalle-tabla td{padding:8px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.detalle-tabla .text-right{text-align:right}.detalle-tabla-total{background:#f0f9ff}.detalle-tabla-total td{border-top:2px solid #3b82f6;border-bottom:none;padding:10px 12px}.metodo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.badge-movimiento{padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-egreso{background:#fee2e2;color:#991b1b}.detalle-efectivo-desglose{background:#f9fafb;border-radius:10px;padding:12px 16px}.detalle-efectivo-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;color:#374151}.detalle-efectivo-row.text-success span:last-child{color:#059669;font-weight:600}.detalle-efectivo-row.text-danger span:last-child{color:#dc2626;font-weight:600}.detalle-efectivo-total{margin-top:8px;padding-top:10px;border-top:2px solid #3b82f6}.detalle-efectivo-total span{font-size:1.05rem}.detalle-vacio{color:#9ca3af;font-style:italic;text-align:center;padding:12px}.btn-info{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;border:none}.btn-info:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9)}@media (max-width: 640px){.modal-detalle-caja{width:95%;max-height:95vh}.detalle-grid-2col,.detalle-grid-3col{grid-template-columns:1fr}.detalle-tabla{font-size:.8rem}.detalle-tabla th,.detalle-tabla td{padding:6px 8px}}.historial-cierres-page{max-width:1400px;margin:0 auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-text-light)}.empty-state svg{margin-bottom:20px;opacity:.3}.empty-state p{margin:0;font-size:16px}.cierres-container{display:flex;flex-direction:column;gap:20px}.cierre-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.cierre-card:hover{box-shadow:var(--shadow-md)}.cierre-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;cursor:pointer;gap:16px;flex-wrap:wrap}.cierre-fecha{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}.cierre-usuario{font-size:13px;opacity:.9;padding:4px 12px;background:#ffffff26;border-radius:var(--radius-sm)}.cierre-diferencia{display:flex;align-items:center;gap:6px;font-weight:700;padding:6px 14px;border-radius:var(--radius-sm);font-size:14px}.cierre-diferencia.positiva{background:#22c55e33;color:#dcfce7}.cierre-diferencia.negativa{background:#ef444433;color:#fee2e2}.cierre-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px;background:#f8fafc;border-bottom:1px solid var(--color-border)}.resumen-item{display:flex;flex-direction:column;gap:4px}.resumen-item.final{grid-column:span 2;padding:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.resumen-label{font-size:12px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.resumen-valor{font-size:18px;font-weight:700;color:var(--color-text-primary)}.resumen-valor.destacado{color:var(--color-primary)}.resumen-valor.total{font-size:24px;background:linear-gradient(135deg,var(--color-primary),#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cierre-detalle{max-height:0;overflow:hidden;opacity:0;transition:all .4s ease;padding:0 24px}.cierre-detalle.expandido{max-height:2000px;opacity:1;padding:24px;border-top:2px solid var(--color-border)}.cierre-detalle h3{margin:0 0 20px;color:var(--color-text-primary);font-size:18px;font-weight:700}.arqueo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.arqueo-section h4{margin:0 0 16px;color:var(--color-text-secondary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.arqueo-fila{display:grid;grid-template-columns:100px 80px 1fr;gap:12px;padding:10px 12px;background:#fff;border-radius:var(--radius-sm);align-items:center;margin-bottom:8px;box-shadow:0 1px 3px #0000000d}.arqueo-denom{font-weight:600;color:var(--color-text-primary);font-size:14px}.arqueo-cantidad{color:var(--color-text-secondary);font-size:13px;text-align:center}.arqueo-subtotal{font-weight:700;color:var(--color-primary);text-align:right;font-size:14px}.arqueo-total{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--radius-md);margin-top:20px;font-size:18px}.arqueo-total strong{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--color-primary),#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cierre-notas{padding:16px 24px 24px;color:var(--color-text-secondary);font-size:14px;line-height:1.6;background:#eff6ff;border-left:4px solid #60a5fa;margin:16px 24px 0;border-radius:var(--radius-sm)}.cierre-notas strong{color:var(--color-text-primary);margin-right:8px}.filtros-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.filtros-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.filtro-item{display:flex;flex-direction:column;gap:8px}.filtro-item label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.filtro-item .input{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.filtro-item .input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.btn-reimprimir{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;transition:all .2s}.btn-reimprimir:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width: 768px){.cierre-header{flex-direction:column;align-items:flex-start;padding:16px}.cierre-fecha{font-size:14px}.cierre-diferencia{width:100%;justify-content:center}.cierre-resumen{grid-template-columns:1fr;gap:12px;padding:16px}.resumen-item.final{grid-column:span 1}.arqueo-grid{grid-template-columns:1fr;gap:16px}.arqueo-fila{grid-template-columns:80px 60px 1fr;gap:8px;padding:8px 10px}.arqueo-denom{font-size:13px}.arqueo-cantidad{font-size:12px}.arqueo-subtotal{font-size:13px}.arqueo-total{flex-direction:column;gap:8px;padding:16px}.cierre-detalle.expandido{padding:16px}}.modal-editar-mp{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-cerrar-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s}.modal-cerrar-btn:hover{background:#f3f4f6;color:#374151}.modal-editar-mp-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-editar-mp-header h2{margin:0 0 4px;font-size:18px;color:#111827}.factura-ref{margin:0;font-size:14px;color:#6b7280}.error-banner{display:flex;align-items:center;gap:8px;margin:12px 24px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.modal-editar-mp-body{padding:20px 24px}.metodos-asignados{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.metodo-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border-radius:10px;border-left:4px solid #6b7280;gap:12px}.metodo-row-info{display:flex;align-items:center;gap:8px;min-width:130px}.metodo-nombre{font-size:14px;font-weight:500;color:#374151}.metodo-row-acciones{display:flex;align-items:center;gap:8px}.monto-input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.monto-prefix{padding:6px 8px;background:#f3f4f6;color:#6b7280;font-size:14px;border-right:1px solid #d1d5db}.monto-input{width:110px;padding:6px 10px;border:none;font-size:14px;outline:none}.monto-input:focus{box-shadow:inset 0 0 0 1px #6366f1}.btn-asignar-todo{padding:6px 10px;background:#e0e7ff;color:#4338ca;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-asignar-todo:hover{background:#c7d2fe}.btn-eliminar-metodo{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer}.btn-eliminar-metodo:hover{background:#fecaca}.agregar-metodo select{width:100%;padding:10px 14px;border:2px dashed #d1d5db;border-radius:10px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;margin-bottom:16px}.agregar-metodo select:focus{border-color:#6366f1;outline:none}.resumen-metodos{background:#f3f4f6;border-radius:10px;padding:14px;margin-bottom:16px}.resumen-metodos .resumen-fila{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;color:#374151}.monto-total{font-weight:600}.monto-total.valido{color:#059669}.monto-total.invalido{color:#dc2626}.resumen-fila.diferencia{color:#dc2626;font-weight:500;border-top:1px solid #e5e7eb;padding-top:8px;margin-top:4px}.monto-diferencia{font-weight:600;color:#dc2626}.motivo-campo{margin-bottom:8px}.motivo-campo label{display:block;font-size:13px;color:#6b7280;margin-bottom:6px}.motivo-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.motivo-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.modal-editar-mp-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb}.modal-editar-mp-footer .btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancelar{background:#f3f4f6;color:#374151}.btn-cancelar:hover{background:#e5e7eb}.btn-guardar{background:#6366f1;color:#fff}.btn-guardar:hover:not(:disabled){background:#4f46e5}.modal-detalle-factura{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideIn .3s ease-out}.detalle-factura-header{display:flex;justify-content:space-between;align-items:center;padding:32px;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);color:#fff;border-radius:16px 16px 0 0}.factura-numero-badge{display:flex;align-items:center;gap:16px}.factura-numero-badge>svg{flex-shrink:0}.factura-numero-badge>div{display:flex;flex-direction:column;gap:4px}.factura-label{font-size:13px;opacity:.9;font-weight:500}.factura-numero{font-size:28px;font-weight:700;letter-spacing:-.5px}.estado-badge{padding:8px 20px;border-radius:24px;font-weight:600;font-size:13px;text-transform:uppercase;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.estado-badge.pagada{background:#27ae60e6}.estado-badge.pendiente{background:#f39c12e6}.estado-badge.cancelada{background:#e74c3ce6}.detalle-factura-contenido{padding:32px}.loading-detalle{text-align:center;padding:40px;color:#7f8c8d;font-size:16px}.detalle-seccion{margin-bottom:32px}.detalle-seccion:last-child{margin-bottom:0}.detalle-seccion h3{font-size:18px;font-weight:700;color:#2c3e50;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #ecf0f1;display:flex;align-items:center;gap:8px}.detalle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detalle-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.detalle-item .label{font-size:13px;color:#7f8c8d;font-weight:500;display:flex;align-items:center;gap:6px}.detalle-item .valor{font-size:16px;color:#2c3e50;font-weight:600}.detalle-item .valor.metodo-pago{text-transform:capitalize;color:#2c3e50}.metodos-pago-item{grid-column:1 / -1}.metodos-pago-lista{display:flex;flex-wrap:wrap;gap:8px}.metodo-pago-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.metodo-pago-badge .metodo-monto{background:#ffffff40;padding:2px 8px;border-radius:12px;font-size:13px;font-weight:700}.items-tabla-container{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.items-tabla{width:100%;border-collapse:collapse;background:#fff}.items-tabla thead{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.items-tabla thead th{padding:14px 12px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.items-tabla thead th.text-center{text-align:center}.items-tabla thead th.text-right{text-align:right}.items-tabla tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.items-tabla tbody tr:hover{background-color:#f8f9fa}.items-tabla tbody tr:last-child{border-bottom:none}.items-tabla tbody td{padding:14px 12px;color:#2c3e50;font-size:14px}.items-tabla tbody td.text-center{text-align:center}.items-tabla tbody td.text-right{text-align:right}.items-tabla tbody td.text-danger{color:#e74c3c}.items-tabla tbody td.font-bold{font-weight:700}.producto-info{display:flex;align-items:center;gap:8px;color:#2c3e50}.producto-info svg{color:#3498db;flex-shrink:0}.totales-tabla{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.total-fila{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e9ecef}.total-fila:last-child{border-bottom:none}.total-fila.descuento .total-valor{color:#e74c3c}.total-fila.final{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:18px 20px;font-size:18px;border-top:2px solid #3b82f6}.total-label{font-size:15px;font-weight:600;color:#2c3e50}.total-fila.final .total-label{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.total-valor{font-size:16px;font-weight:700;color:#2c3e50}.total-fila.final .total-valor{color:#fff;font-size:22px}.notas-factura{background:#fff3cd;padding:16px;border-radius:8px;color:#856404;font-size:14px;line-height:1.6;margin:0;border-left:4px solid #ffc107}.detalle-factura-acciones{display:flex;gap:12px;padding:24px 32px;background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e9ecef}.detalle-factura-acciones .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.detalle-factura-acciones .btn-secondary{background:#6c757d;color:#fff}.detalle-factura-acciones .btn-secondary:hover{background:#5a6268}.detalle-factura-acciones .btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.detalle-factura-acciones .btn-primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 768px){.modal-detalle-factura{max-width:100%;margin:0;border-radius:0;max-height:100vh}.detalle-factura-header{flex-direction:column;gap:16px;padding:24px 20px;align-items:flex-start}.factura-numero{font-size:22px}.detalle-factura-contenido{padding:20px}.detalle-grid{grid-template-columns:1fr}.items-tabla-container{overflow-x:auto}.items-tabla{min-width:600px}.detalle-factura-acciones{flex-direction:column;padding:20px}.detalle-factura-acciones .btn{width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-editar-mp-inline{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e0e7ff;color:#4338ca;border:none;border-radius:6px;cursor:pointer;margin-left:6px;vertical-align:middle;transition:all .2s}.btn-editar-mp-inline:hover{background:#c7d2fe}.btn.btn-warning{background:#f59e0b;color:#fff}.btn.btn-warning:hover{background:#d97706}.historial-page{max-width:1400px}.historial-page .page-header-left{display:flex;align-items:center;gap:16px}.historial-page .btn-volver{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.historial-page .btn-volver:hover{background-color:var(--color-surface-dark);transform:translateY(-1px)}.tabs-container{display:flex;gap:8px;margin-bottom:20px;background-color:#fff;padding:8px;border-radius:var(--radius-md)}.tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.tab:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.tab.active{background-color:var(--color-primary);color:#fff}.tab svg{flex-shrink:0}.search-container{padding:16px 20px;background-color:#fff;border-radius:var(--radius-md);margin-bottom:12px}.search-input-group{display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:all .2s ease}.search-input-group:focus-within{border-color:var(--color-primary);background-color:#fff}.search-input-group svg{color:var(--color-text-secondary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:14px;font-family:inherit;outline:none;color:var(--color-text-primary)}.search-input::placeholder{color:var(--color-text-light)}.results-info{display:flex;justify-content:flex-end;padding:8px 20px;margin-bottom:12px}.results-count{padding:6px 14px;background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--color-text-secondary)}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background-color:#fff;border-radius:var(--radius-md);margin-top:20px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.pagination-btn:disabled{background-color:var(--color-border);color:var(--color-text-light);cursor:not-allowed;transform:none}.pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.pagination-info strong{color:var(--color-text-primary)}.pagination-separator{color:var(--color-border);margin:0 4px}.filters-container{display:flex;align-items:center;gap:16px;padding:20px;background-color:#fff;border-radius:var(--radius-md);margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.date-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:8px 16px;background-color:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background-color:#dc2626;transform:translateY(-1px)}.filter-results{margin-left:auto;padding:8px 16px;background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text-secondary)}.empty-cell{text-align:center!important;padding:60px 20px!important;color:var(--color-text-light)}.empty-cell svg{margin-bottom:12px;opacity:.3}.empty-cell p{margin:0;font-size:15px}.date-cell{display:flex;align-items:center;gap:6px;font-size:13px}.date-cell svg{color:var(--color-text-secondary);flex-shrink:0}.total-value{color:var(--color-success);font-size:15px}.metodos-pago-lista{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.metodo-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:capitalize;color:var(--color-text-primary);white-space:nowrap}.factura-electronica-info{display:flex;flex-direction:column;gap:6px;min-width:180px}.fe-status{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.status-icon-approved{color:var(--color-success)}.status-icon-pending{color:var(--color-warning)}.status-icon-error{color:var(--color-danger)}.fe-status-text{text-transform:capitalize}.fe-status-text.approved{color:var(--color-success)}.fe-status-text.pending{color:var(--color-warning)}.fe-status-text.error,.fe-status-text.rejected{color:var(--color-danger)}.fe-numero{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary);font-family:monospace}.fe-numero svg{color:var(--color-primary);flex-shrink:0}.fe-cufe{font-size:11px;color:var(--color-text-light);font-family:monospace;background-color:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);cursor:help}.fe-error{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-danger);background-color:#ef44441a;padding:4px 6px;border-radius:var(--radius-sm);cursor:help}.fe-error svg{flex-shrink:0}.fe-not-sent{font-size:12px;color:var(--color-text-light);font-style:italic}.table-container{width:100%;overflow-x:auto;background-color:#fff;border-radius:var(--radius-md);margin-bottom:0}.historial-page .table{width:100%;min-width:900px;background-color:#fff;border-collapse:collapse}.historial-page .table th{background-color:var(--color-surface);padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.historial-page .table td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:14px}.historial-page .table tbody tr:hover{background-color:var(--color-surface)}.historial-page .action-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.historial-page .btn-action{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.historial-page .btn-action:disabled{opacity:.6;cursor:not-allowed}.historial-page .btn-send-factus{background-color:var(--color-primary);color:#fff}.historial-page .btn-send-factus:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.historial-page .btn-resend-factus{background-color:var(--color-warning);color:#fff}.historial-page .btn-resend-factus:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.historial-page .btn-download-pdf{background-color:var(--color-success);color:#fff}.historial-page .btn-download-pdf:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.historial-page .btn-download-xml{background-color:#3b82f6;color:#fff}.historial-page .btn-download-xml:hover:not(:disabled){background-color:#1e40af;transform:translateY(-1px)}.historial-page .btn-preview{background-color:var(--color-secondary);color:#fff}.historial-page .btn-preview:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.historial-page .btn-reprint{background-color:#60a5fa;color:#fff}.historial-page .btn-reprint:hover:not(:disabled){background-color:#3b82f6;transform:translateY(-1px)}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;overflow:hidden}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.preview-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.preview-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#6b7280;transition:all .15s}.preview-modal-close:hover{background:#f3f4f6;color:#1f2937}.preview-modal-body{flex:1;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.historial-page .table{font-size:12px}.historial-page .table th,.historial-page .table td{padding:10px 8px}.historial-page .factura-electronica-info{min-width:150px}.historial-page .action-buttons{flex-direction:column;align-items:stretch}.historial-page .btn-action{width:100%;justify-content:center}}.configuracion-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px 24px}.modal-overlay-config{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-auth-config{background:#fff;border-radius:20px;width:90%;max-width:480px;box-shadow:0 25px 60px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.modal-header-auth{text-align:center;padding:36px 24px 28px;border-bottom:2px solid #f1f5f9}.modal-header-auth .header-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #3b82f64d}.modal-header-auth h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.modal-header-auth p{font-size:14px;color:#64748b;margin:0}.form-auth{padding:28px 24px 24px}.error-mensaje{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fee2e2;border:2px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;font-weight:600;margin-bottom:20px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.input-group-auth{margin-bottom:24px}.input-group-auth label{display:block;font-size:14px;font-weight:600;color:#475569;margin-bottom:10px}.password-input-wrapper{position:relative;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;transition:all .2s}.password-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.password-input-wrapper svg:first-child{color:#94a3b8;flex-shrink:0;margin-right:12px}.password-input-wrapper input{flex:1;border:none;background:transparent;font-size:15px;color:#1e293b;outline:none}.password-input-wrapper input::placeholder{color:#cbd5e1}.btn-toggle-password{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-toggle-password:hover{background:#e2e8f0;color:#475569}.acciones-auth{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.btn-cancelar-auth,.btn-acceder-auth{padding:14px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancelar-auth{background:#f1f5f9;color:#64748b}.btn-cancelar-auth:hover:not(:disabled){background:#e2e8f0;color:#475569}.btn-acceder-auth{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-acceder-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-acceder-auth:disabled,.btn-cancelar-auth:disabled{opacity:.6;cursor:not-allowed}.info-contacto{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dbeafe;border-radius:8px;color:#1e40af;font-size:12px;font-weight:500}.configuracion-container{max-width:1400px;margin:0 auto}.configuracion-header{margin-bottom:40px;animation:fadeIn .5s ease}.configuracion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeIn .6s ease}.seccion-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.seccion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-color);transform:scaleY(0);transition:transform .3s ease}.seccion-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:var(--card-color)}.seccion-card:hover:before{transform:scaleY(1)}.card-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00000008;transition:all .3s ease}.seccion-card:hover .card-icon{transform:scale(1.1) rotate(5deg);background:var(--card-color);color:#fff!important}.card-content{flex:1}.card-content h3{font-size:17px;font-weight:700;color:#1e293b;margin:0 0 6px}.card-content p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.configuracion-header{text-align:center;margin-bottom:48px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #3b82f64d;animation:float 3s ease-in-out infinite}.configuracion-header h1{font-size:36px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.configuracion-header p{font-size:16px;color:var(--color-text-secondary);margin:0}.config-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:48px}.config-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.config-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--section-color);transform:scaleY(0);transition:transform .3s ease}.config-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:var(--section-color)}.config-card:hover:before{transform:scaleY(1)}.config-card-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.config-card:hover .config-card-icon{transform:scale(1.1) rotate(5deg)}.config-card-content{flex:1}.config-card-content h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 6px}.config-card-content p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}.config-card-arrow{color:#cbd5e1;flex-shrink:0;transition:all .3s ease}.config-card:hover .config-card-arrow{color:var(--section-color);transform:translate(4px)}.configuracion-footer{margin-top:48px}.warning-box{background:#dbeafe;border:2px solid #bfdbfe;border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;color:#1e40af}.warning-box svg{flex-shrink:0;margin-top:2px}.warning-box strong{display:block;font-size:16px;margin-bottom:4px}.warning-box p{margin:0;font-size:14px;line-height:1.5}.config-info-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.config-info-content{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 25px 50px #0000004d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.config-info-header{text-align:center;padding:32px 24px 24px;border-bottom:1px solid #e5e7eb}.config-info-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #00000026}.config-info-header h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.config-info-body{padding:24px}.info-message{display:flex;align-items:center;gap:12px;padding:16px;background:#dbeafe;border:2px solid #bfdbfe;border-radius:12px;color:#1e40af;margin-bottom:16px}.info-message svg{flex-shrink:0}.info-message p{margin:0;font-size:14px;font-weight:600}.info-description{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.6}.config-info-footer{padding:16px 24px 24px;display:flex;justify-content:center}.btn-close-info{padding:12px 32px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.btn-close-info:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}@media (max-width: 768px){.configuracion-page{padding:24px 16px}.configuracion-header h1{font-size:28px}.header-icon{width:80px;height:80px}.header-icon svg{width:36px;height:36px}.config-sections-grid{grid-template-columns:1fr;gap:16px}.config-card{padding:20px}.config-card-icon{width:56px;height:56px}.config-card-icon svg{width:28px;height:28px}.config-card-content h3{font-size:16px}.config-card-content p{font-size:13px}.config-info-content{max-width:95%}}.config-empresa-page{min-height:100vh;background:#f5f7fa;padding:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#64748b}.loading-container .spinner{animation:spin 1s linear infinite;color:#2f7bef}.config-empresa-header{max-width:1200px;margin:0 auto 24px}.btn-volver{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #E6E9F2;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-volver:hover{background:#f8fafc;border-color:#2f7bef;color:#2f7bef}.header-content{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#fff;border-radius:12px;border:1px solid #E6E9F2;box-shadow:0 1px 3px #0000000d}.header-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2f7bef,#3068d9);border-radius:12px;color:#fff;box-shadow:0 4px 12px #2f7bef40}.header-content h1{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.header-content p{font-size:14px;color:#64748b;margin:0}.header-meta{text-align:right}.meta-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px;font-weight:500}.meta-value{font-size:13px;color:#475569;font-weight:600}.alert-success{max-width:1200px;margin:0 auto 24px;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600;box-shadow:0 4px 12px #10b9814d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.config-empresa-container{max-width:1200px;margin:0 auto}.config-empresa-form{background:#fff;border-radius:12px;border:1px solid #E6E9F2;padding:32px;box-shadow:0 1px 3px #0000000d}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.form-field input{width:100%;padding:12px 14px;border:1px solid #D0D4E0;border-radius:6px;font-size:14px;color:#1e293b;transition:all .2s;background:#fff}.form-field input:focus{outline:none;border-color:#2f7bef;box-shadow:0 0 0 3px #2f7bef1a}.form-field input::placeholder{color:#cbd5e1;font-size:13px}.form-field input:disabled{background:#f5f7fa;color:#94a3b8;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #E6E9F2}.btn-cancelar,.btn-guardar{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancelar{background:#f1f5f9;color:#64748b;border:1px solid #E6E9F2}.btn-cancelar:hover:not(:disabled){background:#e6e9f2;color:#475569}.btn-guardar{background:linear-gradient(135deg,#2f7bef,#3068d9);color:#fff;box-shadow:0 2px 8px #2f7bef40}.btn-guardar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2f7bef59}.btn-guardar:active:not(:disabled){transform:translateY(0)}.btn-guardar:disabled,.btn-cancelar:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-guardar .spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.config-empresa-page{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.header-meta{text-align:left;width:100%}.config-empresa-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.form-field.full-width{grid-column:1}.form-actions{flex-direction:column-reverse}.btn-cancelar,.btn-guardar{width:100%}.header-content h1{font-size:20px}.header-icon-wrapper{width:48px;height:48px}}.facturacion-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.alertas-resoluciones-container{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;animation:slideDown .3s ease}.alerta-resolucion{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #0000001a}.alerta-resolucion svg{flex-shrink:0}.alerta-resolucion.alerta-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;color:#b91c1c}.alerta-resolucion.alerta-error svg{color:#dc2626}.alerta-resolucion.alerta-warning{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #fcd34d;color:#1d4ed8}.alerta-resolucion.alerta-warning svg{color:#3b82f6}.facturacion-header{margin-bottom:32px;animation:fadeIn .5s ease}.btn-back{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px;display:inline-flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s;margin-bottom:16px}.btn-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translate(-4px)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.header-title svg{color:#10b981;flex-shrink:0}.header-title h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.header-title p{font-size:14px;color:#64748b;margin:0}.btn-nuevo{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;min-height:52px}.btn-nuevo:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container svg{color:#ef4444;margin-bottom:16px}.error-container h3{font-size:20px;color:#1e293b;margin:0 0 8px}.error-container p{color:#64748b;margin:0 0 20px}.btn-reintentar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reintentar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.resoluciones-container{animation:fadeIn .6s ease}.empty-state{background:#fff;border:3px dashed #cbd5e1;border-radius:16px;padding:80px 40px;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:20px}.empty-state h3{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0 0 24px}.btn-crear-primera{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.btn-crear-primera:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.tabla-wrapper{background:#fff;border:3px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.tabla-resoluciones{width:100%;border-collapse:collapse;font-size:14px}.tabla-resoluciones thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.tabla-resoluciones thead tr{border-bottom:3px solid #e2e8f0}.tabla-resoluciones th{padding:18px 16px;text-align:left;font-weight:700;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.tabla-resoluciones tbody tr{border-bottom:2px solid #f1f5f9;transition:all .2s}.tabla-resoluciones tbody tr:hover{background:#fafbfc}.tabla-resoluciones td{padding:20px 16px;vertical-align:middle}.estado-badges{display:flex;flex-direction:column;gap:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;width:fit-content}.badge-activo{background:#d1fae5;color:#065f46;border:2px solid #a7f3d0}.badge-inactivo{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.badge-vencido{background:#fee2e2;color:#991b1b;border:2px solid #fecaca}.badge-electronica{background:#dbeafe;color:#5b21b6;border:2px solid #c4b5fd}.badge-pos{background:#dbeafe;color:#1e40af;border:2px solid #fcd34d}.prefijo-destacado{display:inline-block;font-size:18px;font-weight:700;color:#10b981;background:#d1fae5;padding:8px 16px;border-radius:8px;border:2px solid #a7f3d0}.rango-texto{font-family:Courier New,monospace;color:#475569;font-weight:600}.numero-actual{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#3b82f6;background:#dbeafe;padding:6px 12px;border-radius:8px;border:2px solid #bfdbfe}.disponibles-container{display:flex;align-items:center;gap:8px}.numero-disponibles{font-size:15px;font-weight:700;color:#1e293b}.icono-alerta{color:#3b82f6}.uso-container{display:flex;flex-direction:column;gap:8px}.progreso-container{display:flex;align-items:center;gap:12px}.barra-progreso{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden;border:2px solid #e2e8f0}.barra-progreso-fill{height:100%;transition:width .3s ease;border-radius:4px}.porcentaje-texto{font-size:13px;font-weight:700;color:#475569;min-width:50px;text-align:right}.disponibles-info{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:8px;width:fit-content}.disponibles-numero{font-size:14px;font-weight:900;color:#0369a1}.disponibles-label{font-size:11px;font-weight:700;color:#0284c7;text-transform:uppercase;letter-spacing:.5px}.vigencia-fechas{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#64748b}.vigencia-fechas .separador{color:#cbd5e1;text-align:center}.texto-sin-datos{color:#cbd5e1;font-style:italic;font-size:13px}.acciones-botones{display:flex;gap:8px}.btn-accion{width:40px;height:40px;border-radius:10px;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff}.btn-editar{color:#3b82f6;border-color:#bfdbfe}.btn-editar:hover{background:#dbeafe;border-color:#3b82f6;transform:translateY(-2px)}.btn-eliminar{color:#ef4444;border-color:#fecaca}.btn-eliminar:hover{background:#fee2e2;border-color:#ef4444;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:20px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:3px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header-info{display:flex;align-items:center;gap:14px}.modal-header-info svg{color:#10b981}.modal-header-info h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.btn-cerrar-modal{width:40px;height:40px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-cerrar-modal:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.modal-form{padding:32px}.tipo-resolucion-selector{display:flex;gap:16px;margin-bottom:24px}.tipo-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.tipo-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.tipo-btn.activo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;box-shadow:0 4px 12px #8b5cf633}.tipo-btn svg{color:#64748b}.tipo-btn.activo svg{color:#3b82f6}.tipo-btn span{font-size:1rem;font-weight:600;color:#475569}.tipo-btn.activo span{color:#5b21b6}.tipo-btn small{font-size:.75rem;color:#94a3b8}.tipo-btn.activo small{color:#3b82f6}.form-seccion{margin-bottom:32px;padding:24px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px}.seccion-titulo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.seccion-titulo svg{color:#10b981}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group-full{grid-column:1 / -1}.form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{width:100%;padding:14px 16px;font-size:14px;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s;outline:none}.form-group input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.form-group input::placeholder{color:#cbd5e1}.form-help{display:block;font-size:12px;color:#64748b;margin-top:6px;font-style:italic}.form-group-checkbox{grid-column:1 / -1;padding-top:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;font-weight:600;color:#1e293b}.checkbox-label input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:#10b981}.modal-footer{display:flex;gap:12px;padding:24px 32px;border-top:3px solid #f1f5f9;background:#fafbfc}.btn-cancelar,.btn-guardar{flex:1;padding:16px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancelar:hover:not(:disabled){background:#e2e8f0;color:#475569}.btn-guardar{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-guardar:disabled,.btn-cancelar:disabled{opacity:.6;cursor:not-allowed}.modal-confirmacion{background:#fff;border-radius:20px;padding:36px;max-width:480px;text-align:center;box-shadow:0 25px 60px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.confirmacion-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;border:3px solid #bfdbfe}.modal-confirmacion h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.modal-confirmacion p{font-size:14px;color:#64748b;margin:0 0 8px;line-height:1.6}.confirmacion-advertencia{color:#ef4444;font-weight:600;margin-bottom:24px}.confirmacion-botones{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.btn-confirmar-eliminar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef44444d}.btn-confirmar-eliminar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-confirmar-eliminar:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.facturacion-page{padding:16px}.header-content{flex-direction:column;align-items:flex-start}.btn-nuevo{width:100%;justify-content:center}.tabla-wrapper{overflow-x:auto}.tabla-resoluciones{min-width:1200px}.modal-content{max-height:95vh}.modal-header,.modal-form{padding:20px}.form-seccion{padding:16px}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:16px 20px}.confirmacion-botones{grid-template-columns:1fr}}.cf-notificacion{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:10000;animation:slideInRight .3s ease;max-width:450px}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.cf-notificacion.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;color:#065f46}.cf-notificacion.success svg{color:#10b981}.cf-notificacion.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;color:#991b1b}.cf-notificacion.error svg{color:#ef4444}.cf-notificacion.warning{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #fcd34d;color:#1e40af}.cf-notificacion.warning svg{color:#3b82f6}.cf-notificacion-contenido{display:flex;align-items:center;gap:12px;flex:1}.cf-notificacion-contenido span{font-size:14px;font-weight:500}.cf-notificacion-cerrar{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.cf-notificacion-cerrar:hover{opacity:1}.btn-historial{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}.btn-historial:hover,.btn-historial.active{background:#3b82f6;color:#fff}.historial-row td{padding:0!important;background:#f8fafc}.historial-container{padding:16px 20px;border-top:2px solid #3b82f6;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.historial-container h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;color:#1e40af}.historial-table{width:100%;border-collapse:collapse;font-size:.85rem}.historial-table th{background:#e0e7ff;color:#3730a3;padding:8px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase}.historial-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0;color:#334155}.historial-table tbody tr:hover{background:#eff6ff}.numero-anterior{color:#dc2626;font-weight:600;font-family:monospace}.numero-nuevo{color:#16a34a;font-weight:600;font-family:monospace}.historial-loading,.historial-vacio{text-align:center;color:#64748b;padding:16px;font-size:.85rem}.metodos-pago-container{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.metodos-pago-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;flex-wrap:wrap}.metodos-pago-titulo{font-size:32px;font-weight:900;color:#1e293b;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.5px;flex:1;text-align:center}.btn-volver{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #64748b4d;min-height:52px}.btn-volver:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64748b66;background:linear-gradient(135deg,#475569,#334155)}.btn-nuevo-metodo{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98166;min-height:52px}.btn-nuevo-metodo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180;background:linear-gradient(135deg,#059669,#047857)}.metodos-pago-tabla-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;border:3px solid #e2e8f0}.metodos-pago-tabla{width:100%;border-collapse:collapse}.metodos-pago-tabla thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.metodos-pago-tabla th{padding:18px 16px;text-align:left;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid #10b981}.metodos-pago-tabla tbody tr{border-bottom:2px solid #f1f5f9;transition:all .15s ease}.metodos-pago-tabla tbody tr:hover{background-color:#f8fafc;transform:scale(1.005)}.metodos-pago-tabla td{padding:16px;font-size:14px;color:#475569;vertical-align:middle}.codigo-dian{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #93c5fd;border-radius:10px;font-weight:800;font-size:13px;font-family:Courier New,monospace}.descripcion-texto{color:#64748b;font-size:13px;font-style:italic;max-width:250px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icono-preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px}.color-preview{display:flex;align-items:center;gap:8px}.color-cuadro{width:32px;height:32px;border-radius:8px;border:3px solid #e2e8f0;box-shadow:0 2px 8px #00000026}.color-preview span{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#64748b}.orden-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #fcd34d;border-radius:50%;font-weight:900;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:14px 16px;border:3px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.input-readonly{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);cursor:not-allowed;opacity:.7}.icono-preview-grande{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f8fafc;border:3px solid #e2e8f0;border-radius:12px;margin-top:8px}.icono-preview-grande svg{width:32px;height:32px}.color-selector{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.color-opcion{width:48px;height:48px;border-radius:10px;border:3px solid #e2e8f0;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.color-opcion:hover{transform:scale(1.15);box-shadow:0 4px 16px #00000040}.color-opcion.seleccionado{border-color:#1e293b;border-width:4px;transform:scale(1.1);box-shadow:0 0 0 4px #10b98133}.checkbox-label input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#10b981}.btn-guardar{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98166;min-height:52px}.btn-guardar:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.metodos-pago-loading,.metodos-pago-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;font-weight:700}.metodos-pago-loading{color:#10b981}.metodos-pago-error{color:#ef4444}@media (max-width: 768px){.metodos-pago-header{flex-direction:column;align-items:stretch}.metodos-pago-titulo{text-align:center;font-size:24px}.form-row{grid-template-columns:1fr}.metodos-pago-tabla-container{overflow-x:auto}.metodos-pago-tabla{min-width:900px}}.cajas-container{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.cajas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;flex-wrap:wrap}.cajas-titulo{font-size:32px;font-weight:900;color:#1e293b;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.5px;flex:1;text-align:center}.btn-nueva-caja{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf666;min-height:52px}.btn-nueva-caja:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680;background:linear-gradient(135deg,#3b82f6,#6d28d9)}.cajas-tabla-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;border:3px solid #e2e8f0}.cajas-tabla{width:100%;border-collapse:collapse}.cajas-tabla thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.cajas-tabla th{padding:18px 16px;text-align:left;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid #60a5fa}.cajas-tabla tbody tr{border-bottom:2px solid #f1f5f9;transition:all .15s ease}.cajas-tabla tbody tr:hover{background-color:#f8fafc;transform:scale(1.005)}.cajas-tabla td{padding:16px;font-size:14px;color:#475569;vertical-align:middle}.codigo-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#dbeafe,#c7d2fe);color:#4338ca;border:2px solid #a5b4fc;border-radius:10px;font-weight:800;font-size:13px;font-family:Courier New,monospace}.nombre-caja{display:flex;align-items:center;gap:10px;color:#1e293b}.nombre-caja svg{color:#60a5fa}.ubicacion-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.ubicacion-info svg{color:#3b82f6}.sin-dato{color:#cbd5e1;font-style:italic;font-size:13px}.resolucion-info{display:flex;flex-direction:column;gap:4px}.resolucion-numero{font-weight:700;color:#1e293b;font-size:13px}.resolucion-prefijo{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #93c5fd;border-radius:6px;font-size:11px;font-weight:800;width:fit-content;font-family:Courier New,monospace}.sin-resolucion{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #fcd34d;border-radius:8px;font-size:12px;font-weight:700;font-style:italic}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-weight:800;font-size:13px;border:2px solid;text-transform:uppercase;letter-spacing:.5px}.badge-activo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.badge-inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.acciones{display:flex;gap:8px}.btn-accion{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-editar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.btn-editar:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.btn-eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.btn-eliminar:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#fecaca,#fca5a5)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 64px #0000004d;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;border:4px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:3px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.modal-header h2{margin:0;font-size:24px;font-weight:900;color:#1e293b;letter-spacing:-.5px}.btn-cerrar-modal{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-cerrar-modal:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#fecaca,#fca5a5)}.modal-form{padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:700;font-size:14px;color:#334155;text-transform:uppercase;letter-spacing:.5px}.requerido{color:#ef4444;font-weight:900}.form-group input[type=text],.form-group select{padding:14px 16px;border:3px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #8b5cf61a}.campo-ayuda{font-size:12px;color:#64748b;font-style:italic;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 0}.checkbox-label input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#60a5fa}.checkbox-label span{font-weight:700;font-size:15px;color:#1e293b}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:3px solid #e2e8f0;margin-top:24px}.btn-cancelar{padding:14px 28px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e1;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:52px}.btn-cancelar:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-guardar{padding:14px 32px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf666;min-height:52px}.btn-guardar:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.cajas-loading,.cajas-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;font-weight:700}.cajas-loading{color:#60a5fa}.cajas-error{color:#ef4444}@media (max-width: 768px){.cajas-header{flex-direction:column;align-items:stretch}.cajas-titulo{text-align:center;font-size:24px}.form-row{grid-template-columns:1fr}.cajas-tabla-container{overflow-x:auto}.cajas-tabla{min-width:900px}}.toast-notification{position:fixed;bottom:24px;right:24px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;color:#fff;z-index:99999;box-shadow:0 8px 32px #0003;animation:toastSlideIn .3s ease;max-width:380px;line-height:1.4}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.posbox-header{background:linear-gradient(135deg,#10b981,#059669,#047857)}.posbox-header .logo-image{height:45px}.posbox-title-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.posbox-main-title{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative}.posbox-main-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,white,transparent);border-radius:2px}.posbox-subtitle{margin:0;font-size:12px;font-weight:600;color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase}.btn-back-to-main{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn-back-to-main:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-back-to-main:hover:before{left:100%}.btn-back-to-main:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-4px);box-shadow:0 4px 16px #00000026}.btn-back-to-main:active{transform:translate(-2px) scale(.98);box-shadow:0 2px 8px #0000001a}.btn-home-posfac{display:flex;align-items:center;justify-content:center;padding:10px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-home-posfac:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #00000026}.btn-home-posfac:active{transform:scale(.95) rotate(0)}@media (max-width: 768px){.posbox-title-section,.btn-back-to-main span{display:none}.btn-back-to-main{padding:10px}.posbox-main-title{font-size:18px}.posbox-subtitle{font-size:10px}}@media (max-width: 480px){.btn-back-to-main{gap:4px}}.posbox-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:70px 0 0;margin:0}.posbox-container{max-width:1400px;margin:0 auto;padding:2rem 2.5rem}.stats-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000000a;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.facturas{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-icon.notas{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.stat-icon.aprobadas{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.pendientes{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:.8rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.stat-amount{font-size:.9rem;font-weight:700;color:#059669;font-family:JetBrains Mono,monospace;margin-top:.25rem}.stat-amount.negative{color:#dc2626}.stat-pending{font-size:.75rem;color:#2563eb;font-weight:600;margin-top:.25rem}.stat-errors{font-size:.75rem;color:#dc2626;font-weight:600;margin-top:.25rem}.stat-icon.neto{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters-section{background:#fff;border-radius:16px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000a;border:1px solid #e2e8f0}.filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:10px;border:1px solid #e2e8f0}.filter-group label{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;color:#64748b}.filter-group label svg{color:#94a3b8}.date-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;color:#1e293b;background:#f8fafc;transition:all .2s ease;min-width:140px}.date-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:.5rem 1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.btn-clear-filters:hover{background:#fee2e2;border-color:#fca5a5}.btn-refresh{padding:.625rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#f1f5f9;color:#3b82f6;border-color:#3b82f6}.btn-refresh.loading svg{animation:spin 1s linear infinite}.tabs-section{display:flex;background:#fff;border-radius:16px;padding:.375rem;gap:.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000a;border:1px solid #e2e8f0}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;color:#64748b;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover:not(.active){background:#f8fafc;color:#475569}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-button .tab-count{background:#fff3;padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.tab-button:not(.active) .tab-count{background:#f1f5f9;color:#64748b}.main-content{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000000a;border:1px solid #e2e8f0;overflow:hidden;min-width:0}.section-content{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(180deg,#fafbfc,#fff)}.section-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.section-header h2 svg{color:#3b82f6}.section-stats{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-radius:10px;font-size:.8rem;font-weight:700}.fb-table-container{overflow-x:auto;background:#fff;-webkit-overflow-scrolling:touch}.fb-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff;table-layout:fixed}.fb-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.fb-table thead tr{border-bottom:2px solid #e2e8f0}.fb-table th{padding:1rem 1.25rem;text-align:left;font-weight:700;font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:transparent;overflow:hidden}.fb-table .fb-th-checkbox{width:40px}.fb-col-documento{width:170px}.fb-col-cliente{width:140px}.fb-col-fecha{width:120px}.fb-col-total{width:110px}.fb-col-cufe{width:150px}.fb-col-estado{width:165px}.fb-col-acciones{width:220px}.fb-col-tipo{width:100px}.fb-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.fb-table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#fff);transform:translate(2px)}.fb-table tbody tr:last-child{border-bottom:none}.fb-table td{padding:1.125rem 1.25rem;font-size:.875rem;color:#475569;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.fb-doc-numero{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-weight:700;font-size:.8rem;font-family:JetBrains Mono,monospace;box-shadow:0 2px 8px #3b82f633;max-width:100%;overflow:hidden}.fb-doc-numero svg{flex-shrink:0}.fb-doc-numero span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-cliente-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.fb-cliente-nombre{font-weight:600;color:#1e293b;font-size:.875rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-cliente-doc{font-size:.75rem;color:#94a3b8;font-family:JetBrains Mono,monospace;font-weight:500}.fb-fecha{display:inline-block;font-size:.8rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fb-total{font-weight:700;font-size:.95rem;color:#059669;font-family:JetBrains Mono,monospace;letter-spacing:-.02em;white-space:nowrap}.fb-total-negative{color:#dc2626}.fb-cufe-wrapper{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.375rem .625rem;border-radius:8px;border:1px solid #e2e8f0;max-width:100%;overflow:hidden}.fb-cufe-text{font-size:.7rem;color:#64748b;font-family:JetBrains Mono,monospace;font-weight:500}.fb-btn-copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#94a3b8;transition:all .2s ease;padding:0;flex-shrink:0}.fb-btn-copy:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}.fb-no-cufe{color:#cbd5e1;font-size:.875rem;font-weight:500}.fb-status-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;max-width:100%;overflow:hidden}.fb-error-tooltip{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;color:#991b1b;background:#fef2f2;padding:.25rem .5rem;border-radius:4px;border:1px solid #fecaca;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.fb-error-tooltip svg{flex-shrink:0;width:10px;height:10px}.fb-error-tooltip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;white-space:nowrap}.fb-status-badge.approved,.fb-status-badge.Created{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:1px solid #6ee7b7}.fb-status-badge.pending{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:1px solid #60a5fa}.fb-status-badge.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border:1px solid #f87171;padding:.375rem .625rem;margin:0;min-height:auto}.fb-status-badge.default{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:1px solid #cbd5e1}.fb-status-badge svg{flex-shrink:0;width:14px;height:14px}.fb-tipo-badge{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid #cbd5e1}.fb-tipo-badge.anulacion{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-color:#fecaca}.fb-tipo-badge.devolucion{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border-color:#bfdbfe}.fb-tipo-badge.descuento{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border-color:#bbf7d0}.fb-actions{display:flex;gap:.375rem;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.fb-btn-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.fb-btn-action svg{width:14px;height:14px}.fb-btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.fb-btn-view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.fb-btn-view:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666}.fb-btn-view:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.fb-btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.fb-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 6px 16px #10b98166}.fb-btn-download:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.fb-btn-resend{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.fb-btn-resend:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 6px 16px #3b82f666}.fb-btn-resend:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.fb-btn-xml{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.fb-btn-xml:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-3px);box-shadow:0 6px 16px #8b5cf666}.fb-btn-xml:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.fb-btn-zip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.fb-btn-zip:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-3px);box-shadow:0 6px 16px #f59e0b66}.fb-btn-zip:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.fb-btn-action.fb-loading{pointer-events:none;opacity:.8}.fb-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1.25rem}.fb-loading-state svg{color:#3b82f6}.fb-loading-state p{font-size:.875rem;color:#64748b;font-weight:600;margin:0}.fb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1rem}.fb-empty-state svg{color:#cbd5e1;opacity:.7}.fb-empty-state h3{margin:0;font-size:1.125rem;font-weight:700;color:#64748b}.fb-empty-state p{margin:0;font-size:.875rem;color:#94a3b8;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem}.empty-state svg{color:#94a3b8}.empty-state h3{margin:0;font-size:1.125rem;font-weight:600;color:#475569}.empty-state p{margin:0;font-size:.875rem;color:#94a3b8}.fb-spinning,.spinning{animation:spin 1s linear infinite}@media (max-width: 1200px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.posbox-container{padding:1.5rem}.fb-table th,.fb-table td{padding:.875rem 1rem}}@media (max-width: 768px){.posbox-container{padding:1rem}.stats-dashboard{grid-template-columns:1fr}.controls-section{flex-direction:column;align-items:stretch}.filters-section{flex-direction:column;width:100%}.filter-group{width:100%;justify-content:space-between}.date-input{flex:1}.tabs-section{flex-direction:column;gap:.375rem}.tab-button{width:100%;justify-content:flex-start;padding:.75rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.fb-table-container{margin:0;overflow-x:scroll}.fb-table th,.fb-table td{padding:.75rem .875rem}.fb-doc-numero{font-size:.7rem;padding:.375rem .625rem}.fb-cliente-nombre{font-size:.8rem}.fb-cliente-doc{font-size:.7rem}.fb-btn-action{width:36px;height:36px}}@media (max-width: 480px){.stat-card{padding:1rem}.stat-icon{width:44px;height:44px}.stat-value{font-size:1.5rem}.fb-table th{font-size:.7rem;padding:.625rem .75rem}.fb-table td{font-size:.8rem;padding:.875rem .75rem}.fb-actions{gap:.25rem}.fb-btn-action{width:32px;height:32px}.fb-btn-action svg{width:13px;height:13px}}.fb-estado-filter{flex:1}.fb-estado-buttons{display:flex;gap:.5rem}.fb-estado-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fb-estado-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.fb-estado-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.fb-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px}.fb-pagination.fb-pagination-top{border-top:none;border-bottom:1px solid #e2e8f0;border-radius:0;margin-bottom:0}.fb-pagination-info{font-size:.8125rem;color:#64748b;font-weight:500}.fb-pagination-controls{display:flex;align-items:center;gap:.75rem}.fb-pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.fb-pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.fb-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.fb-pagination-current{font-size:.8125rem;color:#475569;font-weight:600;padding:0 .5rem}@media (max-width: 768px){.fb-estado-buttons{flex-wrap:wrap}.fb-estado-btn{padding:.375rem .75rem;font-size:.75rem}.fb-pagination{flex-direction:column;gap:.75rem;padding:1rem}.fb-pagination-info{text-align:center}}@media (max-width: 480px){.fb-estado-btn{flex:1;text-align:center;padding:.5rem}}.fb-bulk-actions{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:.875rem 1.25rem;margin-bottom:1rem;gap:1rem}.fb-bulk-info{font-size:.875rem;color:#64748b;font-weight:500}.fb-bulk-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.fb-btn-bulk{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.fb-btn-bulk:disabled{opacity:.6;cursor:not-allowed}.fb-btn-select-all{background:#fff;color:#475569;border:1px solid #cbd5e1}.fb-btn-select-all:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.fb-btn-transmit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.fb-btn-transmit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.fb-btn-transmit-all{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.fb-btn-transmit-all:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.fb-th-checkbox,.fb-td-checkbox{width:40px;text-align:center;padding:.5rem!important}.fb-checkbox-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#94a3b8;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.fb-checkbox-btn:hover:not(:disabled){color:#3b82f6}.fb-checkbox-btn:disabled{opacity:.5;cursor:not-allowed}.fb-checkbox-btn .fb-checked{color:#3b82f6}.fb-row-selected{background:#3b82f614!important}.fb-row-selected:hover{background:#3b82f61f!important}.fb-resultado-masivo{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;animation:slideDown .3s ease}.fb-resultado-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.fb-resultado-header h4{margin:0;font-size:.95rem;font-weight:600;color:#1e293b}.fb-resultado-header button{background:none;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;transition:color .15s ease}.fb-resultado-header button:hover{color:#64748b}.fb-resultado-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.fb-stat-success,.fb-stat-error{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.fb-stat-success{color:#059669}.fb-stat-error{color:#dc2626}.fb-resultado-errores{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;max-height:150px;overflow-y:auto}.fb-error-item{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #fecaca;font-size:.8rem}.fb-error-item:last-child{border-bottom:none}.fb-error-item span:first-child{font-weight:600;color:#991b1b}.fb-error-item span:last-child{color:#b91c1c;text-align:right;flex:1}@media (max-width: 768px){.fb-bulk-actions{flex-direction:column;align-items:stretch;gap:.75rem}.fb-bulk-info{text-align:center}.fb-bulk-buttons{justify-content:center}.fb-btn-bulk{flex:1;justify-content:center;min-width:120px}}@media (max-width: 480px){.fb-bulk-buttons{flex-direction:column}.fb-btn-bulk{width:100%}}.fb-progreso-transmision{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;animation:slideDown .3s ease}.fb-progreso-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.fb-progreso-titulo{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1e40af}.fb-progreso-contador{font-size:.875rem;font-weight:700;color:#1e40af;background:#fff;padding:.25rem .75rem;border-radius:20px;box-shadow:0 1px 3px #0000001a}.fb-progreso-barra-container{width:100%;height:12px;background:#fffc;border-radius:6px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 1px 3px #0000001a}.fb-progreso-barra{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);border-radius:6px;transition:width .3s ease;position:relative;overflow:hidden}.fb-progreso-barra:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fb-progreso-detalle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:0}.fb-progreso-actual{font-size:.8rem;color:#3b82f6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.fb-progreso-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.fb-stat-mini{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;height:auto;line-height:1.2;white-space:nowrap}.fb-stat-mini.success{background:#d1fae5;color:#059669}.fb-stat-mini.error{background:#fee2e2;color:#dc2626}@media (max-width: 576px){.fb-progreso-detalle{flex-direction:column;align-items:flex-start;gap:.5rem}.fb-progreso-actual{width:100%}.fb-progreso-stats{width:100%;justify-content:flex-start}}.fb-error-item-clickable{cursor:pointer;transition:all .15s ease}.fb-error-item-clickable:hover{background:#fecaca!important;transform:translate(4px)}.fb-error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.fb-error-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fb-error-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca}.fb-error-modal-icon{color:#dc2626;flex-shrink:0}.fb-error-modal-header h3{margin:0;flex:1;font-size:1.125rem;font-weight:600;color:#991b1b}.fb-error-modal-close{background:none;border:none;cursor:pointer;color:#dc2626;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.fb-error-modal-close:hover{background:#dc26261a}.fb-error-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 150px)}.fb-error-modal-field{margin-bottom:1.25rem}.fb-error-modal-field:last-child{margin-bottom:0}.fb-error-modal-field label{display:block;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.fb-error-modal-field span{display:block;font-size:.95rem;color:#1e293b;font-weight:500}.fb-error-modal-error-text{color:#dc2626!important;font-weight:600!important}.fb-error-modal-original{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-top:.5rem}.fb-error-modal-original pre{margin:0;font-family:JetBrains Mono,Consolas,monospace;font-size:.8rem;color:#475569;white-space:pre-wrap;word-break:break-word;line-height:1.5}.fb-error-modal-footer{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.fb-error-modal-btn{padding:.625rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fb-error-modal-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.fb-error-details-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.fb-error-detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-left:4px solid #dc2626}.fb-error-detail-field{font-size:.8rem;font-weight:700;color:#991b1b}.fb-error-detail-message{font-size:.85rem;color:#7f1d1d}.fb-error-modal-btn-secondary{padding:.625rem 1rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.fb-error-modal-btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}@media (max-width: 576px){.fb-error-modal{width:95%;margin:1rem}.fb-error-modal-header,.fb-error-modal-body{padding:1rem}.fb-error-modal-footer{flex-direction:column;gap:.5rem}.fb-error-modal-btn-secondary,.fb-error-modal-btn{width:100%;margin-right:0}}.clientes-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px}.clientes-header{background:#fff;border:2px solid #dbeafe;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 6px #0000000d}.header-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.header-title p{color:#64748b;font-size:14px;margin:4px 0 0}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.activo{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.inactivo{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#64748b;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.clientes-controles{background:#fff;border:2px solid #dbeafe;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:12px 16px;transition:all .3s ease}.search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#64748b;flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.search-box input::placeholder{color:#94a3b8}.filtros{display:flex;gap:8px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:4px}.btn-filtro{padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-filtro:hover{background:#e2e8f0;color:#1e293b}.btn-filtro.activo{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-nuevo-cliente{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3b82f64d}.btn-nuevo-cliente:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.btn-nuevo-cliente:active{transform:translateY(0)}.clientes-tabla-container{background:#fff;border:2px solid #dbeafe;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.clientes-tabla{width:100%;border-collapse:collapse}.clientes-tabla thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.clientes-tabla th{padding:16px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.clientes-tabla tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.clientes-tabla tbody tr:hover{background:#f8fafc}.clientes-tabla tbody tr.inactivo{opacity:.6}.clientes-tabla td{padding:16px;font-size:14px;color:#1e293b}.sin-resultados{text-align:center;padding:60px 20px!important}.sin-resultados svg{color:#cbd5e1;margin-bottom:16px}.sin-resultados p{color:#64748b;font-size:16px;margin:0}.documento-cell{display:flex;flex-direction:column;gap:4px}.tipo-doc{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase}.num-doc{font-size:14px;font-weight:600;color:#1e293b}.nombre-cell{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b}.nombre-cell svg{color:#3b82f6}.email-cell,.telefono-cell,.ciudad-cell{display:flex;align-items:center;gap:8px;color:#64748b}.email-cell svg,.telefono-cell svg,.ciudad-cell svg{color:#94a3b8;flex-shrink:0}.sin-dato{color:#cbd5e1;font-style:italic}.estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.estado-badge.activo{background:#d1fae5;color:#065f46}.estado-badge.inactivo{background:#fee2e2;color:#991b1b}.acciones-cell{display:flex;gap:8px}.btn-accion{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-accion:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-accion.editar{color:#3b82f6}.btn-accion.editar:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-accion.eliminar{color:#ef4444}.btn-accion.eliminar:hover{background:#ef4444;color:#fff;border-color:#ef4444}.badge-sistema{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.texto-protegido{font-size:12px;color:#64748b;font-style:italic;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-cliente{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-title{display:flex;align-items:center;gap:12px}.modal-title svg{color:#3b82f6}.modal-title h2{margin:0;font-size:22px;font-weight:700;color:#1e293b}.btn-cerrar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#fff;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cerrar:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:28px}.form-section-title{display:flex;align-items:center;gap:12px;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-section-title:first-child{margin-top:0}.form-section-title svg{color:#3b82f6}.form-section-title h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.form-group label svg{color:#3b82f6}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;font-family:inherit}.form-group-checkbox{margin:20px 0;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px}.form-group-checkbox label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e2e8f0}.btn-cancelar,.btn-guardar{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancelar{background:#f1f5f9;color:#64748b}.btn-cancelar:hover{background:#e2e8f0;color:#475569}.btn-guardar{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px #3b82f64d}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.btn-guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p,.error-container p{color:#64748b;font-size:16px}.error-container svg{color:#ef4444}.error-container h2{color:#1e293b;margin:0}.btn-retry{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.clientes-page{padding:16px}.header-stats{grid-template-columns:1fr}.clientes-controles{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filtros,.btn-nuevo-cliente{justify-content:center}.clientes-tabla-container{overflow-x:auto}.clientes-tabla{min-width:800px}.form-row{grid-template-columns:1fr}.modal-cliente{max-width:100%;margin:0;border-radius:16px}}.modal-cliente-nuevo{background:#fff;border-radius:24px;width:95%;max-width:900px;max-height:92vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-nuevo{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:3px solid #2563eb;flex-shrink:0}.modal-icon-header{display:flex;align-items:center;gap:20px}.icon-circle{width:56px;height:56px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.modal-icon-header h2{font-size:26px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.modal-subtitle{font-size:14px;color:#ffffffd9;margin:0;font-weight:400}.btn-cerrar-nuevo{background:#ffffff26;border:2px solid rgba(255,255,255,.2);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.btn-cerrar-nuevo:hover{background:#ffffff40;transform:scale(1.05)}.modal-body-nuevo{padding:32px;overflow-y:auto;flex:1;background:#f8fafc}.form-section-nuevo{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;border:2px solid #e2e8f0;transition:all .2s ease}.form-section-nuevo:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.section-header-nuevo{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.section-number{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.section-info h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.section-info p{font-size:13px;color:#64748b;margin:0}.form-field-nuevo{display:flex;flex-direction:column;gap:8px}.form-field-nuevo.full-width{grid-column:1 / -1}.form-field-nuevo label{font-size:14px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}.required{color:#ef4444;font-weight:700}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;z-index:1}.textarea-icon{top:14px;left:14px;position:absolute}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{width:100%;padding:13px 16px 13px 46px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:#94a3b8}.input-wrapper textarea{resize:vertical;min-height:80px;padding-top:13px}.input-wrapper input:disabled,.input-wrapper select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.checkbox-field{grid-column:1 / -1;padding:16px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;margin:0}.checkbox-text{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px;font-weight:600}.checkbox-text svg{color:#10b981}.modal-footer-nuevo{padding:20px 32px;background:#fff;border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.btn-cancelar-nuevo,.btn-guardar-nuevo{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border:2px solid}.btn-cancelar-nuevo{background:#fff;color:#64748b;border-color:#e2e8f0}.btn-cancelar-nuevo:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-guardar-nuevo{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d}.btn-guardar-nuevo:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 8px -1px #3b82f666;transform:translateY(-1px)}.btn-guardar-nuevo:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-cliente-nuevo{width:98%;max-height:95vh;border-radius:20px}.modal-header-nuevo{padding:20px 24px}.modal-body-nuevo{padding:20px}.form-grid{grid-template-columns:1fr}.form-field-nuevo.full-width{grid-column:1}.modal-icon-header{gap:12px}.icon-circle{width:48px;height:48px}.modal-icon-header h2{font-size:20px}.modal-footer-nuevo{padding:16px 20px;flex-direction:column-reverse}.btn-cancelar-nuevo,.btn-guardar-nuevo{width:100%;justify-content:center}}.field-hint{font-size:12px;color:#64748b;margin:6px 0 0;display:flex;align-items:center;gap:6px;font-style:italic}.hint-icon{font-size:14px}.input-wrapper input:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;border-color:#cbd5e1!important}.input-wrapper-with-button{display:flex;gap:10px;align-items:flex-start}.input-wrapper-with-button .input-wrapper{flex:1}.btn-calcular-dv{height:44px;padding:0 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #10b98133}.btn-calcular-dv:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-calcular-dv:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #10b98133}.btn-calcular-dv:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.codigo-dian-info{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:2px solid #93c5fd;border-radius:10px;margin-top:8px;animation:fadeInCode .3s ease}@keyframes fadeInCode{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.codigo-dian-label{font-size:12px;font-weight:600;color:#1e40af}.codigo-dian-value{font-size:16px;font-weight:800;color:#1d4ed8;font-family:Courier New,monospace;background:#fff;padding:4px 12px;border-radius:6px;border:2px solid #60a5fa;letter-spacing:1px}.gc-notificacion{position:fixed;top:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;animation:gcNotificacionSlideIn .4s cubic-bezier(.16,1,.3,1);min-width:320px;max-width:480px}@keyframes gcNotificacionSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.gc-notificacion.success{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399}.gc-notificacion.error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f87171}.gc-notificacion.warning{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #60a5fa}.gc-notificacion-contenido{display:flex;align-items:center;gap:12px;flex:1;color:#fff}.gc-notificacion-contenido svg{flex-shrink:0}.gc-notificacion-contenido span{font-size:14px;font-weight:600;line-height:1.4}.gc-notificacion-cerrar{background:#fff3;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gc-notificacion-cerrar:hover{background:#ffffff59;transform:scale(1.1)}@media (max-width: 520px){.gc-notificacion{left:16px;right:16px;min-width:auto;max-width:none}}.client-form-tipo-persona-toggle{display:flex;gap:0;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc}.client-form-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:44px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.client-form-toggle-btn:hover:not(.active){background:#e2e8f0;color:#334155}.client-form-toggle-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.client-form-badge-natural{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#dbeafe;color:#1e40af}.client-form-badge-juridica{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#fef3c7;color:#92400e}.client-form-badge-legacy{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;color:#94a3b8}.gestion-usuarios-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:1rem}.btn-back{background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#3b82f6;transform:translate(-2px)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title svg{color:#3b82f6}.header-title h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.header-title p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.btn-nuevo{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #6366f133}.btn-nuevo:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px #6366f14d}.usuarios-container{background:#fff;border-radius:16px;border:3px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.usuarios-table{width:100%;border-collapse:collapse}.usuarios-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.usuarios-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid #e5e7eb}.usuarios-table tbody tr{border-bottom:2px solid #f3f4f6;transition:background .2s}.usuarios-table tbody tr:hover{background:#fafbfc}.usuarios-table td{padding:1rem 1.5rem;color:#374151;font-size:.9375rem}.usuario-cell{display:flex;align-items:center;gap:.5rem;font-weight:600}.usuario-cell svg{color:#3b82f6}.badge-rol{display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600;border:2px solid #93c5fd}.badge-sin-rol{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600;border:2px solid #e5e7eb}.badge-estado{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:700;border:2px solid}.badge-estado.activo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.badge-estado.inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.acciones{display:flex;gap:.5rem}.btn-icono{width:36px;height:36px;border-radius:8px;border:2px solid;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icono:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-permisos{color:#60a5fa;border-color:#c4b5fd}.btn-permisos:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#a78bfa}.btn-editar{color:#3b82f6;border-color:#93c5fd}.btn-editar:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.btn-eliminar{color:#ef4444;border-color:#fca5a5}.btn-eliminar:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.empty-state{padding:4rem 2rem;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px -1px #6366f14d}.modal-overlay-usuarios{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content-usuarios{background:#fff;border-radius:16px;border:1px solid #e5e7eb;max-width:780px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-permisos-usuarios{max-width:960px}.modal-header-usuarios{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header-usuarios h2{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-subtitle-usuarios{margin:.5rem 0 0;font-size:.9375rem;color:#6b7280}.modal-subtitle-usuarios strong{color:#3b82f6}.text-warning{color:#3b82f6;font-weight:600}.btn-close{background:transparent;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#9ca3af}.btn-close:hover{background:#f3f4f6;color:#374151}.modal-body-usuarios{padding:0;display:flex;flex-direction:column}.form-section{padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;display:block;width:100%}.form-section:last-of-type{border-bottom:none}.form-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.form-section-title svg{color:#9ca3af;flex-shrink:0;width:14px;height:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8125rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.form-group input,.form-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s;background:#fff;font-family:inherit;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #6366f11a;background:#fafbff}.form-group input::placeholder{color:#9ca3af}.form-group select{cursor:pointer}.input-with-icon{display:flex;align-items:center;gap:.5rem;border:2px solid #e5e7eb;border-radius:8px;padding:0 .75rem;background:#fff;transition:all .2s}.input-with-icon:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11a}.input-with-icon svg{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.input-with-icon input{flex:1;border:none!important;padding:.75rem 0!important;background:transparent!important;box-shadow:none!important;width:auto!important}.input-with-icon input:focus{outline:none;box-shadow:none!important}.password-input-wrapper{display:flex;align-items:center;gap:.5rem;border:2px solid #e5e7eb;border-radius:8px;padding:0 .75rem;background:#fff;transition:all .2s}.password-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11a}.password-input-wrapper svg{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.password-input-wrapper input{flex:1;border:none!important;padding:.75rem 0!important;background:transparent!important;box-shadow:none!important}.password-input-wrapper input:focus{outline:none;box-shadow:none!important}.btn-toggle-password{background:none;border:none;cursor:pointer;padding:.25rem;color:#9ca3af;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-toggle-password:hover{color:#3b82f6}.campo-ayuda{font-size:.75rem;color:#9ca3af;font-style:italic;margin-top:.25rem}.form-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .2s}.checkbox-label:hover{border-color:#d1d5db;background:#f9fafb}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.checkbox-label:has(input:checked){border-color:#3b82f6;background:#eff6ff}.checkbox-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.checkbox-text{font-weight:600;color:#374151;font-size:.875rem}.checkbox-description{font-size:.75rem;color:#6b7280;line-height:1.3}.modal-footer-usuarios{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background:#f9fafb}.btn-cancelar{background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-guardar{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-guardar:hover:not(:disabled){background:#1e40af}.btn-guardar:disabled{opacity:.5;cursor:not-allowed}.permisos-body{padding:1.5rem 2rem}.permisos-leyenda{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px solid #e5e7eb;margin-bottom:1.5rem}.leyenda-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.permisos-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:2px solid #93c5fd;margin-bottom:1.5rem;color:#1e40af;font-size:.875rem;font-weight:500}.modulos-list{display:flex;flex-direction:column;gap:1rem}.modulo-item{background:#fff;border:3px solid #e5e7eb;border-radius:12px;overflow:hidden}.modulo-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;border-bottom:2px solid #e5e7eb}.modulo-header:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.modulo-header h3{margin:0;font-size:1rem;font-weight:700;color:#1f2937;flex:1}.permisos-count{background:#e5e7eb;color:#6b7280;padding:.25rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600}.permisos-list{padding:.5rem}.permiso-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.5rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;background:#fff}.permiso-item:hover{background:#fafbfc;border-color:#d1d5db;transform:translate(4px)}.permiso-item.estado-conceder{border-color:#6ee7b7;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.permiso-item.estado-denegar{border-color:#fca5a5;background:linear-gradient(135deg,#fee2e2,#fecaca)}.permiso-item.estado-rol{border-color:#93c5fd;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.permiso-info{flex:1}.permiso-nombre{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.permiso-icon{flex-shrink:0}.permiso-icon.concedido{color:#059669}.permiso-icon.denegado{color:#dc2626}.permiso-icon.rol{color:#2563eb}.permiso-icon.sin-permiso{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;background:#fff}.permiso-descripcion{display:block;color:#6b7280;font-size:.8125rem;margin-left:1.5rem}.permiso-estado{flex-shrink:0}.badge-permiso{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:700;border:2px solid}.badge-permiso.conceder{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.badge-permiso.denegar{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.badge-permiso.rol{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.badge-permiso.ninguno{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.loading{padding:3rem;text-align:center;font-size:1.125rem;color:#6b7280}.error-container{background:#fff;border-radius:16px;border:3px solid #fca5a5;padding:3rem;max-width:800px;margin:2rem auto;text-align:center}.error-container h2{margin:1rem 0;color:#dc2626;font-size:1.5rem}.error-message{color:#991b1b;background:#fee2e2;padding:1rem;border-radius:8px;border:2px solid #fca5a5;margin:1rem 0;font-family:monospace;font-size:.875rem}.error-help{text-align:left;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.error-help h3{color:#1f2937;margin-top:0;margin-bottom:1rem}.error-help p{color:#374151;margin:.75rem 0;line-height:1.6}.error-help ol{color:#374151;margin:1rem 0;padding-left:1.5rem}.error-help ol li{margin:.5rem 0;line-height:1.6}.code-block{background:#1f2937;color:#10b981;padding:1rem;border-radius:8px;margin:1rem 0;overflow-x:auto}.code-block code{font-family:Courier New,monospace;font-size:.875rem}.error-container .btn-primary,.error-container .btn-cancelar{margin:.5rem}@media (max-width: 768px){.gestion-usuarios-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.form-section{padding:1.5rem}.form-section-title{font-size:.9375rem}.usuarios-table{font-size:.875rem}.usuarios-table th,.usuarios-table td{padding:.75rem 1rem}.modal-content-usuarios{max-width:100%;border-radius:16px;max-height:95vh}.modal-header-usuarios,.modal-footer-usuarios{padding:1.25rem 1.5rem}.permisos-leyenda{flex-direction:column;gap:.75rem}.btn-cancelar,.btn-guardar{padding:.75rem 1.5rem;min-width:100px}}.btn-modulos{color:#8b5cf6!important}.btn-modulos:hover{background:#8b5cf61a!important}.modal-modulos-usuario{max-width:700px;max-height:85vh;display:flex;flex-direction:column}.modal-modulos-usuario .modal-body-usuarios{overflow-y:auto;flex:1;padding:1.5rem}.gu-modulos-descripcion{color:#64748b;font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.gu-modulos-lista{display:flex;flex-direction:column;gap:.75rem}.gu-modulo-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:border-color .2s ease,opacity .2s ease}.gu-modulo-card:hover{border-color:#cbd5e1}.gu-modulo-disabled{opacity:.5}.gu-modulo-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc}.gu-modulo-info{display:flex;align-items:center;gap:.5rem}.gu-modulo-info strong{font-size:.95rem;color:#1e293b}.gu-modulo-desc{font-size:.8rem;color:#94a3b8;margin:2px 0 0}.gu-badge-core{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#dbeafe;color:#1d4ed8;margin-left:8px;vertical-align:middle}.gu-modulo-expand-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;display:flex;align-items:center}.gu-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.gu-toggle-switch input{opacity:0;width:0;height:0}.gu-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:24px;transition:background-color .2s ease}.gu-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.gu-toggle-switch input:checked+.gu-toggle-slider{background-color:#22c55e}.gu-toggle-switch input:checked+.gu-toggle-slider:before{transform:translate(20px)}.gu-toggle-switch input:disabled+.gu-toggle-slider{opacity:.5;cursor:not-allowed}.gu-toggle-small{width:36px;height:20px}.gu-toggle-small .gu-toggle-slider:before{height:14px;width:14px}.gu-toggle-small input:checked+.gu-toggle-slider:before{transform:translate(16px)}.gu-modulo-items{border-top:1px solid #e2e8f0;padding:.5rem 1.25rem .75rem 3rem}.gu-modulo-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #f1f5f9}.gu-modulo-item:last-child{border-bottom:none}.gu-item-info{display:flex;flex-direction:column;gap:2px}.gu-item-titulo{font-size:.88rem;font-weight:500;color:#334155}.gu-item-ruta{font-size:.75rem;color:#94a3b8;font-family:monospace}.gu-modulos-footer{display:flex;justify-content:space-between;align-items:center}.gu-footer-actions{display:flex;gap:.75rem}.gu-btn-resetear{display:flex;align-items:center;gap:.5rem;color:#f59e0b;border-color:#f59e0b}.gu-btn-resetear:hover{background:#f59e0b1a}.toast-notification{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px #00000026;z-index:99999;animation:gu-slideInRight .3s ease;max-width:380px;cursor:pointer;font-size:.9375rem;font-weight:500;color:#1f2937;border-left:4px solid transparent}@keyframes gu-slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.gr-container{padding:24px;max-width:1400px;margin:0 auto}.gr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.gr-header h1{display:flex;align-items:center;gap:10px;font-size:22px;margin:0}.gr-header p{color:#64748b;margin:4px 0 0;font-size:14px}.gr-btn-crear{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px}.gr-btn-crear:hover{background:#1d4ed8}.gr-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:600px}.gr-roles-panel{background:#fff;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.gr-roles-panel h3{margin:0 0 12px;font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.gr-rol-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer;border:1px solid transparent;margin-bottom:6px;transition:all .15s;position:relative}.gr-rol-card:hover{background:#f8fafc;border-color:#e2e8f0}.gr-rol-card.active{background:#eff6ff;border-color:#3b82f6}.gr-rol-info{flex:1;display:flex;flex-direction:column;gap:2px}.gr-rol-nombre{font-weight:600;font-size:14px;color:#1e293b}.gr-rol-codigo{font-size:11px;color:#94a3b8;font-family:monospace}.gr-rol-meta{display:flex;align-items:center;gap:6px}.gr-rol-permisos-count{display:flex;align-items:center;gap:3px;font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:10px}.gr-badge-sistema{font-size:10px;background:#dbeafe;color:#2563eb;padding:2px 6px;border-radius:4px;font-weight:600}.gr-btn-eliminar-rol{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .15s}.gr-rol-card:hover .gr-btn-eliminar-rol{opacity:1}.gr-btn-eliminar-rol:hover{color:#ef4444;background:#fef2f2}.gr-permisos-panel{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;overflow-y:auto}.gr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#94a3b8;text-align:center}.gr-empty h3{margin:12px 0 4px;color:#64748b}.gr-permisos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.gr-permisos-header h3{margin:0;font-size:18px}.gr-permisos-header p{margin:4px 0 0;color:#64748b;font-size:13px}.gr-permisos-actions{display:flex;gap:8px}.gr-btn-editar,.gr-btn-guardar,.gr-btn-cancelar{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.gr-btn-editar{background:#f8fafc;color:#475569}.gr-btn-editar:hover{background:#e2e8f0}.gr-btn-guardar{background:#22c55e;color:#fff;border-color:#22c55e}.gr-btn-guardar:hover:not(:disabled){background:#16a34a}.gr-btn-guardar:disabled{opacity:.5;cursor:not-allowed}.gr-btn-cancelar{background:#fff;color:#64748b}.gr-btn-cancelar:hover{background:#f1f5f9}.gr-permisos-resumen{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:16px;font-size:13px;color:#64748b}.gr-acciones-rapidas{display:flex;gap:6px}.gr-acciones-rapidas button{padding:4px 10px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;color:#475569}.gr-acciones-rapidas button:hover{background:#e2e8f0}.gr-modulo{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;overflow:hidden}.gr-modulo-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;background:#fafbfc}.gr-modulo-header:hover{background:#f1f5f9}.gr-modulo-left{display:flex;align-items:center;gap:8px}.gr-modulo-icon{font-size:16px}.gr-modulo-nombre{font-weight:600;font-size:14px;color:#1e293b}.gr-modulo-right{display:flex;align-items:center;gap:8px}.gr-modulo-count{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.gr-modulo-count.todos{background:#dcfce7;color:#16a34a}.gr-modulo-count.parcial{background:#fef3c7;color:#d97706}.gr-modulo-count.ninguno{background:#fee2e2;color:#dc2626}.gr-btn-toggle-modulo{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px;cursor:pointer;color:#94a3b8}.gr-btn-toggle-modulo.activo{color:#22c55e;border-color:#bbf7d0}.gr-btn-toggle-modulo:hover{background:#f1f5f9}.gr-permisos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;padding:10px 14px}.gr-permiso-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid #f1f5f9;transition:all .15s}.gr-permiso-item.editable{cursor:pointer}.gr-permiso-item.editable:hover{background:#f8fafc;border-color:#e2e8f0}.gr-permiso-item.activo{background:#f0fdf4;border-color:#bbf7d0}.gr-permiso-check{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gr-permiso-check.on{background:#22c55e;color:#fff}.gr-permiso-check.off{background:#f1f5f9;color:#cbd5e1}.gr-permiso-info{display:flex;flex-direction:column;gap:1px}.gr-permiso-nombre{font-size:13px;font-weight:500;color:#334155}.gr-permiso-codigo{font-size:10px;color:#94a3b8;font-family:monospace}.gr-loading{display:flex;justify-content:center;padding:60px;color:#64748b}.gr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.gr-modal{background:#fff;border-radius:12px;padding:24px;width:400px;box-shadow:0 20px 60px #0003}.gr-modal h3{display:flex;align-items:center;gap:8px;margin:0 0 20px}.gr-form-group{margin-bottom:14px}.gr-form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:4px}.gr-form-group input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.gr-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gr-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.gr-modal-actions button{padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;font-size:13px}.gr-modal-actions .gr-btn-crear{background:#2563eb;color:#fff;border-color:#2563eb}@media (max-width: 768px){.gr-layout{grid-template-columns:1fr}}.cxc-container{padding:24px;max-width:1400px;margin:0 auto}.cxc-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.cxc-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.cxc-tab:hover{color:#334155;background:#f8fafc}.cxc-tab.active{color:#2563eb;border-bottom-color:#2563eb}.cxc-date{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.cxc-row-total{background:#f0fdf4!important;font-weight:700}.cxc-row-total td{border-top:2px solid #10b981}.cxc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.cxc-header h1{display:flex;align-items:center;gap:10px;font-size:22px;margin:0}.cxc-header p{color:#64748b;margin:4px 0 0;font-size:14px}.cxc-btn-export{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px}.cxc-btn-export:hover{background:#059669}.cxc-loading{display:flex;justify-content:center;padding:60px;color:#64748b}.cxc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cxc-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.cxc-card.primary svg{color:#3b82f6}.cxc-card.danger svg{color:#ef4444}.cxc-card.success svg{color:#10b981}.cxc-card.info svg{color:#8b5cf6}.cxc-card-label{display:block;font-size:12px;color:#64748b;font-weight:500}.cxc-card-value{display:block;font-size:20px;font-weight:800;color:#1e293b}.cxc-filtros{display:flex;gap:12px;margin-bottom:16px}.cxc-busqueda{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.cxc-busqueda:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cxc-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:200px}.cxc-tabla-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow-x:auto}.cxc-tabla{width:100%;border-collapse:collapse;font-size:13px}.cxc-tabla thead th{padding:12px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc}.cxc-tabla tbody td{padding:10px 14px;border-bottom:1px solid #f1f5f9}.cxc-tabla tbody tr:hover{background:#fafbfc}.cxc-row-vencida{background:#fef2f2!important}.cxc-row-vencida:hover{background:#fee2e2!important}.cxc-factura{font-family:monospace;font-weight:600;color:#2563eb}.cxc-cliente-info{display:flex;flex-direction:column;gap:1px}.cxc-cliente-nombre{font-weight:600;color:#1e293b}.cxc-cliente-doc{font-size:11px;color:#94a3b8}.cxc-saldo{font-weight:700;color:#dc2626}.cxc-vacio{text-align:center;padding:30px;color:#94a3b8}.text-danger{color:#ef4444!important}.cxc-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.cxc-acciones{display:flex;gap:4px}.cxc-btn-abono{display:flex;align-items:center;gap:3px;padding:5px 10px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.cxc-btn-abono:hover{background:#16a34a}.cxc-btn-anular{padding:5px 8px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer}.cxc-btn-anular:hover{background:#fecaca}.cxc-btn-detalle{padding:5px 8px;background:#eff6ff;color:#2563eb;border:none;border-radius:6px;cursor:pointer}.cxc-btn-detalle:hover{background:#dbeafe}.cxc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.cxc-modal{background:#fff;border-radius:14px;width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.cxc-modal-lg{width:640px}.cxc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.cxc-modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.cxc-modal-header button{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px}.cxc-modal-body{padding:20px}.cxc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e2e8f0}.cxc-abono-info{background:#f8fafc;border-radius:8px;padding:12px;margin-bottom:16px}.cxc-abono-info p{margin:4px 0;font-size:14px}.cxc-form-group{margin-bottom:14px}.cxc-form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:4px}.cxc-form-group input,.cxc-form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}.cxc-form-group input:focus,.cxc-form-group select:focus{outline:none;border-color:#3b82f6}.cxc-monto-input{display:flex;gap:8px}.cxc-monto-input input{flex:1}.cxc-btn-todo{padding:10px 14px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:12px;white-space:nowrap}.cxc-btn-cancelar{padding:10px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer}.cxc-btn-confirmar{padding:10px 18px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.cxc-btn-confirmar:disabled{opacity:.5;cursor:not-allowed}.cxc-detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cxc-detalle-grid div{padding:8px;background:#f8fafc;border-radius:6px;font-size:14px}.cxc-detalle-grid span{color:#64748b;font-size:12px;display:block}.cxc-tabla-abonos{margin-top:10px}@media (max-width: 768px){.cxc-cards{grid-template-columns:repeat(2,1fr)}.cxc-filtros{flex-direction:column}}.consumo-interno-page{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe 40%,#f0fdf4);padding:24px;position:relative}.ci-header{background:#fff;border:2px solid #ddd6fe;border-radius:16px;padding:24px 28px;margin-bottom:20px;box-shadow:0 4px 6px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.ci-header__left{display:flex;align-items:center;gap:16px}.ci-header__icon{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px #7c3aed4d}.ci-header__title{margin:0;font-size:26px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.ci-header__subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.ci-tabs{display:flex;gap:4px;background:#fff;border:2px solid #ddd6fe;border-radius:12px;padding:6px;margin-bottom:20px;box-shadow:0 2px 4px #0000000a;width:fit-content}.ci-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.ci-tab:hover{background:#f5f3ff;color:#7c3aed}.ci-tab--active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 3px 8px #7c3aed59}.ci-tab--active:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.ci-content{background:#fff;border:2px solid #ddd6fe;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000a}.ci-tab-content{padding:24px}.ci-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ci-toolbar__info{display:flex;align-items:center;gap:10px}.ci-count-badge{display:inline-flex;align-items:center;gap:6px;background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.ci-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ci-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ci-btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 10px #7c3aed4d}.ci-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #7c3aed66}.ci-btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 10px #10b9814d}.ci-btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #10b98166}.ci-btn--ghost{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0}.ci-btn--ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.ci-btn--outline{background:#fff;color:#7c3aed;border:2px solid #ddd6fe}.ci-btn--outline:hover:not(:disabled){background:#f5f3ff;border-color:#7c3aed}.ci-btn--export{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 10px #10b98140}.ci-btn--export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #10b98159}.ci-btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ci-btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.ci-btn-icon--edit{color:#7c3aed}.ci-btn-icon--edit:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.ci-inline-form{background:#faf5ff;border:2px solid #ddd6fe;border-radius:14px;margin-bottom:24px;overflow:hidden;animation:slideDown .25s ease}.ci-inline-form__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-bottom:2px solid #ddd6fe}.ci-inline-form__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#6d28d9}.ci-inline-form__body{padding:20px}.ci-form-row{display:grid;grid-template-columns:140px 180px 1fr;gap:16px;align-items:start}.ci-form-group{display:flex;flex-direction:column;gap:6px}.ci-form-group label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.4px}.ci-form-group input,.ci-form-group select{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.ci-form-group input:focus,.ci-form-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.ci-input--error{border-color:#ef4444!important;background:#fef2f2!important}.ci-field-error{font-size:11px;color:#ef4444;font-weight:500}.ci-required{color:#ef4444}.ci-inline-form__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #ede9fe}.ci-table-wrapper{overflow-x:auto;border-radius:12px;border:2px solid #e2e8f0}.ci-table{width:100%;border-collapse:collapse;min-width:640px}.ci-table thead{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.ci-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ci-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.ci-table tbody tr:last-child{border-bottom:none}.ci-table tbody tr:hover{background:#faf5ff}.ci-table__row--inactivo{opacity:.55}.ci-table__row--clickable{cursor:pointer}.ci-table__row--expanded{background:#faf5ff!important}.ci-table td{padding:14px 16px;font-size:14px;color:#1e293b;vertical-align:middle}.ci-empty-row{text-align:center!important;padding:60px 24px!important}.ci-empty-row svg{color:#c4b5fd;margin-bottom:14px;display:block;margin-inline:auto}.ci-empty-row p{color:#64748b;font-size:15px;margin:0 0 20px}.ci-nombre-cell{display:flex;align-items:center;gap:10px}.ci-avatar{width:36px;height:36px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.ci-avatar--sm{width:28px;height:28px;font-size:12px}.ci-nombre-text{font-weight:600;color:#1e293b}.ci-tipo-doc-badge{display:inline-block;padding:3px 10px;background:#ede9fe;color:#6d28d9;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ci-mono{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#374151}.ci-monto-cell{white-space:nowrap}.ci-monto{font-weight:700;font-size:15px;color:#059669;font-family:SF Mono,Fira Code,monospace}.ci-notas-cell{max-width:200px}.ci-notas-text{color:#64748b;font-size:13px}.ci-fecha-cell{white-space:nowrap;color:#64748b;font-size:13px}.ci-registrado{display:flex;align-items:center;gap:5px;color:#64748b;font-size:13px}.ci-registrado svg{color:#94a3b8}.ci-sin-dato{color:#cbd5e1;font-style:italic}.ci-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.ci-toggle-btn--on{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.ci-toggle-btn--on:hover{background:#a7f3d0}.ci-toggle-btn--off{background:#fee2e2;color:#991b1b;border-color:#fecaca}.ci-toggle-btn--off:hover{background:#fecaca}.ci-expand-cell{display:flex;align-items:center;gap:8px}.ci-expand-icon{color:#7c3aed;display:flex;flex-shrink:0;transition:color .15s ease}.ci-folio{font-weight:700;color:#7c3aed;font-family:SF Mono,Fira Code,monospace;font-size:13px}.ci-detalle-row{background:#faf5ff}.ci-detalle-row td{padding:0!important;border-bottom:2px solid #ddd6fe!important}.ci-detalle-panel{padding:16px 20px 20px 48px;animation:fadeIn .2s ease}.ci-detalle-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#6d28d9;text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px}.ci-detalle-vacio{color:#94a3b8;font-style:italic;font-size:13px;margin:0}.ci-detalle-table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;border:1px solid #ede9fe;max-width:780px}.ci-detalle-table thead{background:#ede9fe}.ci-detalle-table thead th{padding:9px 14px;text-align:left;font-size:11px;font-weight:700;color:#6d28d9;text-transform:uppercase;letter-spacing:.4px}.ci-detalle-table tbody tr{border-bottom:1px solid #f3f0ff;transition:background .15s}.ci-detalle-table tbody tr:last-child{border-bottom:none}.ci-detalle-table tbody tr:hover{background:#f5f3ff}.ci-detalle-table td{padding:9px 14px;font-size:13px;color:#374151}.ci-subtotal{font-weight:700;color:#059669!important}.ci-producto-nombre{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ci-variante-badge{display:inline-block;padding:2px 8px;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:11px;font-weight:600}.ci-total-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding:18px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:12px}.ci-total-footer__label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.5px}.ci-total-footer__label svg{color:#10b981}.ci-total-footer__count{font-size:12px;font-weight:500;color:#059669;text-transform:none;letter-spacing:0}.ci-total-footer__value{font-size:26px;font-weight:800;color:#059669;font-family:SF Mono,Fira Code,monospace;letter-spacing:-.5px}.ci-filtros-card{background:#faf5ff;border:2px solid #ede9fe;border-radius:12px;padding:18px 20px;margin-bottom:24px}.ci-filtros-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.ci-filtro-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.ci-filtro-group label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.ci-filtro-group select,.ci-filtro-group input[type=date]{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.ci-filtro-group select:focus,.ci-filtro-group input[type=date]:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.ci-filtros-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.ci-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:#64748b;font-size:14px}.ci-spinner{width:36px;height:36px;border:3px solid #ede9fe;border-top-color:#7c3aed;border-radius:50%;animation:spin .7s linear infinite}.ci-spinner--sm{width:16px;height:16px;border-width:2px}.ci-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:14px;text-align:center}.ci-error svg{color:#ef4444}.ci-error p{color:#64748b;font-size:14px;margin:0}.ci-toast{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000026;animation:toastIn .3s cubic-bezier(.4,0,.2,1);max-width:380px}@keyframes toastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.ci-toast--success{background:#d1fae5;color:#065f46;border:1.5px solid #a7f3d0}.ci-toast--error{background:#fee2e2;color:#991b1b;border:1.5px solid #fecaca}.ci-toast--warning{background:#fef9c3;color:#854d0e;border:1.5px solid #fde047}.ci-toast__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;cursor:pointer;color:inherit;opacity:.7;margin-left:auto;border-radius:4px;transition:opacity .15s;padding:0}.ci-toast__close:hover{opacity:1}@media (max-width: 900px){.consumo-interno-page{padding:16px}.ci-form-row{grid-template-columns:1fr 1fr}.ci-form-group--wide{grid-column:1 / -1}.ci-filtros-row{flex-direction:column;align-items:stretch}.ci-filtro-group{min-width:unset}.ci-filtros-actions{justify-content:flex-start}.ci-total-footer{flex-direction:column;align-items:flex-start;gap:8px}.ci-total-footer__value{font-size:22px}}@media (max-width: 600px){.ci-header{padding:18px 16px}.ci-header__title{font-size:20px}.ci-header__icon{width:46px;height:46px}.ci-tabs{width:100%}.ci-tab{flex:1;justify-content:center;padding:10px 12px;font-size:13px}.ci-form-row{grid-template-columns:1fr}.ci-inline-form__actions{flex-direction:column}.ci-inline-form__actions .ci-btn{justify-content:center}.ci-detalle-panel{padding-left:16px}.ci-toast{left:16px;right:16px;top:16px;max-width:unset}}.reportes-page{padding:24px;max-width:1400px;margin:0 auto}.reportes-page .page-header .header-left{display:flex;align-items:center;gap:16px}.reportes-page .btn-volver{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reportes-page .btn-volver:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.reportes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.reporte-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.reporte-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:height .3s ease}.reporte-card.blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.reporte-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.reporte-card.orange:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.reporte-card.purple:before{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.reporte-card:not(.disabled):hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.reporte-card:not(.disabled):hover:before{height:6px}.reporte-card.disabled{opacity:.7;cursor:not-allowed;background:#f9fafb}.reporte-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.reporte-icono{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.reporte-card:not(.disabled):hover .reporte-icono{transform:scale(1.1)}.reporte-icono.blue{background:linear-gradient(135deg,#3b82f61a,#2563eb26);color:#2563eb}.reporte-icono.green{background:linear-gradient(135deg,#10b9811a,#05966926);color:#059669}.reporte-icono.orange{background:linear-gradient(135deg,#3b82f61a,#2563eb26);color:#2563eb}.reporte-icono.purple{background:linear-gradient(135deg,#8b5cf61a,#7c3aed26);color:#3b82f6}.badge-proximamente{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reporte-card-body{margin-bottom:20px}.reporte-card-body h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.3}.reporte-card-body p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.reporte-card-footer{padding-top:20px;border-top:1px solid #e5e7eb}.ver-reportes{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#6b7280;transition:all .2s}.reporte-card:not(.disabled):hover .ver-reportes{color:#2563eb;gap:12px}.reporte-card.disabled .ver-reportes{color:#9ca3af}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:32px}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000d;border-left:4px solid #3b82f6}.info-card h4{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px}.info-card p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.info-card ul{list-style:none;padding:0;margin:0}.info-card ul li{font-size:14px;color:#6b7280;line-height:1.8;margin-bottom:12px;padding-left:24px;position:relative}.info-card ul li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:16px}.info-card ul li strong{color:#1f2937;font-weight:600}@media (max-width: 768px){.reportes-page{padding:16px}.reportes-grid,.info-section{grid-template-columns:1fr;gap:16px}.reporte-card{padding:20px}.reporte-icono{width:56px;height:56px}.reporte-card-body h3{font-size:18px}.badge-proximamente{font-size:11px;padding:4px 10px}}.modal-reporte-fe{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.reporte-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:32px;border-radius:12px 12px 0 0}.input-filtro:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-generar{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-generar:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.reporte-acciones{padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.reporte-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{font-size:14px;color:#6b7280}.stat-item strong{color:#1f2937;font-weight:700}.tabla-reporte td.text-right{text-align:right;font-weight:600}.cufe-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px;color:#6b7280}.badge-approved{background:#d1fae5;color:#065f46}.badge-pending{background:#dbeafe;color:#1e40af}.badge-rejected,.badge-error{background:#fee2e2;color:#991b1b}.btn-ver-pdf{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#eff6ff;color:#3b82f6;transition:all .2s;text-decoration:none}.btn-ver-pdf:hover{background:#dbeafe;transform:scale(1.1)}@media print{.modal-overlay-reporte{background:#fff!important;position:static!important;padding:0!important}.btn-cerrar-modal,.reporte-filtros,.reporte-acciones,.btn-ver-pdf,.empty-state,.loading-state{display:none!important}.modal-reporte-fe{box-shadow:none!important;max-height:none!important;width:100%!important;max-width:100%!important;border-radius:0!important;overflow:visible!important}.reporte-header{padding:20px!important;page-break-after:avoid!important}.reporte-header-info h2{font-size:18px!important;margin-bottom:8px!important}.reporte-header-info p{font-size:12px!important}.reporte-info-impresion{display:block!important;padding:15px 32px!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;font-size:10px!important;page-break-after:avoid!important}.reporte-info-impresion p{margin:4px 0!important;line-height:1.4!important}.reporte-info-impresion strong{font-weight:700!important}.tabla-reporte-container{padding:20px!important;overflow:visible!important}.tabla-reporte{font-size:9px!important;width:100%!important;page-break-inside:auto!important}.tabla-reporte thead{display:table-header-group!important}.tabla-reporte tbody{display:table-row-group!important}.tabla-reporte tr{page-break-inside:avoid!important;page-break-after:auto!important}.tabla-reporte th{padding:8px 6px!important;font-size:9px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important}.tabla-reporte td{padding:6px 4px!important;font-size:8px!important;border:1px solid #f3f4f6!important}.cufe-cell{max-width:150px!important;font-size:7px!important;word-break:break-all!important}.estado-badge{font-size:8px!important;padding:2px 6px!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}@media (max-width: 768px){.modal-reporte-fe{width:100%;max-height:100vh;border-radius:0}.reporte-header{padding:24px 20px}.reporte-filtros{padding:20px}.filtro-group{min-width:100%}.reporte-acciones{padding:16px 20px;flex-direction:column;align-items:flex-start}.acciones-buttons{width:100%;flex-direction:column}.btn-action{width:100%;justify-content:center}.tabla-reporte-container{padding:20px}.tabla-reporte{font-size:12px}.tabla-reporte th,.tabla-reporte td{padding:8px}}.detalle-estados-grid{padding:24px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}@media (max-width: 640px){.detalle-estados-grid{grid-template-columns:1fr}}.detalle-card.detalle-approved{border-color:#10b981;background:linear-gradient(135deg,#fff,#ecfdf5)}.detalle-card.detalle-pending{border-color:#eab308;background:linear-gradient(135deg,#fff,#fefce8)}.detalle-card.detalle-rejected{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.detalle-card.detalle-error{border-color:#f97316;background:linear-gradient(135deg,#fff,#eff6ff)}.detalle-card.detalle-sin-estado{border-color:#6b7280;background:linear-gradient(135deg,#fff,#f9fafb)}@media print{.detalle-estados-grid{page-break-inside:avoid;padding:15px 32px!important;gap:10px!important}.detalle-card{box-shadow:none!important;border:1px solid #e5e7eb!important;padding:12px!important;background:#fff!important}.detalle-icon{font-size:28px!important}.detalle-label{font-size:9px!important}.detalle-valor{font-size:14px!important}.detalle-meta{font-size:8px!important}}.modal-reporte-impuestos{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.reporte-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:32px;border-radius:12px 12px 0 0}.filtro-group.filtro-hora{min-width:120px;max-width:150px}.input-filtro:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-generar{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-generar:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.totales-impuestos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:24px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.total-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #10b981;transition:all .2s}.total-card.total-ventas{border-left-color:#3b82f6}.total-card.total-iva{border-left-color:#10b981}.total-card.total-ica{border-left-color:#3b82f6}.total-card.total-impoconsumo{border-left-color:#ec4899}.total-card.total-retefuente{border-left-color:#ef4444}.total-card.total-neto{border-left-color:#60a5fa;background:linear-gradient(135deg,#f3f4f6,#fff)}.total-card.total-facturas{border-left-color:#6b7280}.total-label{font-size:13px;color:#6b7280;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tabla-reporte tfoot tr.totales-row{border-top:2px solid #10b981}.estado-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-transmitida{background:#d1fae5;color:#065f46}.badge-sin-transmitir,.badge-pendiente{background:#dbeafe;color:#1e40af}.badge-error{background:#fee2e2;color:#991b1b}.badge-default{background:#f3f4f6;color:#6b7280}@media print{.modal-overlay-reporte{background:#fff!important;position:static!important;padding:0!important}.btn-cerrar-modal,.reporte-filtros,.reporte-acciones,.empty-state,.loading-state{display:none!important}.modal-reporte-impuestos{box-shadow:none!important;max-height:none!important;width:100%!important;max-width:100%!important;border-radius:0!important;overflow:visible!important}.reporte-header{padding:20px!important;page-break-after:avoid!important}.reporte-header-info h2{font-size:18px!important;margin-bottom:8px!important}.reporte-header-info p{font-size:12px!important}.reporte-info-impresion{display:block!important;padding:15px 32px!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;font-size:10px!important;page-break-after:avoid!important}.reporte-info-impresion p{margin:4px 0!important;line-height:1.4!important}.reporte-info-impresion strong{font-weight:700!important}.totales-impuestos-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:15px 32px!important;page-break-after:avoid!important}.total-card{padding:10px!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.total-label{font-size:9px!important}.total-valor{font-size:14px!important}.tabla-reporte-container{padding:20px!important;overflow:visible!important}.tabla-reporte{font-size:9px!important;width:100%!important;page-break-inside:auto!important}.tabla-reporte thead{display:table-header-group!important}.tabla-reporte tbody{display:table-row-group!important}.tabla-reporte tfoot{display:table-footer-group!important}.tabla-reporte tr{page-break-inside:avoid!important;page-break-after:auto!important}.tabla-reporte th{padding:8px 6px!important;font-size:9px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important}.tabla-reporte td{padding:6px 4px!important;font-size:8px!important;border:1px solid #f3f4f6!important}.tabla-reporte tfoot td{font-size:9px!important;padding:8px 6px!important}.estado-badge{font-size:8px!important;padding:2px 6px!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}@media (max-width: 768px){.modal-reporte-impuestos{width:100%;max-height:100vh;border-radius:0}.reporte-header{padding:24px 20px}.reporte-filtros{padding:20px}.filtro-group{min-width:100%}.totales-impuestos-grid{grid-template-columns:1fr;padding:20px}.reporte-acciones{padding:16px 20px}.acciones-buttons{width:100%;flex-direction:column}.btn-action{width:100%;justify-content:center}.tabla-reporte-container{padding:20px}.tabla-reporte{font-size:12px}.tabla-reporte th,.tabla-reporte td{padding:8px}}.detalle-impuestos-grid{padding:24px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.detalle-impuestos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.detalle-impuestos-grid{grid-template-columns:1fr}}.detalle-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000014;border:2px solid #e5e7eb;transition:all .3s ease;display:flex;align-items:center;gap:16px}.detalle-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.detalle-card.detalle-iva{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.detalle-card.detalle-ica{border-color:#60a5fa;background:linear-gradient(135deg,#fff,#eff6ff)}.detalle-card.detalle-impoconsumo{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.detalle-card.detalle-retefuente{border-color:#10b981;background:linear-gradient(135deg,#fff,#ecfdf5)}.detalle-icon{font-size:42px;line-height:1;flex-shrink:0;opacity:.9}.detalle-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detalle-valor{font-size:22px;font-weight:700;color:#111827;margin-bottom:4px;word-break:break-word}.detalle-meta{font-size:11px;color:#9ca3af;font-weight:500}@media print{.detalle-impuestos-grid{page-break-inside:avoid;padding:15px 32px!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.detalle-card{box-shadow:none!important;border:1px solid #e5e7eb!important;padding:12px!important;background:#fff!important}.detalle-icon{font-size:28px!important}.detalle-label{font-size:9px!important}.detalle-valor{font-size:14px!important}.detalle-meta{font-size:8px!important}}.modal-overlay-reporte{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-reporte-contable{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-reporte-pyg,.modal-reporte-balance{max-width:1200px}.btn-cerrar-modal{position:absolute;top:16px;right:16px;background:#fff;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s;z-index:10}.btn-cerrar-modal:hover{background:#f3f4f6;color:#1f2937}.reporte-header{color:#fff;padding:32px;border-radius:12px 12px 0 0}.reporte-header-purple{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.reporte-header-indigo{background:linear-gradient(135deg,#3b82f6,#1e40af)}.reporte-header-emerald{background:linear-gradient(135deg,#10b981,#059669)}.reporte-header-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.reporte-header-orange{background:linear-gradient(135deg,#f97316,#2563eb)}.reporte-header-rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.reporte-header-teal{background:linear-gradient(135deg,#1e40af,#3b82f6)}.reporte-header-red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.reporte-header-info h2{font-size:24px;font-weight:700;margin:0 0 8px}.reporte-header-info p{font-size:14px;margin:0;opacity:.9}.reporte-filtros{padding:24px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filtro-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.filtro-group label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.input-filtro{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.input-filtro:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #8b5cf61a}.btn-generar{padding:10px 24px;background:#60a5fa;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-generar:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.btn-generar:disabled{opacity:.6;cursor:not-allowed}.loading-state,.empty-state{padding:60px 32px;text-align:center;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:18px;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.totales-comprobante-grid,.totales-balance-grid,.totales-pyg-grid,.totales-balance-general-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:24px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.total-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #60a5fa;transition:all .2s}.total-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.total-card.total-debe{border-left-color:#3b82f6}.total-card.total-haber{border-left-color:#10b981}.total-card.total-diferencia,.total-card.total-deudor{border-left-color:#3b82f6}.total-card.total-acreedor,.total-card.total-movimientos{border-left-color:#6b7280}.total-card.total-ingresos{border-left-color:#10b981}.total-card.total-costos{border-left-color:#ef4444}.total-card.total-utilidad-bruta{border-left-color:#3b82f6}.total-card.total-utilidad-neta{border-left-color:#60a5fa;background:linear-gradient(135deg,#f3f4f6,#fff)}.total-card.total-activos{border-left-color:#06b6d4}.total-card.total-pasivos{border-left-color:#ef4444}.total-card.total-patrimonio-card{border-left-color:#10b981}.total-card.total-ecuacion{border-left-color:#6b7280}.total-card.ecuacion-ok{background:linear-gradient(135deg,#d1fae5,#fff);border-left-color:#10b981}.total-card.ecuacion-error{background:linear-gradient(135deg,#fee2e2,#fff);border-left-color:#ef4444}.total-label{font-size:13px;color:#6b7280;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.total-valor{font-size:24px;font-weight:700;color:#1f2937}.total-valor-destacado{font-size:28px;color:#60a5fa}.total-valor-small{font-size:18px;font-weight:700;color:#1f2937}.reporte-info-impresion{display:none}.reporte-acciones{padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center;gap:12px}.acciones-buttons{display:flex;gap:12px}.btn-action{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-action:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tabla-reporte-container{padding:32px;overflow-x:auto}.tabla-reporte{width:100%;border-collapse:collapse;font-size:14px}.tabla-reporte thead{background:#f9fafb}.tabla-reporte th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.tabla-reporte tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.tabla-reporte tbody tr:hover{background:#f9fafb}.tabla-reporte td{padding:14px 16px;color:#1f2937}.tabla-reporte td.text-right{text-align:right}.tabla-reporte td.text-center{text-align:center}.tabla-reporte td.font-bold,.tabla-reporte th.font-bold{font-weight:700}.tabla-reporte td.font-mono{font-family:Courier New,monospace}.tabla-reporte tfoot{background:#f3f4f6;font-weight:700}.tabla-reporte tfoot tr.totales-row{border-top:2px solid #60a5fa}.tabla-reporte tfoot td{padding:16px;font-size:15px;color:#1f2937}.tabla-pyg tbody tr,.tabla-balance-general tbody tr{border-bottom:none}.tabla-pyg tbody tr:hover,.tabla-balance-general tbody tr:hover{background:transparent}.row-titulo{background:#f3f4f6!important;font-weight:700;font-size:15px}.row-titulo td{padding:16px!important;border-top:2px solid #60a5fa;border-bottom:1px solid #d1d5db}.row-subtitulo{background:#f9fafb!important;font-weight:600;font-size:14px}.row-subtitulo td{padding:14px 16px!important}.row-total{background:#f3f4f6!important;font-weight:700}.row-total td{padding:14px 16px!important;border-top:1px solid #d1d5db}.row-utilidad{background:linear-gradient(90deg,#dbeafe,transparent)!important;font-weight:700}.row-utilidad td{padding:14px 16px!important;border-top:2px solid #3b82f6;border-bottom:2px solid #3b82f6}.row-total-final{background:linear-gradient(90deg,#bfdbfe,transparent)!important;font-weight:700;font-size:16px}.row-total-final td{padding:16px!important;border-top:3px double #60a5fa;border-bottom:3px double #60a5fa}.indent-nivel-1{padding-left:16px!important}.indent-nivel-2{padding-left:32px!important}.indent-nivel-3{padding-left:48px!important}.indent-nivel-4{padding-left:64px!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-activo{background:#dbeafe;color:#1e40af}.badge-pasivo{background:#fee2e2;color:#991b1b}.badge-ingreso{background:#d1fae5;color:#065f46}.badge-patrimonio{background:#dbeafe;color:#1e40af}@media print{.modal-overlay-reporte{background:#fff!important;position:static!important;padding:0!important}.btn-cerrar-modal,.reporte-filtros,.reporte-acciones,.empty-state,.loading-state{display:none!important}.modal-reporte-contable{box-shadow:none!important;max-height:none!important;width:100%!important;max-width:100%!important;border-radius:0!important;overflow:visible!important}.reporte-header{padding:20px!important;page-break-after:avoid!important}.reporte-header-info h2{font-size:18px!important}.reporte-header-info p{font-size:12px!important}.reporte-info-impresion{display:block!important;padding:15px 32px!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;font-size:10px!important;page-break-after:avoid!important}.reporte-info-impresion p{margin:4px 0!important}.totales-comprobante-grid,.totales-balance-grid,.totales-pyg-grid,.totales-balance-general-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:15px 32px!important;page-break-after:avoid!important}.total-card{padding:10px!important;box-shadow:none!important;border:1px solid #e5e7eb!important}.total-label{font-size:9px!important}.total-valor{font-size:14px!important}.tabla-reporte-container{padding:20px!important;overflow:visible!important}.tabla-reporte{font-size:9px!important;page-break-inside:auto!important}.tabla-reporte thead{display:table-header-group!important}.tabla-reporte tbody{display:table-row-group!important}.tabla-reporte tfoot{display:table-footer-group!important}.tabla-reporte tr{page-break-inside:avoid!important;page-break-after:auto!important}.tabla-reporte th{padding:8px 6px!important;font-size:9px!important}.tabla-reporte td{padding:6px 4px!important;font-size:8px!important}.tabla-reporte tfoot td{font-size:9px!important}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}@media (max-width: 768px){.modal-reporte-contable{width:100%;max-height:100vh;border-radius:0}.reporte-header{padding:24px 20px}.reporte-filtros{padding:20px}.filtro-group{min-width:100%}.totales-comprobante-grid,.totales-balance-grid,.totales-pyg-grid,.totales-balance-general-grid{grid-template-columns:1fr;padding:20px}.reporte-acciones{padding:16px 20px}.acciones-buttons{width:100%;flex-direction:column}.btn-action{width:100%;justify-content:center}.tabla-reporte-container{padding:20px}.tabla-reporte{font-size:12px}.tabla-reporte th,.tabla-reporte td{padding:8px}}.totales-cierre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;background:linear-gradient(to bottom,#eff6ff,#fff)}.total-ventas-cierre{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #f97316}.total-efectivo-cierre{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #eab308}.total-tarjetas-cierre{background:linear-gradient(135deg,#bfdbfe,#c4b5fd);border-left:4px solid #60a5fa}.diferencia-ok{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.diferencia-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.usuario-info{display:flex;flex-direction:column;gap:2px}.usuario-info small{font-size:11px;color:#6b7280}.text-error{color:#ef4444!important}.text-success{color:#10b981!important}.badge-abierta{background:#dbeafe;color:#1e40af}.badge-cerrada{background:#d1fae5;color:#065f46}.totales-cobrar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;background:linear-gradient(to bottom,#fff1f2,#fff)}.total-por-cobrar{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-left:4px solid #f43f5e}.total-vencido{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.total-al-dia{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.total-antiguedad{background:linear-gradient(135deg,#dbeafe,#c7d2fe);border-left:4px solid #3b82f6}.antiguedad-rangos{padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.antiguedad-rangos h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#111827}.rangos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rango-item{padding:16px;border-radius:8px;border:2px solid;text-align:center}.rango-0-30{background:#f0fdf4;border-color:#86efac}.rango-31-60{background:#dbeafe;border-color:#fde047}.rango-61-90{background:#dbeafe;border-color:#fdba74}.rango-90-mas{background:#fee2e2;border-color:#fca5a5}.rango-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:8px}.rango-valor{font-size:18px;font-weight:700;color:#111827}.cliente-info,.proveedor-info{display:flex;flex-direction:column;gap:2px}.cliente-nombre,.proveedor-nombre{font-weight:500}.cliente-documento,.proveedor-documento{font-size:11px;color:#6b7280}.badge-dias{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px}.badge-dias.vigente{background:#d1fae5;color:#065f46}.badge-dias.vencido{background:#fee2e2;color:#991b1b}.badge-rango-0-30{background:#d1fae5;color:#065f46}.badge-rango-31-60{background:#dbeafe;color:#1e40af}.badge-rango-61-90{background:#dbeafe;color:#9a3412}.badge-rango-90-mas{background:#fee2e2;color:#991b1b}.badge-vigente{background:#d1fae5;color:#065f46}.badge-vencida{background:#fee2e2;color:#991b1b}.totales-pagar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;background:linear-gradient(to bottom,#f0fdfa,#fff)}.total-por-pagar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.total-vencido-pagar{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444}.total-al-dia-pagar{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.total-proveedores{background:linear-gradient(135deg,#dbeafe,#c7d2fe);border-left:4px solid #3b82f6}.totales-gastos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 32px;background:linear-gradient(to bottom,#fef2f2,#fff)}.total-gastos-operacionales{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626}.total-gastos-no-operacionales{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #f97316}.total-gastos-general{background:linear-gradient(135deg,#bfdbfe,#c4b5fd);border-left:4px solid #60a5fa}.total-cantidad-gastos{background:linear-gradient(135deg,#dbeafe,#c7d2fe);border-left:4px solid #3b82f6}.gastos-por-categoria{padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.gastos-por-categoria h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#111827}.categorias-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.categoria-item{padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.categoria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.categoria-nombre{font-size:14px;font-weight:600;color:#111827}.categoria-porcentaje{font-size:12px;font-weight:700;color:#dc2626;background:#fee2e2;padding:2px 8px;border-radius:4px}.categoria-monto{font-size:18px;font-weight:700;color:#dc2626;margin-bottom:8px}.categoria-barra{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.categoria-barra-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f87171);transition:width .3s ease}.categoria-info{display:flex;flex-direction:column;gap:2px}.categoria-principal{font-weight:500}.subcategoria{font-size:11px;color:#6b7280}.badge-operacional{background:#fee2e2;color:#991b1b}.badge-no-operacional{background:#dbeafe;color:#9a3412}.graficos-container{padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1024px){.graficos-container{grid-template-columns:1fr}}.grafico-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.grafico-card h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#111827;text-align:center}.grafico-card.full-width{grid-column:1 / -1}@media print{.graficos-container{page-break-inside:avoid;padding:15px 32px!important}.grafico-card{box-shadow:none!important;border:1px solid #e5e7eb!important}}.modal-informe-fiscal{background:#fff;border-radius:8px;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-header-fiscal{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:20px 24px;text-align:center}.modal-header-fiscal h2{margin:0;font-size:20px;font-weight:700;letter-spacing:.5px}.modal-header-fiscal p{margin:6px 0 0;font-size:13px;opacity:.9}.fiscal-filtros{display:flex;align-items:flex-end;gap:16px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.fiscal-filtros .filtro-group{display:flex;flex-direction:column;gap:4px}.fiscal-filtros .filtro-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b}.fiscal-filtros .input-filtro{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.fiscal-filtros .input-filtro:focus{outline:none;border-color:#3b82f6}.fiscal-acciones{display:flex;gap:8px;margin-left:auto}.btn-fiscal{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1e40af;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-fiscal:hover:not(:disabled){background:#1e3a8a}.btn-fiscal:disabled{opacity:.5;cursor:not-allowed}.fiscal-loading,.fiscal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center}.fiscal-loading .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.fiscal-error{color:#dc2626}.fiscal-content{padding:24px}.fiscal-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #1e40af}.fiscal-header h1{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.fiscal-consecutivo{font-size:14px;color:#64748b;margin:0}.fiscal-consecutivo strong{color:#1e40af;font-size:16px}.fiscal-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:13px}.fiscal-table td,.fiscal-table th{border:1px solid #cbd5e1;padding:8px 12px}.fiscal-section-header{background:#dbeafe}.fiscal-section-header td{font-weight:700;color:#1e40af;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px}.fiscal-label{background:#f1f5f9;font-weight:600;color:#334155;width:25%}.fiscal-value{font-weight:700;color:#1e40af}.fiscal-table-data{font-size:12px}.fiscal-table-header{background:#f8fafc}.fiscal-table-header th{font-weight:600;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.3px;text-align:left;padding:10px 12px}.fiscal-number{text-align:right;font-family:Consolas,Monaco,monospace}.fiscal-negative{color:#dc2626}.fiscal-subtotal{background:#f8fafc;font-weight:600}.fiscal-subtotal td{border-top:1px dashed #94a3b8}.fiscal-total-row{background:#dbeafe;font-weight:700}.fiscal-total-row td{border-top:2px solid #1e40af;color:#1e40af}.fiscal-nc-row{background:#fef2f2;font-style:italic}.fiscal-nc-row td{border-top:1px dashed #dc2626;color:#991b1b}.fiscal-empty{text-align:center;color:#94a3b8;font-style:italic;padding:20px}@media (max-width: 768px){.fiscal-filtros{flex-direction:column;align-items:stretch}.fiscal-acciones{margin-left:0;justify-content:center}.fiscal-content{padding:16px;overflow-x:auto}.fiscal-table{font-size:11px;min-width:600px}}@media print{.modal-overlay-reporte{position:static;background:none}.modal-informe-fiscal{box-shadow:none;max-height:none;width:100%;max-width:100%;border-radius:0}.fiscal-filtros,.btn-cerrar-modal{display:none!important}.fiscal-content{padding:0}.fiscal-table{page-break-inside:avoid}.fiscal-section-header td{background:#dbeafe!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.modal-overlay-reporte{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.btn-cerrar-modal{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#64748b;padding:8px;border-radius:6px;z-index:10}.btn-cerrar-modal:hover{background:#f1f5f9;color:#1e293b}.modal-overlay-informe-nuevo{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.modal-informe-nuevo{background:#fff;border-radius:16px;width:100%;max-width:1100px;max-height:calc(100vh - 40px);margin:20px auto;position:relative;box-shadow:0 20px 60px #0000004d;overflow-y:auto}.modal-informe-nuevo .reporte-header .btn-cerrar-modal{position:absolute;top:50%;right:16px;transform:translateY(-50%);background:#fff3;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;z-index:10;transition:all .2s}.modal-informe-nuevo .reporte-header .btn-cerrar-modal:hover{background:#ffffff59}.modal-informe-nuevo .reporte-header{display:flex;align-items:center;gap:16px;padding:24px 56px 24px 24px;border-radius:16px 16px 0 0;color:#fff;position:sticky;top:0;z-index:5}.modal-informe-nuevo .reporte-header.blue{background:linear-gradient(135deg,#3b82f6,#1e40af)}.modal-informe-nuevo .reporte-header.green{background:linear-gradient(135deg,#10b981,#047857)}.modal-informe-nuevo .reporte-header.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.modal-informe-nuevo .reporte-header.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.modal-informe-nuevo .reporte-header.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.modal-informe-nuevo .reporte-header h2{margin:0;font-size:22px;font-weight:700}.modal-informe-nuevo .reporte-header p{margin:4px 0 0;font-size:14px;opacity:.9}.modal-informe-nuevo .reporte-filtros{display:flex;gap:16px;padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:flex-end}.modal-informe-nuevo .filtro-group{display:flex;flex-direction:column;gap:6px}.modal-informe-nuevo .filtro-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#475569}.modal-informe-nuevo .filtro-group input,.modal-informe-nuevo .filtro-group select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;min-width:160px}.modal-informe-nuevo .filtro-group input:focus,.modal-informe-nuevo .filtro-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-informe-nuevo .btn-actualizar{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-informe-nuevo .btn-actualizar:hover{background:#2563eb}.modal-informe-nuevo .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.modal-informe-nuevo .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-informe 1s linear infinite;margin-bottom:16px}@keyframes spin-informe{to{transform:rotate(360deg)}}.modal-informe-nuevo .totales-ventas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.modal-informe-nuevo .total-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:#f8fafc}.modal-informe-nuevo .total-card.blue{background:#dbeafe;color:#1e40af}.modal-informe-nuevo .total-card.green{background:#d1fae5;color:#047857}.modal-informe-nuevo .total-card.red{background:#fee2e2;color:#b91c1c}.modal-informe-nuevo .total-card.orange{background:#fef3c7;color:#92400e}.modal-informe-nuevo .total-card.purple{background:#ede9fe;color:#6d28d9}.modal-informe-nuevo .total-card .total-label{display:block;font-size:12px;font-weight:500;opacity:.8}.modal-informe-nuevo .total-card .total-valor{display:block;font-size:20px;font-weight:700}.modal-informe-nuevo .desglose-totales{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.modal-informe-nuevo .desglose-item{display:flex;justify-content:space-between;padding:10px 16px;font-size:14px;color:#475569;background:#f8fafc;border-radius:8px;margin-bottom:8px}.modal-informe-nuevo .desglose-item.total{grid-column:1 / -1;background:#1e293b;color:#fff;border-radius:8px;padding:14px 16px;font-weight:700;font-size:16px;margin-top:8px}.modal-informe-nuevo .desglose-item .red{color:#dc2626;font-weight:600}.modal-informe-nuevo .desglose-item .green{color:#10b981;font-weight:600}.modal-informe-nuevo .desglose-item .orange{color:#f59e0b;font-weight:600}.modal-informe-nuevo .desglose-item .blue{color:#3b82f6;font-weight:600}.modal-informe-nuevo .desglose-item.total .green,.modal-informe-nuevo .desglose-item.total .red,.modal-informe-nuevo .desglose-item.total .blue,.modal-informe-nuevo .desglose-item.total .orange{color:inherit}.modal-informe-nuevo .graficos-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:0 24px 24px}.modal-informe-nuevo .grafico-card{background:#f8fafc;border-radius:12px;padding:20px}.modal-informe-nuevo .grafico-card h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;color:#1e293b}.modal-informe-nuevo .acciones-reporte{display:flex;gap:12px;padding:0 24px 24px}.modal-informe-nuevo .btn-exportar,.modal-informe-nuevo .btn-imprimir{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-informe-nuevo .btn-exportar{background:#10b981;color:#fff;border:none}.modal-informe-nuevo .btn-exportar:hover{background:#059669}.modal-informe-nuevo .btn-imprimir{background:#fff;color:#475569;border:1px solid #e2e8f0}.modal-informe-nuevo .btn-imprimir:hover{background:#f8fafc;border-color:#cbd5e1}.modal-informe-nuevo .tabla-reporte-container{padding:0 24px 24px;overflow-x:hidden}.modal-informe-nuevo .tabla-reporte{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.modal-informe-nuevo .tabla-reporte th{background:#f1f5f9;padding:8px 6px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-informe-nuevo .tabla-reporte td{padding:8px 6px;border-bottom:1px solid #f1f5f9;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-informe-nuevo .tabla-reporte tr:hover{background:#f8fafc}.modal-informe-nuevo .tabla-reporte tr.anulada{background:#fef2f2;text-decoration:line-through;opacity:.7}.modal-informe-nuevo .tabla-reporte .text-right{text-align:right;font-family:Monaco,monospace}.modal-informe-nuevo .tabla-reporte .text-center{text-align:center}.modal-informe-nuevo .tabla-reporte td.green{color:#10b981}.modal-informe-nuevo .tabla-reporte td.blue{color:#3b82f6}.modal-informe-nuevo .tabla-reporte td.orange{color:#f59e0b}.modal-informe-nuevo .tabla-reporte .empty-state{text-align:center;padding:40px;color:#94a3b8}.modal-informe-nuevo .estado-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.modal-informe-nuevo .estado-badge.pagada{background:#d1fae5;color:#047857}.modal-informe-nuevo .estado-badge.pendiente{background:#fef3c7;color:#92400e}.modal-informe-nuevo .estado-badge.cancelada{background:#fee2e2;color:#b91c1c}.modal-informe-nuevo .tabla-reporte.tabla-balance{font-size:11px}.modal-informe-nuevo .tabla-reporte.tabla-balance th,.modal-informe-nuevo .tabla-reporte.tabla-balance td{padding:6px 4px}.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(1),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(1){width:11%}.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(2),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(2){width:11%}.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(3),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(3){width:8%}.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(4),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(4),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(5),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(5),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(6),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(6),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(7),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(7),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(8),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(8),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(9),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(9),.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(10),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(10){width:8%}.modal-informe-nuevo .tabla-reporte.tabla-balance th:nth-child(11),.modal-informe-nuevo .tabla-reporte.tabla-balance td:nth-child(11){width:7%}@media (max-width: 768px){.modal-informe-nuevo .totales-ventas-grid{grid-template-columns:repeat(2,1fr)}.modal-informe-nuevo .graficos-container{grid-template-columns:1fr}.modal-informe-nuevo .reporte-filtros{flex-direction:column}.modal-informe-nuevo .filtro-group input,.modal-informe-nuevo .filtro-group select{width:100%}}@media print{.modal-overlay-informe-nuevo{position:static;background:none;padding:0}.modal-informe-nuevo{box-shadow:none;max-width:none;max-height:none;overflow:visible}.modal-informe-nuevo .btn-cerrar-modal,.modal-informe-nuevo .reporte-filtros,.modal-informe-nuevo .acciones-reporte{display:none!important}}.reportes-contables-page{padding:0;min-height:100vh;background:#f1f5f9}.reportes-page-header{background:#fff;padding:24px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.header-top{max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px}.btn-volver{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-volver:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.header-titles h1{font-size:24px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:10px;color:#1e293b}.header-titles h1 svg{color:#3b82f6}.header-titles p{font-size:14px;color:#64748b;margin:0}.header-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:10px;padding:10px 16px}.badge-number{font-size:24px;font-weight:700;color:#1d4ed8}.badge-label{font-size:12px;color:#3b82f6;font-weight:500}.search-bar{max-width:600px;margin:0 auto;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 20px;gap:12px;transition:all .2s}.search-bar:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-bar svg{color:#94a3b8;flex-shrink:0}.search-bar:focus-within svg{color:#3b82f6}.search-bar input{flex:1;border:none;outline:none;font-size:15px;color:#1e293b;background:transparent}.search-bar input::placeholder{color:#94a3b8}.clear-search{background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search:hover{background:#3b82f6;color:#fff}.secciones-container{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.seccion-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease;border:1px solid #e2e8f0}.seccion-card:hover{box-shadow:0 4px 12px #00000014}.seccion-card.blue{border-left:4px solid #3b82f6}.seccion-card.green{border-left:4px solid #0ea5e9}.seccion-card.orange{border-left:4px solid #6366f1}.seccion-header{padding:20px 24px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:background-color .2s}.seccion-header:hover{background-color:#f8fafc}.seccion-icon-container{position:relative;flex-shrink:0}.seccion-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.seccion-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.seccion-icon.green{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.seccion-icon.orange{background:linear-gradient(135deg,#6366f1,#4f46e5)}.seccion-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#1e293b;color:#fff;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.seccion-info{flex:1}.seccion-info h2{font-size:17px;font-weight:600;color:#1e293b;margin:0 0 4px}.seccion-info p{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.4}.seccion-meta{display:flex;align-items:center;gap:12px}.reportes-count{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.toggle-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background:#e2e8f0;color:#1e293b}.toggle-btn.open{background:#3b82f6;color:#fff}.reportes-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:8px;animation:slideDown .25s ease-out}.no-reportes{text-align:center;padding:40px 20px;color:#94a3b8}.reporte-item{background:#f8fafc;border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border:1px solid transparent;cursor:pointer}.reporte-item:hover{background:#fff;border-color:#dbeafe;box-shadow:0 2px 8px #3b82f61a}.reporte-item-header{display:flex;align-items:center;gap:14px;flex:1}.reporte-icono{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.reporte-icono.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.reporte-icono.green{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.reporte-icono.orange{background:linear-gradient(135deg,#818cf8,#6366f1)}.reporte-info{flex:1}.reporte-info h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}.reporte-info p{font-size:12px;color:#64748b;margin:0}.reporte-acciones{display:flex;gap:8px;align-items:center}.btn-generar{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.btn-generar.blue{background:#3b82f6}.btn-generar.green{background:#0ea5e9}.btn-generar.orange{background:#6366f1}.btn-generar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-generar.green:hover{box-shadow:0 4px 12px #0ea5e94d}.btn-generar.orange:hover{box-shadow:0 4px 12px #6366f14d}.reportes-footer{max-width:1200px;margin:0 auto;padding:0 24px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.footer-card{background:#fff;border-radius:12px;padding:20px;display:flex;gap:16px;border:1px solid #e2e8f0}.footer-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-card.tips .footer-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.footer-card.info .footer-icon-wrapper{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.footer-content h4{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 10px}.footer-content ol,.footer-content ul{margin:0;padding-left:18px}.footer-content li{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:2px}.footer-card.tips{border-left:3px solid #3b82f6}.footer-card.info{border-left:3px solid #0ea5e9}@media (max-width: 900px){.reportes-page-header{padding:20px 16px}.header-top{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:16px}.header-titles h1{font-size:20px}.secciones-container,.seccion-header{padding:16px}.reporte-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.reporte-acciones{width:100%}.btn-generar{width:100%;justify-content:center}.reportes-footer{grid-template-columns:1fr;padding:0 16px 24px}}@media (max-width: 480px){.search-bar{padding:10px 14px}.search-bar input{font-size:14px}.seccion-icon{width:44px;height:44px}.reporte-icono{width:38px;height:38px}.seccion-info h2{font-size:15px}}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:#3b82f6;color:#fff}.btn-action:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-action.secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.btn-action.secondary:hover{background:#f9fafb;color:#1f2937;border-color:#d1d5db}@media print{.reportes-contables-page{display:none}}.reportes-ventas-page{padding:0;min-height:100vh;background:#f1f5f9}.reportes-ventas-page .reportes-page-header{background:#fff;padding:24px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.reportes-ventas-page .header-top{max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.reportes-ventas-page .header-left{display:flex;align-items:center;gap:20px}.reportes-ventas-page .btn-volver{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.reportes-ventas-page .btn-volver:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.reportes-ventas-page .header-titles h1{font-size:24px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:10px;color:#1e293b}.reportes-ventas-page .header-titles h1 svg{color:#3b82f6}.reportes-ventas-page .header-titles p{font-size:14px;color:#64748b;margin:0}.reportes-ventas-page .header-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:10px;padding:10px 16px}.reportes-ventas-page .badge-number{font-size:24px;font-weight:700;color:#1d4ed8}.reportes-ventas-page .badge-label{font-size:12px;color:#3b82f6;font-weight:500}.reportes-ventas-page .search-bar{max-width:600px;margin:0 auto;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 20px;gap:12px;transition:all .2s}.reportes-ventas-page .search-bar:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.reportes-ventas-page .search-bar svg{color:#94a3b8;flex-shrink:0}.reportes-ventas-page .search-bar:focus-within svg{color:#3b82f6}.reportes-ventas-page .search-bar input{flex:1;border:none;outline:none;font-size:15px;color:#1e293b;background:transparent}.reportes-ventas-page .search-bar input::placeholder{color:#94a3b8}.reportes-ventas-page .clear-search{background:#e2e8f0;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.reportes-ventas-page .clear-search:hover{background:#3b82f6;color:#fff}.reportes-ventas-page .secciones-container{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.reportes-ventas-page .seccion-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s ease;border:1px solid #e2e8f0}.reportes-ventas-page .seccion-card:hover{box-shadow:0 4px 12px #00000014}.reportes-ventas-page .seccion-card.blue{border-left:4px solid #3b82f6}.reportes-ventas-page .seccion-card.green{border-left:4px solid #0ea5e9}.reportes-ventas-page .seccion-card.orange{border-left:4px solid #6366f1}.reportes-ventas-page .seccion-header{padding:20px 24px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:background-color .2s}.reportes-ventas-page .seccion-header:hover{background-color:#f8fafc}.reportes-ventas-page .seccion-icon-container{position:relative;flex-shrink:0}.reportes-ventas-page .seccion-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.reportes-ventas-page .seccion-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.reportes-ventas-page .seccion-icon.green{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.reportes-ventas-page .seccion-icon.orange{background:linear-gradient(135deg,#6366f1,#4f46e5)}.reportes-ventas-page .seccion-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#1e293b;color:#fff;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.reportes-ventas-page .seccion-info{flex:1}.reportes-ventas-page .seccion-info h2{font-size:17px;font-weight:600;color:#1e293b;margin:0 0 4px}.reportes-ventas-page .seccion-info p{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.4}.reportes-ventas-page .seccion-meta{display:flex;align-items:center;gap:12px}.reportes-ventas-page .reportes-count{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.reportes-ventas-page .toggle-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.reportes-ventas-page .toggle-btn:hover{background:#e2e8f0;color:#1e293b}.reportes-ventas-page .toggle-btn.open{background:#3b82f6;color:#fff}.reportes-ventas-page .reportes-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:8px;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reportes-ventas-page .no-reportes{text-align:center;padding:40px 20px;color:#94a3b8}.reportes-ventas-page .reporte-item{background:#f8fafc;border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border:1px solid transparent;cursor:pointer}.reportes-ventas-page .reporte-item:hover{background:#fff;border-color:#dbeafe;box-shadow:0 2px 8px #3b82f61a}.reportes-ventas-page .reporte-item-header{display:flex;align-items:center;gap:14px;flex:1}.reportes-ventas-page .reporte-icono{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.reportes-ventas-page .reporte-icono.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.reportes-ventas-page .reporte-icono.green{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.reportes-ventas-page .reporte-icono.orange{background:linear-gradient(135deg,#818cf8,#6366f1)}.reportes-ventas-page .reporte-info{flex:1}.reportes-ventas-page .reporte-info h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}.reportes-ventas-page .reporte-info p{font-size:12px;color:#64748b;margin:0}.reportes-ventas-page .reporte-acciones{display:flex;gap:8px;align-items:center}.reportes-ventas-page .btn-generar{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.reportes-ventas-page .btn-generar.blue{background:#3b82f6}.reportes-ventas-page .btn-generar.green{background:#0ea5e9}.reportes-ventas-page .btn-generar.orange{background:#6366f1}.reportes-ventas-page .btn-generar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.reportes-ventas-page .btn-generar.green:hover{box-shadow:0 4px 12px #0ea5e94d}.reportes-ventas-page .btn-generar.orange:hover{box-shadow:0 4px 12px #6366f14d}.reportes-ventas-page .reportes-footer{max-width:1200px;margin:0 auto;padding:0 24px 32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reportes-ventas-page .footer-card{background:#fff;border-radius:12px;padding:20px;display:flex;gap:16px;border:1px solid #e2e8f0}.reportes-ventas-page .footer-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reportes-ventas-page .footer-card.tips .footer-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.reportes-ventas-page .footer-card.info .footer-icon-wrapper{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.reportes-ventas-page .footer-content h4{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 10px}.reportes-ventas-page .footer-content ol,.reportes-ventas-page .footer-content ul{margin:0;padding-left:18px}.reportes-ventas-page .footer-content li{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:2px}.reportes-ventas-page .footer-card.tips{border-left:3px solid #3b82f6}.reportes-ventas-page .footer-card.info{border-left:3px solid #0ea5e9}@media (max-width: 900px){.reportes-ventas-page .reportes-page-header{padding:20px 16px}.reportes-ventas-page .header-top{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:16px}.reportes-ventas-page .header-left{flex-direction:column;align-items:flex-start;gap:12px}.reportes-ventas-page .header-titles h1{font-size:20px}.reportes-ventas-page .secciones-container,.reportes-ventas-page .seccion-header{padding:16px}.reportes-ventas-page .reporte-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.reportes-ventas-page .reporte-acciones{width:100%}.reportes-ventas-page .btn-generar{width:100%;justify-content:center}.reportes-ventas-page .reportes-footer{grid-template-columns:1fr;padding:0 16px 24px}}@media (max-width: 480px){.reportes-ventas-page .search-bar{padding:10px 14px}.reportes-ventas-page .search-bar input{font-size:14px}.reportes-ventas-page .seccion-icon{width:44px;height:44px}.reportes-ventas-page .reporte-icono{width:38px;height:38px}.reportes-ventas-page .seccion-info h2{font-size:15px}}@media print{.reportes-ventas-page{display:none}}.gestion-proveedores{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.filtros-section{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.proveedores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:2rem}.proveedor-card{background:#fff;border-radius:14px;padding:1.75rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;animation:cardFadeIn .4s ease}.proveedor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transition:transform .3s ease}.proveedor-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #3b82f626;border-color:#3b82f6}.proveedor-card:hover:before{transform:scaleX(1)}.proveedor-card.inactivo{opacity:.65;background:#f9fafb;filter:grayscale(40%)}.proveedor-card.inactivo:hover{transform:translateY(-3px)}.proveedor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb}.proveedor-info-principal h3{font-size:1.1875rem;font-weight:700;color:#1f2937;margin:0 0 .375rem;line-height:1.3;transition:color .2s ease}.proveedor-card:hover .proveedor-info-principal h3{color:#3b82f6}.proveedor-info-principal .nombre-comercial{font-size:.875rem;color:#6b7280;margin:0 0 .625rem;font-style:italic;font-weight:500}.proveedor-info-principal .documento{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#4b5563;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.375rem .875rem;border-radius:8px;font-weight:600;transition:all .2s ease}.proveedor-card:hover .documento{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.proveedor-calificacion{display:flex;gap:.25rem;animation:fadeInRight .5s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.proveedor-calificacion svg{transition:all .2s ease}.proveedor-card:hover .proveedor-calificacion svg{transform:scale(1.15)}.proveedor-contacto{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.contacto-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#4b5563;padding:.375rem .625rem;border-radius:6px;transition:all .2s ease}.contacto-item:hover{background:#f3f4f6;color:#1f2937;transform:translate(4px)}.contacto-item svg{color:#6b7280;flex-shrink:0;transition:color .2s ease}.contacto-item:hover svg{color:#3b82f6}.proveedor-condiciones{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem}.condicion-badge{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#eff6ff;border-radius:8px;font-size:.8125rem;border:1px solid #bfdbfe;transition:all .2s ease}.condicion-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #3b82f626}.condicion-badge .label{color:#6b7280;font-weight:600}.condicion-badge .value{color:#1e40af;font-weight:700}.condicion-badge.descuento{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.condicion-badge.descuento .value{color:#1e40af}.proveedor-actions{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding-top:1.25rem;border-top:2px solid #e5e7eb}.proveedor-actions .btn-icon{padding:.625rem;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#4b5563;display:flex;align-items:center;justify-content:center}.proveedor-actions .btn-icon:hover{background:#3b82f6;color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px #3b82f659}.proveedor-actions .btn-icon.btn-danger:hover{background:#ef4444;box-shadow:0 4px 12px #ef444459}.estado-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#d1fae5;color:#065f46;border-radius:8px;font-size:.8125rem;font-weight:700;margin-left:auto;border:2px solid #10b981;transition:all .2s ease}.estado-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #10b98133}.proveedor-card.inactivo .estado-badge{background:#fee2e2;color:#991b1b;border-color:#ef4444}.modal-proveedor{background:#fff;border-radius:20px;width:90%;max-width:950px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-proveedor .modal-body{padding:2rem;max-height:calc(90vh - 180px);overflow-y:auto}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb;animation:sectionFadeIn .4s ease}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;display:flex;align-items:center;gap:.625rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.form-section h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group{display:flex;flex-direction:column;animation:inputFadeIn .3s ease}@keyframes inputFadeIn{0%{opacity:0}to{opacity:1}}.form-group.col-2{grid-column:span 2}.form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;transition:color .2s ease}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:10px;font-size:.9375rem;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;background:#f9fafb;border-radius:10px;transition:all .2s ease;border:2px solid transparent}.checkbox-label:hover{background:#f3f4f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f9fafb);border-radius:0 0 20px 20px;position:sticky;bottom:0}@media (max-width: 1024px){.proveedores-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.gestion-proveedores{padding:1rem}.filtros-section{flex-direction:column;padding:1rem}.proveedores-grid{grid-template-columns:1fr;gap:1rem}.proveedor-card{padding:1.25rem}.modal-proveedor{width:95%;max-height:95vh;border-radius:16px}.modal-proveedor .modal-body{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-group.col-2{grid-column:span 1}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer button{width:100%;justify-content:center}.proveedor-actions{flex-wrap:wrap}}@media (max-width: 480px){.proveedor-header{flex-direction:column;gap:1rem}.proveedor-calificacion{align-self:flex-start}.proveedor-condiciones{flex-direction:column}.condicion-badge{width:100%}}.proveedor-card-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.proveedor-actions,.btn-primary,.btn-secondary,.search-box{display:none!important}.proveedor-card{break-inside:avoid;box-shadow:none;border:1px solid #d1d5db}.proveedores-grid{grid-template-columns:repeat(2,1fr)}}.modal-sel-insumos{background:#fff;border-radius:24px;max-width:950px;width:92%;max-height:88vh;height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000040,0 16px 32px #00000026,0 0 0 1px #0000000d;animation:modalSelInsumos-slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.modal-sel-insumos:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#10b981,#059669,#047857,#10b981);background-size:200% 100%;animation:modalSelInsumos-gradient 4s ease-in-out infinite}@keyframes modalSelInsumos-gradient{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}@keyframes modalSelInsumos-slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sel-insumos-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2.5rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#ecfdf5,#f0fdf4);border-bottom:2px solid #d1fae5;position:relative;overflow:hidden}.modal-sel-insumos-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#10b981,transparent);opacity:.5}.modal-sel-insumos-header h2{margin:0;font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#064e3b,#065f46,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;line-height:1.2}.modal-sel-insumos-subtitle{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#475569;margin:.625rem 0 0;font-weight:700;background:#fff;padding:.5rem 1.125rem;border-radius:10px;border:2px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f}.modal-sel-insumos-subtitle:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.75rem;font-weight:900;box-shadow:0 2px 6px #10b9814d}.modal-sel-insumos-btn-close{background:none;border:2.5px solid #e5e7eb;border-radius:12px;padding:.625rem;cursor:pointer;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.modal-sel-insumos-btn-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg)}.modal-sel-insumos-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:2rem 2.5rem;gap:1.25rem;background:linear-gradient(135deg,#fff,#fafbfc,#f8fafc)}.modal-sel-insumos-search{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.75rem;background:#fff;border:2.5px solid #e5e7eb;border-radius:16px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000a,0 0 #10b98100;flex-shrink:0}.modal-sel-insumos-search:focus-within{border-color:#10b981;box-shadow:0 6px 20px #10b9812e,0 0 0 4px #10b9811a;transform:translateY(-2px)}.modal-sel-insumos-search svg{color:#94a3b8;flex-shrink:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.modal-sel-insumos-search:focus-within svg{color:#10b981;transform:scale(1.15) rotate(-8deg)}.modal-sel-insumos-search input{border:none;outline:none;font-size:1.0625rem;color:#1f2937;width:100%;background:transparent;font-weight:600;letter-spacing:-.01em}.modal-sel-insumos-search input::placeholder{color:#9ca3af;font-weight:500}.modal-sel-insumos-filtros{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;flex-shrink:0}.modal-sel-insumos-filtros>svg{color:#94a3b8;flex-shrink:0}.modal-sel-insumos-filtro-chip{padding:.5rem 1rem;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-size:.8125rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.modal-sel-insumos-filtro-chip:hover{border-color:#10b981;color:#059669;background:#ecfdf5;transform:translateY(-1px)}.modal-sel-insumos-filtro-chip.activo{background:linear-gradient(135deg,#10b981,#059669);background:var(--chip-color, linear-gradient(135deg, #10b981, #059669));color:#fff;border-color:transparent;box-shadow:0 3px 10px #10b9814d}.modal-sel-insumos-lista{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;padding:.5rem .75rem .5rem .5rem}.modal-sel-insumos-lista::-webkit-scrollbar{width:14px}.modal-sel-insumos-lista::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:10px;margin:8px 0;border:1px solid #e2e8f0}.modal-sel-insumos-lista::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:10px;border:3.5px solid #f8fafc;box-shadow:0 3px 8px #00000026}.modal-sel-insumos-lista::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#10b981,#059669);border-width:3px;box-shadow:0 4px 12px #10b98159}.modal-sel-insumos-item{display:flex;align-items:flex-start;gap:1.375rem;padding:1.375rem 1.75rem;background:#fff;border:2.5px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:modalSelInsumos-itemFade .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;min-height:88px;box-shadow:0 2px 8px #0000000a}@keyframes modalSelInsumos-itemFade{to{opacity:1}}.modal-sel-insumos-item:nth-child(1){animation-delay:.05s}.modal-sel-insumos-item:nth-child(2){animation-delay:.1s}.modal-sel-insumos-item:nth-child(3){animation-delay:.15s}.modal-sel-insumos-item:nth-child(4){animation-delay:.2s}.modal-sel-insumos-item:nth-child(5){animation-delay:.25s}.modal-sel-insumos-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#10b981,#059669,#047857);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.modal-sel-insumos-item:hover{border-color:#10b981;background:linear-gradient(135deg,#fff,#ecfdf5);transform:translate(8px) translateY(-2px);box-shadow:0 8px 24px #10b9812e}.modal-sel-insumos-item:hover:before{transform:scaleY(1);transform-origin:top}.modal-sel-insumos-item.seleccionado{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 8px 28px #10b98140,0 0 0 4px #10b98114;transform:translate(6px)}.modal-sel-insumos-item.seleccionado:before{transform:scaleY(1);background:linear-gradient(180deg,#047857,#10b981,#34d399)}.modal-sel-insumos-item:active{transform:translate(6px) scale(.98);transition-duration:.1s}.modal-sel-insumos-check{flex-shrink:0;margin-top:.375rem;position:relative;z-index:2}.modal-sel-insumos-check-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b98166;animation:modalSelInsumos-checkBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSelInsumos-checkBounce{0%,to{transform:scale(1)}25%{transform:scale(1.35) rotate(-8deg)}50%{transform:scale(.92) rotate(4deg)}75%{transform:scale(1.1) rotate(-2deg)}}.modal-sel-insumos-check-empty{width:32px;height:32px;border-radius:10px;border:3px solid #cbd5e1;transition:all .35s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 6px #00000014}.modal-sel-insumos-item:hover .modal-sel-insumos-check-empty{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);transform:scale(1.15) rotate(8deg);box-shadow:0 4px 12px #10b98140}.modal-sel-insumos-info{flex:1;min-width:0;position:relative;z-index:1}.modal-sel-insumos-nombre{font-size:1.125rem;font-weight:800;color:#1f2937;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;letter-spacing:-.02em;transition:color .3s ease;word-break:break-word}.modal-sel-insumos-item:hover .modal-sel-insumos-nombre{color:#059669}.modal-sel-insumos-item.seleccionado .modal-sel-insumos-nombre{color:#047857}.modal-sel-insumos-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:32px}.modal-sel-insumos-tag{font-size:.8125rem;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.4375rem 1rem;border-radius:9px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e2e8f0;white-space:nowrap;box-shadow:0 1px 4px #0000000d}.modal-sel-insumos-tag.categoria{color:var(--tag-color, #10b981);border-color:var(--tag-color, #10b981);background:#fff;opacity:.9}.modal-sel-insumos-tag.unidad{color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.modal-sel-insumos-tag.stock{color:#0369a1;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.modal-sel-insumos-item:hover .modal-sel-insumos-tag{transform:translateY(-1px)}.modal-sel-insumos-accion{flex-shrink:0;display:flex;align-items:center;color:#94a3b8;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;margin-top:.375rem}.modal-sel-insumos-item:hover .modal-sel-insumos-accion{color:#10b981;transform:scale(1.2) rotate(90deg)}.modal-sel-insumos-item.seleccionado .modal-sel-insumos-accion{transform:scale(1)}.modal-sel-insumos-badge{font-size:.8125rem;font-weight:800;color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:.5625rem 1.125rem;border-radius:10px;border:2.5px solid #10b981;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 3px 12px #10b98140}.modal-sel-insumos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.modal-sel-insumos-empty svg{color:#cbd5e1;margin-bottom:1.5rem}.modal-sel-insumos-empty p{font-size:1.0625rem;color:#64748b;margin:0;font-weight:600}.modal-sel-insumos-loading{display:flex;align-items:center;justify-content:center;padding:5rem 2rem;font-size:1.0625rem;color:#64748b;font-weight:600}.modal-sel-insumos-footer{display:flex;justify-content:flex-end;gap:1.25rem;padding:2rem 2.5rem;border-top:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff);box-shadow:0 -6px 16px #0000000a}.modal-sel-insumos-btn-cancel,.modal-sel-insumos-btn-confirm{font-weight:700;padding:.875rem 1.75rem;font-size:1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.modal-sel-insumos-btn-cancel{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.modal-sel-insumos-btn-cancel:hover{background:#e2e8f0;color:#1f2937}.modal-sel-insumos-btn-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 14px #10b98159}.modal-sel-insumos-btn-confirm:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.modal-sel-insumos-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #10b98133!important}@media (max-width: 768px){.modal-sel-insumos{width:96%;max-height:94vh;border-radius:20px}.modal-sel-insumos-header{padding:1.5rem 2rem 1.25rem}.modal-sel-insumos-header h2{font-size:1.5rem}.modal-sel-insumos-body{padding:1.5rem 2rem}.modal-sel-insumos-search{padding:1rem 1.5rem}.modal-sel-insumos-item{padding:1.125rem 1.5rem;gap:1.125rem}.modal-sel-insumos-item:hover{transform:translate(6px) translateY(-1px)}.modal-sel-insumos-nombre{font-size:1.0625rem}.modal-sel-insumos-tag{font-size:.75rem;padding:.375rem .875rem}.modal-sel-insumos-footer{padding:1.5rem 2rem;gap:1rem}.modal-sel-insumos-btn-cancel,.modal-sel-insumos-btn-confirm{flex:1;padding:.8125rem 1.5rem}}@media (max-width: 480px){.modal-sel-insumos{width:100%;max-height:100vh;height:100vh;border-radius:0}.modal-sel-insumos:before{height:4px}.modal-sel-insumos-header{padding:1.25rem 1.5rem 1rem}.modal-sel-insumos-header h2{font-size:1.375rem}.modal-sel-insumos-body{padding:1.25rem 1.5rem;gap:1rem}.modal-sel-insumos-search{padding:.875rem 1.25rem}.modal-sel-insumos-search input{font-size:1rem}.modal-sel-insumos-filtros{gap:.5rem}.modal-sel-insumos-filtro-chip{padding:.375rem .75rem;font-size:.75rem}.modal-sel-insumos-item{padding:1rem 1.25rem;gap:1rem;min-height:80px}.modal-sel-insumos-check-icon,.modal-sel-insumos-check-empty{width:28px;height:28px;border-radius:8px}.modal-sel-insumos-nombre{font-size:1rem;margin-bottom:.625rem}.modal-sel-insumos-badge{font-size:.75rem;padding:.4375rem .875rem}.modal-sel-insumos-footer{padding:1.25rem 1.5rem}.modal-sel-insumos-btn-cancel,.modal-sel-insumos-btn-confirm{padding:.75rem 1.25rem;font-size:.9375rem}}@media (prefers-reduced-motion: reduce){.modal-sel-insumos,.modal-sel-insumos *,.modal-sel-insumos *:before,.modal-sel-insumos *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-sel-insumos-item:focus-visible{outline:3px solid rgba(16,185,129,.7);outline-offset:3px}@media (prefers-contrast: high){.modal-sel-insumos-item{border-width:3px}.modal-sel-insumos-check-empty{border-width:3.5px}.modal-sel-insumos-tag{border-width:2.5px}}@media print{.modal-sel-insumos{display:none}}.ordenes-compra{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.filtros-section{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;animation:slideInDown .4s ease;border:2px solid #f3f4f6}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filtro-estado{padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:600;min-width:220px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;color:#4b5563}.filtro-estado:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626;background:#f9fafb}.filtro-estado:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ordenes-lista{display:grid;gap:1.5rem}.orden-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;animation:cardSlideIn .4s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.orden-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#3b82f6,#2563eb);transform:scaleY(0);transition:transform .3s ease}.orden-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626;border-color:#3b82f6}.orden-card:hover:before{transform:scaleY(1)}.orden-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb}.orden-header h3{font-size:1.375rem;font-weight:800;color:#1f2937;margin:0 0 .625rem;letter-spacing:-.025em;transition:color .2s ease}.orden-card:hover .orden-header h3{color:#3b82f6}.orden-proveedor{display:flex;align-items:center;gap:.625rem;color:#6b7280;font-size:.9375rem;font-weight:500;margin:0;transition:all .2s ease}.orden-card:hover .orden-proveedor{color:#4b5563;transform:translate(4px)}.estado-badge{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:10px;font-size:.875rem;font-weight:700;border:2px solid;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.estado-badge:hover{transform:scale(1.05)}.badge-pendiente{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#60a5fa;box-shadow:0 2px 8px #3b82f633}.badge-aprobada{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b981;box-shadow:0 2px 8px #10b98133}.badge-parcial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.badge-recibida{background:linear-gradient(135deg,#dbeafe,#c7d2fe);color:#3730a3;border-color:#3b82f6;box-shadow:0 2px 8px #6366f133}.badge-cancelada{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444;box-shadow:0 2px 8px #ef444433}.orden-info{display:flex;flex-wrap:wrap;gap:1.75rem;margin-bottom:1.25rem}.info-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#4b5563;padding:.625rem .875rem;background:#f9fafb;border-radius:8px;transition:all .2s ease;border:1px solid #e5e7eb}.info-item:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.info-item svg{color:#6b7280;flex-shrink:0}.orden-totales{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;border:2px solid #e5e7eb}.total-item{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.total-item span{color:#6b7280;font-weight:600}.total-item strong{color:#1f2937;font-size:1.0625rem}.total-principal{color:#059669!important;font-size:1.25rem!important;font-weight:800!important;text-shadow:0 2px 4px rgba(5,150,105,.1)}.orden-actions{display:flex;gap:.875rem;flex-wrap:wrap}.orden-actions .btn-icon{flex:1;min-width:140px;justify-content:center;padding:.75rem 1.125rem;font-weight:600;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981}.btn-success:hover{background:#10b981;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #10b98166}.modal-orden,.modal-detalle{background:#fff;border-radius:24px;width:95%;max-width:1400px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000d,0 10px 25px -5px #0000001a,0 25px 65px -10px #00000040;animation:modalZoomIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.modal-orden:before,.modal-detalle:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#ec4899);animation:shimmerGradient 4s ease-in-out infinite}@keyframes shimmerGradient{0%,to{opacity:1}50%{opacity:.7}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:2rem 2.5rem;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#fff,#f9fafb);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000008}.modal-header h2{font-size:1.875rem;font-weight:900;color:#111827;margin:0;letter-spacing:-.035em;background:linear-gradient(135deg,#1f2937,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-close{width:44px;height:44px;border-radius:12px;background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef4444,#dc2626);opacity:0;transition:opacity .25s ease}.btn-close svg{position:relative;z-index:1;transition:all .25s ease}.btn-close:hover{background:#ef4444;color:#fff;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #ef44444d}.btn-close:hover:before{opacity:1}.btn-close:active{transform:scale(.95)}.modal-body{padding:2.5rem;flex:1;overflow-y:auto;background:linear-gradient(135deg,#fff,#f9fafb,#fff)}.modal-body::-webkit-scrollbar{width:12px}.modal-body::-webkit-scrollbar-track{background:#f9fafb;border-radius:0 24px 24px 0}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:8px;border:3px solid #f9fafb;transition:all .3s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.modal-footer{padding:2rem 2.5rem;border-top:2px solid #f3f4f6;background:linear-gradient(135deg,#f9fafb,#fff);display:flex;justify-content:flex-end;gap:1.25rem;box-shadow:0 -4px 12px #00000008;position:sticky;bottom:0;z-index:100}.modal-footer .btn-secondary,.modal-footer .btn-primary{min-width:160px;padding:.875rem 2rem;font-weight:700;font-size:1rem}.tabla-detalle,.tabla-detalle-completo{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014;background:#fff}.tabla-detalle th,.tabla-detalle td,.tabla-detalle-completo th,.tabla-detalle-completo td{padding:1.125rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.9375rem}.tabla-detalle th,.tabla-detalle-completo th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;position:sticky;top:0;z-index:10;border-bottom:2px solid #cbd5e1}.tabla-detalle tbody tr,.tabla-detalle-completo tbody tr{transition:all .2s ease;position:relative}.tabla-detalle tbody tr:before,.tabla-detalle-completo tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#2563eb);transform:scaleY(0);transition:transform .2s ease}.tabla-detalle tbody tr:hover,.tabla-detalle-completo tbody tr:hover{background:linear-gradient(90deg,rgba(59,130,246,.05),transparent);transform:scale(1.005)}.tabla-detalle tbody tr:hover:before,.tabla-detalle-completo tbody tr:hover:before{transform:scaleY(1)}.tabla-detalle input[type=text],.tabla-detalle input[type=number]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:600;color:#1f2937;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;outline:none;font-family:inherit}.tabla-detalle input[type=text]:hover,.tabla-detalle input[type=number]:hover{border-color:#cbd5e1;background:#fafbfc}.tabla-detalle input[type=text]:focus,.tabla-detalle input[type=number]:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 3px 10px #3b82f626;transform:translateY(-1px)}.input-descripcion{font-weight:600!important;color:#374151!important;text-align:left!important;width:100%;padding:.625rem .875rem!important;border:2px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;transition:all .25s ease!important;box-shadow:0 1px 3px #0000000d!important;font-size:.875rem!important}.input-descripcion:hover{border-color:#cbd5e1!important;background:#fafbfc!important}.input-descripcion:focus{color:#1f2937!important;border-color:#3b82f6!important;background:#fff!important;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #3b82f626!important;transform:translateY(-1px)!important}.tabla-detalle input[type=number]{text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.td-subtotal{text-align:right!important;padding:.875rem!important;background:linear-gradient(90deg,transparent,rgba(16,185,129,.04))!important}.tabla-detalle td:last-child{text-align:center;padding:.75rem;width:60px}.tabla-detalle tfoot td,.tabla-detalle-completo tfoot td{font-weight:700;background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-size:1rem;border-bottom:none;padding:1.125rem 1.5rem;color:#374151}.tabla-detalle tfoot tr{transition:all .2s ease}.tabla-detalle tfoot tr:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.tabla-detalle tfoot tr:last-child{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}.tabla-detalle tfoot tr:last-child td{background:transparent;color:#1e40af;font-size:1.1875rem;border-top:3px solid #3b82f6;padding:1.25rem 1.5rem;position:relative}.tabla-detalle tfoot tr:last-child:before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#ec4899);animation:shimmerGradient 4s ease-in-out infinite}.tabla-detalle tfoot .total-principal{color:#047857!important;font-size:1.5rem!important;font-weight:900!important;text-shadow:0 2px 6px rgba(5,150,105,.2);letter-spacing:-.03em;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-right{text-align:right!important;padding-right:1.5rem!important}.tabla-detalle .btn-icon.btn-danger{padding:.625rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid #fca5a5;color:#dc2626;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.tabla-detalle .btn-icon.btn-danger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef4444,#dc2626);opacity:0;transition:opacity .25s ease}.tabla-detalle .btn-icon.btn-danger svg{position:relative;z-index:1;transition:all .25s ease}.tabla-detalle .btn-icon.btn-danger:hover{color:#fff;border-color:#dc2626;transform:scale(1.1) rotate(8deg);box-shadow:0 4px 16px #ef444466}.tabla-detalle .btn-icon.btn-danger:hover:before{opacity:1}.tabla-detalle .btn-icon.btn-danger:active{transform:scale(.9) rotate(0)}.detalle-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-bottom:2rem;padding:1.75rem;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px solid #e5e7eb}.info-group label{font-size:.875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.observaciones{margin-bottom:1.75rem;padding:1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:5px solid #3b82f6;border-radius:8px;box-shadow:0 2px 8px #3b82f626}.observaciones strong{display:block;margin-bottom:.625rem;color:#1e40af;font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.observaciones p{margin:0;color:#1e3a8a;line-height:1.6;font-weight:500}.form-section{margin-bottom:2rem;padding:2rem;background:#fff;border-radius:16px;border:2px solid #f3f4f6;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative}.form-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:16px 0 0 16px;opacity:0;transition:opacity .3s ease}.form-section:hover{border-color:#e5e7eb;box-shadow:0 4px 16px #00000014}.form-section:hover:before{opacity:1}.form-section h3{font-size:1.25rem;font-weight:800;color:#111827;margin:0 0 1.75rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem}.form-section h3:before{content:"";width:6px;height:24px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:3px;box-shadow:0 2px 8px #3b82f64d}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;align-items:start}.form-grid .col-2{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:.625rem;position:relative}.form-group label{font-size:.875rem;font-weight:700;color:#374151;letter-spacing:.025em;transition:color .2s ease}.form-group:focus-within label{color:#3b82f6}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1.125rem;font-size:1rem;font-weight:500;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;outline:none;box-shadow:0 1px 3px #0000000d}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e1;background:#fafbfc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #3b82f626;transform:translateY(-1px)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:20px;padding-right:3rem}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6;font-family:inherit}.form-group input[type=number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.form-group input[type=date]{cursor:pointer}@media (max-width: 1024px){.orden-totales{grid-template-columns:1fr;gap:1rem}.form-grid{grid-template-columns:1fr}.form-grid .col-2{grid-column:span 1}.tabla-detalle{font-size:.875rem}.tabla-detalle input[type=text],.tabla-detalle input[type=number]{font-size:.875rem;padding:.625rem .875rem}.input-cantidad,.input-costo,.input-descuento,.input-iva{min-width:70px!important;width:70px!important}.input-descripcion{min-width:150px}}@media (max-width: 768px){.ordenes-compra{padding:1rem}.filtros-section{flex-direction:column;padding:1rem}.filtro-estado{width:100%}.orden-card{padding:1.25rem}.orden-header{flex-direction:column;gap:1rem}.orden-info{flex-direction:column;gap:.75rem}.orden-totales{grid-template-columns:1fr}.orden-actions{flex-direction:column}.orden-actions .btn-icon{width:100%;min-width:0}.detalle-info-grid{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.modal-orden,.modal-detalle{width:100%;max-height:100vh;border-radius:16px}.modal-header{padding:1.5rem 1.75rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.75rem}.modal-footer{padding:1.5rem 1.75rem;gap:1rem}.form-section{padding:1.5rem;margin-bottom:1.5rem}.form-section h3{font-size:1.125rem}.section-header-with-action{flex-direction:column;align-items:flex-start;gap:1rem}.section-header-with-action .btn-primary{width:100%}.tabla-detalle,.tabla-detalle-completo{font-size:.8125rem;display:block;overflow-x:auto}.tabla-detalle th,.tabla-detalle td,.tabla-detalle-completo th,.tabla-detalle-completo td{padding:.875rem .625rem;font-size:.8125rem}.tabla-detalle input[type=text],.tabla-detalle input[type=number]{font-size:.8125rem;padding:.625rem .75rem}.input-cantidad,.input-descuento,.input-iva{width:65px!important;min-width:65px!important}.input-costo{width:95px!important;min-width:95px!important}.input-descripcion{min-width:140px}}@media (max-width: 480px){.orden-header h3{font-size:1.125rem}.estado-badge{padding:.5rem .875rem;font-size:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.375rem}.tabla-detalle,.tabla-detalle-completo{font-size:.75rem}.tabla-detalle th,.tabla-detalle td{padding:.5rem .375rem}.tabla-detalle input[type=text],.tabla-detalle input[type=number]{font-size:.75rem;padding:.375rem .5rem}}@media print{.orden-actions,.btn-primary,.btn-secondary,.filtros-section{display:none!important}.orden-card{break-inside:avoid;box-shadow:none;border:1px solid #d1d5db;margin-bottom:1rem}.tabla-detalle input{border:none!important;box-shadow:none!important}}.tabla-detalle input:focus-visible{outline:3px solid rgba(59,130,246,.6)!important;outline-offset:2px}@media (prefers-contrast: high){.tabla-detalle input[type=text],.tabla-detalle input[type=number],.estado-badge{border-width:3px}}.tabla-detalle input[disabled]{opacity:.6;cursor:not-allowed;background:#f3f4f6!important;border-color:#d1d5db!important}@keyframes inputSuccess{0%,to{border-color:#10b981}50%{border-color:#34d399;box-shadow:0 0 0 4px #10b98133}}@keyframes inputError{0%,to{border-color:#ef4444}50%{border-color:#f87171;box-shadow:0 0 0 4px #ef444433}}.tabla-detalle input.success{animation:inputSuccess .5s ease}.tabla-detalle input.error{animation:inputError .5s ease}.productos-tabla-wrapper{background:#fff;border-radius:16px;overflow-x:auto;overflow-y:visible;box-shadow:0 4px 20px #00000014;border:2px solid #e5e7eb;margin:0;max-width:100%}.productos-tabla-wrapper::-webkit-scrollbar{height:10px}.productos-tabla-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0 0 14px 14px}.productos-tabla-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:5px;border:2px solid #f3f4f6}.productos-tabla-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#64748b,#475569)}.productos-tabla-wrapper .tabla-detalle{width:100%;min-width:1100px;table-layout:auto;border-collapse:separate;border-spacing:0}.tabla-header-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:3px solid #bae6fd}.productos-count{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #3b82f626;border:2px solid #3b82f6}.productos-count svg{color:#3b82f6;flex-shrink:0;animation:bounceIcon 2s ease-in-out infinite}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.productos-count span{font-size:1rem;color:#1e40af;font-weight:600}.productos-count strong{font-size:1.375rem;font-weight:900;color:#1e3a8a;margin-right:.25rem}.total-unidades{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:12px;border:2px solid #bfdbfe;font-size:1rem;color:#1e40af;font-weight:600;box-shadow:0 2px 8px #3b82f61a}.total-unidades strong{font-size:1.25rem;font-weight:900;color:#1e3a8a}.productos-tabla-wrapper .tabla-detalle tbody tr:before,.productos-tabla-wrapper .tabla-detalle tbody tr:after{display:none!important;content:none!important}.productos-tabla-wrapper .tabla-detalle{width:100%;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;margin-top:0!important}.productos-tabla-wrapper .tabla-detalle th,.productos-tabla-wrapper .tabla-detalle td{position:relative!important;box-sizing:border-box!important}.productos-tabla-wrapper .input-descripcion{font-weight:600!important;color:#374151!important;text-align:left!important;width:100%!important;padding:.625rem .875rem!important;border:2px solid #e5e7eb!important;border-radius:8px!important;background:#fff!important;transition:all .25s ease!important;box-shadow:0 1px 3px #0000000d!important;font-size:.875rem!important;box-sizing:border-box!important}.productos-tabla-wrapper .input-descripcion:hover{border-color:#cbd5e1!important;background:#fafbfc!important}.productos-tabla-wrapper .input-descripcion:focus{color:#1f2937!important;border-color:#3b82f6!important;background:#fff!important;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #3b82f626!important;transform:translateY(-1px)!important;outline:none!important}.productos-tabla-wrapper .th-numero,.productos-tabla-wrapper .td-numero{width:4%!important;min-width:50px!important;max-width:50px!important;text-align:center!important;padding:.875rem .5rem!important;white-space:nowrap!important;overflow:hidden!important}.productos-tabla-wrapper .th-numero{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#1e40af!important}.productos-tabla-wrapper .th-descripcion,.productos-tabla-wrapper .td-descripcion{width:25%!important;min-width:200px!important;padding:.875rem!important}.productos-tabla-wrapper .th-cantidad,.productos-tabla-wrapper .td-cantidad{width:12%!important;min-width:120px!important;max-width:140px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .th-costo,.productos-tabla-wrapper .td-costo{width:15%!important;min-width:140px!important;max-width:160px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .th-descuento,.productos-tabla-wrapper .td-descuento,.productos-tabla-wrapper .th-iva,.productos-tabla-wrapper .td-iva{width:12%!important;min-width:110px!important;max-width:130px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .th-subtotal,.productos-tabla-wrapper .td-subtotal{width:14%!important;min-width:130px!important;text-align:right!important;padding:.875rem!important}.productos-tabla-wrapper .th-acciones,.productos-tabla-wrapper .td-acciones{width:6%!important;min-width:60px!important;max-width:70px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .numero-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;font-weight:800;font-size:.8125rem;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.productos-tabla-wrapper .producto-row:hover .numero-badge{transform:scale(1.05) rotate(3deg);box-shadow:0 3px 12px #3b82f666}.productos-tabla-wrapper .input-wrapper{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;width:100%;max-width:100%;box-sizing:border-box}.productos-tabla-wrapper .input-wrapper input[type=number]{border:none!important;padding:0!important;box-shadow:none!important;background:transparent!important;text-align:center;font-weight:700!important;font-size:.875rem!important;min-width:0;flex:1;width:100%;outline:none}.productos-tabla-wrapper .input-wrapper input[type=number]:focus{transform:none!important;outline:none}.productos-tabla-wrapper .input-wrapper:focus-within{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.productos-tabla-wrapper .input-prefix,.productos-tabla-wrapper .input-suffix,.productos-tabla-wrapper .input-label{font-size:.75rem;font-weight:700;flex-shrink:0}.productos-tabla-wrapper .input-prefix{opacity:.6}.productos-tabla-wrapper .input-suffix{opacity:.7;font-size:.75rem}.productos-tabla-wrapper .input-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.3px;opacity:.8}.productos-tabla-wrapper .input-wrapper-green{border-color:#a7f3d0;background:linear-gradient(135deg,#fff,#f0fdf4)}.productos-tabla-wrapper .input-wrapper-green input{color:#059669!important}.productos-tabla-wrapper .input-wrapper-green .input-label{color:#047857}.productos-tabla-wrapper .input-wrapper-green:focus-within{border-color:#10b981;background:#fff;box-shadow:0 4px 16px #10b98133}.productos-tabla-wrapper .input-wrapper-blue{border-color:#bfdbfe;background:linear-gradient(135deg,#fff,#eff6ff)}.productos-tabla-wrapper .input-wrapper-blue input{color:#1e40af!important}.productos-tabla-wrapper .input-wrapper-blue .input-prefix{color:#3b82f6}.productos-tabla-wrapper .input-wrapper-blue:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 4px 16px #3b82f633}.productos-tabla-wrapper .input-wrapper-red{border-color:#fca5a5;background:linear-gradient(135deg,#fff,#fef2f2)}.productos-tabla-wrapper .input-wrapper-red input{color:#dc2626!important}.productos-tabla-wrapper .input-wrapper-red .input-suffix{color:#ef4444}.productos-tabla-wrapper .input-wrapper-red:focus-within{border-color:#ef4444;background:#fff;box-shadow:0 4px 16px #ef444433}.productos-tabla-wrapper .input-wrapper-purple{border-color:#d8b4fe;background:linear-gradient(135deg,#fff,#faf5ff)}.productos-tabla-wrapper .input-wrapper-purple input{color:#3b82f6!important}.productos-tabla-wrapper .input-wrapper-purple .input-suffix{color:#60a5fa}.productos-tabla-wrapper .input-wrapper-purple:focus-within{border-color:#60a5fa;background:#fff;box-shadow:0 4px 16px #8b5cf633}.productos-tabla-wrapper .subtotal-display{font-size:1rem;font-weight:900;color:#047857;text-align:right;padding:.5rem .75rem;background:linear-gradient(90deg,transparent,rgba(16,185,129,.08));border-radius:6px;border-left:3px solid #10b981;font-variant-numeric:tabular-nums;letter-spacing:-.015em;text-shadow:0 1px 2px rgba(5,150,105,.1);white-space:nowrap}.productos-tabla-wrapper .btn-eliminar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:2px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.productos-tabla-wrapper .btn-eliminar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef4444,#dc2626);opacity:0;transition:opacity .25s ease}.productos-tabla-wrapper .btn-eliminar svg{position:relative;z-index:1;transition:all .25s ease}.productos-tabla-wrapper .btn-eliminar:hover{background:#ef4444;border-color:#dc2626;color:#fff;transform:scale(1.1) rotate(8deg);box-shadow:0 4px 16px #ef444459}.productos-tabla-wrapper .btn-eliminar:hover:before{opacity:1}.productos-tabla-wrapper .btn-eliminar:active{transform:scale(.95) rotate(0)}.tabla-totales{padding:2rem;background:linear-gradient(135deg,#f9fafb,#fff,#f9fafb);border-top:3px solid #e5e7eb}.totales-grid{max-width:500px;margin-left:auto;display:flex;flex-direction:column;gap:1rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:#fff;border-radius:10px;border:2px solid #f3f4f6;transition:all .2s ease}.total-row:hover{background:#f9fafb;border-color:#e5e7eb;transform:translate(-4px);box-shadow:0 2px 8px #0000000d}.total-label{font-size:.9375rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.total-value{font-size:1.0625rem;font-weight:800;color:#1f2937;font-variant-numeric:tabular-nums}.total-descuento{color:#dc2626!important}.total-iva{color:#3b82f6!important}.total-row-final{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:3px solid #3b82f6!important;padding:1.25rem 1.75rem;margin-top:.5rem;box-shadow:0 4px 16px #3b82f640;position:relative;overflow:hidden}.total-row-final:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerTotal 3s ease-in-out infinite}@keyframes shimmerTotal{0%,to{left:-100%}50%{left:100%}}.total-row-final:hover{transform:scale(1.02);box-shadow:0 6px 24px #3b82f659}.total-label-final{font-size:1.125rem;font-weight:900;color:#1e40af;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.total-value-final{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#047857,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(5,150,105,.2);letter-spacing:-.03em;position:relative;z-index:1}@media (max-width: 768px){.tabla-header-info{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.productos-count,.total-unidades{width:100%;justify-content:center}.numero-badge{width:28px;height:28px;font-size:.75rem}.input-wrapper{padding:.5rem .625rem}.input-wrapper input[type=number]{font-size:.875rem!important}.input-prefix,.input-suffix,.input-label{font-size:.75rem}.subtotal-display{font-size:1rem;padding:.5rem .75rem}.tabla-totales{padding:1.5rem 1rem}.totales-grid{max-width:100%}.total-row{padding:.75rem 1rem}.total-row-final{padding:1rem 1.25rem}.total-label{font-size:.875rem}.total-value,.total-label-final{font-size:1rem}.total-value-final{font-size:1.375rem}}.productos-tabla-wrapper .tabla-detalle{min-width:1280px!important}.productos-tabla-wrapper .th-contenido,.productos-tabla-wrapper .td-contenido{width:11%!important;min-width:120px!important;max-width:140px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .th-stock-ingresa,.productos-tabla-wrapper .td-stock-ingresa{width:12%!important;min-width:130px!important;max-width:150px!important;text-align:center!important;padding:.875rem .5rem!important}.productos-tabla-wrapper .input-wrapper-teal{border-color:#99f6e4;background:linear-gradient(135deg,#fff,#f0fdfa)}.productos-tabla-wrapper .input-wrapper-teal input{color:#0d9488!important}.productos-tabla-wrapper .input-wrapper-teal .input-label{color:#0f766e}.productos-tabla-wrapper .input-wrapper-teal:focus-within{border-color:#14b8a6;background:#fff;box-shadow:0 4px 16px #14b8a633}.oc-conversion-display{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #a7f3d0;border-radius:10px;box-shadow:0 2px 6px #10b98126}.oc-conversion-valor{font-size:.9375rem;font-weight:900;color:#047857;font-variant-numeric:tabular-nums}.oc-conversion-unidad{font-size:.75rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.3px}.oc-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:14px;font-weight:700;font-size:.9375rem;z-index:10000;animation:oc-toast-in .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000002e;max-width:440px}@keyframes oc-toast-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.oc-toast--success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border:2px solid #10b981}.oc-toast--error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border:2px solid #ef4444}.oc-toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:.25rem;display:flex;align-items:center;transition:opacity .2s}.oc-toast__close:hover{opacity:1}.oc-modal-cancelacion{background:#fff;border-radius:20px;width:480px;max-width:92%;box-shadow:0 32px 80px #00000040,0 0 0 1px #0000000d;animation:modalZoomIn .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.oc-modal-cancelacion-header{text-align:center;padding:2rem 2rem 1.25rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #fecaca}.oc-cancel-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;margin-bottom:1rem;box-shadow:0 4px 16px #ef444459}.oc-modal-cancelacion-header h3{margin:0 0 .375rem;font-size:1.375rem;font-weight:800;color:#991b1b}.oc-modal-cancelacion-header p{margin:0;font-size:.875rem;color:#b91c1c;font-weight:600}.oc-modal-cancelacion-body{padding:1.75rem 2rem}.oc-modal-cancelacion-body label{display:block;font-size:.875rem;font-weight:700;color:#374151;margin-bottom:.75rem}.oc-modal-cancelacion-body textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .25s ease;outline:none;box-sizing:border-box}.oc-modal-cancelacion-body textarea:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.oc-modal-cancelacion-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f3f4f6;background:#f9fafb}.btn-danger-solid{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #ef44444d}.btn-danger-solid:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger-solid:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.entradas-inventario{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.header-actions{display:flex;gap:1rem;animation:slideInRight .4s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.entradas-lista{display:grid;gap:1.5rem;margin-top:2rem}.entrada-card{background:#fff;border-radius:14px;padding:1.75rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;animation:cardFadeIn .4s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entrada-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#10b981,#059669);transform:scaleY(0);transition:transform .3s ease}.entrada-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #10b98126;border-color:#10b981}.entrada-card:hover:before{transform:scaleY(1)}.entrada-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb}.entrada-header h3{font-size:1.375rem;font-weight:800;color:#1f2937;margin:0 0 .625rem;letter-spacing:-.025em;transition:color .2s ease}.entrada-card:hover .entrada-header h3{color:#10b981}.entrada-tipo{display:flex;align-items:center;gap:.625rem;color:#6b7280;font-size:.9375rem;font-weight:600;margin:0;padding:.375rem .875rem;background:#f0fdf4;border-radius:8px;width:fit-content;transition:all .2s ease}.entrada-card:hover .entrada-tipo{background:#d1fae5;color:#065f46;transform:translate(4px)}.badge-borrador{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #60a5fa;box-shadow:0 2px 8px #3b82f633}.badge-procesada{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #10b981;box-shadow:0 2px 8px #10b98133}.badge-anulada{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444;box-shadow:0 2px 8px #ef444433}.entrada-info{display:flex;flex-wrap:wrap;gap:1.75rem;margin-bottom:1.25rem}.entrada-totales{padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-radius:10px;margin-bottom:1.25rem;border:2px solid #10b981;box-shadow:0 2px 8px #10b9811a}.entrada-totales .total-item{display:flex;justify-content:space-between;align-items:center}.entrada-totales .total-item span{color:#065f46;font-weight:600;font-size:.9375rem}.entrada-totales .total-principal{color:#047857!important;font-size:1.375rem!important;font-weight:800!important;text-shadow:0 2px 4px rgba(4,120,87,.1)}.entrada-actions{display:flex;gap:.875rem;flex-wrap:wrap}.entrada-actions .btn-icon{flex:1;min-width:120px;justify-content:center}.modal-entrada,.modal-detalle{background:#fff;border-radius:20px;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tabla-detalle{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.tabla-detalle th,.tabla-detalle td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.875rem}.tabla-detalle th{background:linear-gradient(135deg,#f0fdf4,#d1fae5);font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;position:sticky;top:0;z-index:10}.tabla-detalle tbody tr{transition:all .2s ease}.tabla-detalle tbody tr:hover{background:linear-gradient(90deg,rgba(16,185,129,.05),transparent);transform:scale(1.005)}.tabla-detalle tfoot{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.tabla-detalle tfoot td{font-weight:700;font-size:1rem;border-bottom:none;color:#065f46}.detalle-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-bottom:2rem;padding:1.75rem;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:12px;border:2px solid #d1fae5}.info-group{display:flex;flex-direction:column;gap:.625rem}.info-group label{font-size:.875rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.5px}.info-group span{font-size:1.0625rem;color:#1f2937;font-weight:600}@media (max-width: 768px){.entradas-inventario{padding:1rem}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%;justify-content:center}.entrada-card{padding:1.25rem}.entrada-header{flex-direction:column;gap:1rem}.entrada-actions{flex-direction:column}.entrada-actions .btn-icon{width:100%;min-width:0}.detalle-info-grid{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.modal-entrada,.modal-detalle{width:100%;max-height:100vh;border-radius:0}.tabla-detalle{font-size:.8125rem}.tabla-detalle th,.tabla-detalle td{padding:.75rem .5rem}}@media (max-width: 480px){.entrada-header h3{font-size:1.125rem}.entrada-tipo{width:100%;justify-content:center}}@media print{.entrada-actions,.header-actions,.filtros-section{display:none!important}.entrada-card{break-inside:avoid;box-shadow:none;border:1px solid #d1d5db;margin-bottom:1rem}}.entradas-tabla-wrapper{background:#fff;border-radius:16px;overflow-x:auto;overflow-y:visible;box-shadow:0 4px 20px #00000014;border:2px solid #d1fae5;margin:0;max-width:100%}.entradas-tabla-wrapper::-webkit-scrollbar{height:10px}.entradas-tabla-wrapper::-webkit-scrollbar-track{background:#f0fdf4;border-radius:0 0 14px 14px}.entradas-tabla-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a7f3d0,#6ee7b7);border-radius:5px;border:2px solid #f0fdf4}.entradas-tabla-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#6ee7b7,#34d399)}.entradas-tabla-wrapper .tabla-detalle{width:100%;min-width:1000px;table-layout:auto;border-collapse:separate;border-spacing:0}.entradas-tabla-wrapper .tabla-header-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-bottom:3px solid #a7f3d0}.entradas-tabla-wrapper .productos-count{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #10b98126;border:2px solid #10b981}.entradas-tabla-wrapper .productos-count svg{color:#10b981;flex-shrink:0;animation:bounceIcon 2s ease-in-out infinite}.entradas-tabla-wrapper .productos-count span{font-size:1rem;color:#065f46;font-weight:600}.entradas-tabla-wrapper .productos-count strong{font-size:1.375rem;font-weight:900;color:#047857;margin-right:.25rem}.entradas-tabla-wrapper .total-unidades{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fff,#f0fdf4);border-radius:12px;border:2px solid #a7f3d0;font-size:1rem;color:#065f46;font-weight:600;box-shadow:0 2px 8px #10b9811a}.entradas-tabla-wrapper .total-unidades strong{font-size:1.25rem;font-weight:900;color:#047857}.entradas-tabla-wrapper .tabla-detalle tbody tr:before,.entradas-tabla-wrapper .tabla-detalle tbody tr:after{display:none!important;content:none!important}.entradas-tabla-wrapper .tabla-detalle{width:100%;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;margin-top:0!important}.entradas-tabla-wrapper .tabla-detalle th,.entradas-tabla-wrapper .tabla-detalle td{position:relative!important;box-sizing:border-box!important}.entradas-tabla-wrapper .th-numero,.entradas-tabla-wrapper .td-numero{width:5%!important;min-width:50px!important;max-width:60px!important;text-align:center!important;padding:.875rem .5rem!important;white-space:nowrap!important;overflow:hidden!important}.entradas-tabla-wrapper .th-numero{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;color:#065f46!important}.entradas-tabla-wrapper .th-producto,.entradas-tabla-wrapper .td-producto{width:30%!important;min-width:200px!important;padding:.875rem!important}.entradas-tabla-wrapper .th-cantidad,.entradas-tabla-wrapper .td-cantidad{width:12%!important;min-width:100px!important;max-width:120px!important;text-align:center!important;padding:.875rem .5rem!important}.entradas-tabla-wrapper .th-costo,.entradas-tabla-wrapper .td-costo{width:15%!important;min-width:120px!important;max-width:150px!important;text-align:center!important;padding:.875rem .5rem!important}.entradas-tabla-wrapper .th-lote,.entradas-tabla-wrapper .td-lote{width:12%!important;min-width:100px!important;max-width:120px!important;text-align:center!important;padding:.875rem .5rem!important}.entradas-tabla-wrapper .th-subtotal,.entradas-tabla-wrapper .td-subtotal{width:16%!important;min-width:130px!important;text-align:right!important;padding:.875rem!important}.entradas-tabla-wrapper .th-acciones,.entradas-tabla-wrapper .td-acciones{width:6%!important;min-width:60px!important;max-width:70px!important;text-align:center!important;padding:.875rem .5rem!important}.entradas-tabla-wrapper .numero-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-weight:800;font-size:.8125rem;box-shadow:0 2px 8px #10b9814d;transition:all .2s ease}.entradas-tabla-wrapper .producto-row:hover .numero-badge{transform:scale(1.05) rotate(3deg);box-shadow:0 3px 12px #10b98166}.entradas-tabla-wrapper .producto-nombre-display{font-weight:600;color:#1f2937;font-size:.9375rem}.entradas-tabla-wrapper .cantidad-display{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#f0fdf4);border:2px solid #a7f3d0;border-radius:8px;font-weight:700;color:#059669;font-size:.9375rem;box-shadow:0 1px 3px #0000000d}.entradas-tabla-wrapper .unidad-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.3px;opacity:.8;color:#047857;font-weight:700}.entradas-tabla-wrapper .costo-display{padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#eff6ff);border:2px solid #bfdbfe;border-radius:8px;font-weight:700;color:#1e40af;font-size:.9375rem;text-align:center;box-shadow:0 1px 3px #0000000d}.entradas-tabla-wrapper .lote-display{padding:.375rem .625rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;font-weight:600;color:#6b7280;display:inline-block}.entradas-tabla-wrapper .subtotal-display{font-size:1rem;font-weight:900;color:#047857;text-align:right;padding:.5rem .75rem;background:linear-gradient(90deg,transparent,rgba(16,185,129,.08));border-radius:6px;border-left:3px solid #10b981;font-variant-numeric:tabular-nums;letter-spacing:-.015em;text-shadow:0 1px 2px rgba(5,150,105,.1);white-space:nowrap}.entradas-tabla-wrapper .btn-eliminar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:2px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.entradas-tabla-wrapper .btn-eliminar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef4444,#dc2626);opacity:0;transition:opacity .25s ease}.entradas-tabla-wrapper .btn-eliminar svg{position:relative;z-index:1;transition:all .25s ease}.entradas-tabla-wrapper .btn-eliminar:hover{background:#ef4444;border-color:#dc2626;color:#fff;transform:scale(1.1) rotate(8deg);box-shadow:0 4px 16px #ef444459}.entradas-tabla-wrapper .btn-eliminar:hover:before{opacity:1}.entradas-tabla-wrapper .btn-eliminar:active{transform:scale(.95) rotate(0)}.entradas-tabla-wrapper .tabla-totales{padding:2rem;background:linear-gradient(135deg,#f9fafb,#fff,#f9fafb);border-top:3px solid #d1fae5}.entradas-tabla-wrapper .totales-grid{max-width:500px;margin-left:auto;display:flex;flex-direction:column;gap:1rem}.entradas-tabla-wrapper .total-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:#fff;border-radius:10px;border:2px solid #f3f4f6;transition:all .2s ease}.entradas-tabla-wrapper .total-row:hover{background:#f9fafb;border-color:#e5e7eb;transform:translate(-4px);box-shadow:0 2px 8px #0000000d}.entradas-tabla-wrapper .total-label{font-size:.9375rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.entradas-tabla-wrapper .total-value{font-size:1.0625rem;font-weight:800;color:#1f2937;font-variant-numeric:tabular-nums}.entradas-tabla-wrapper .total-descuento{color:#dc2626!important}.entradas-tabla-wrapper .total-iva{color:#3b82f6!important}.entradas-tabla-wrapper .total-row-final{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border:3px solid #10b981!important;padding:1.25rem 1.75rem;margin-top:.5rem;box-shadow:0 4px 16px #10b98140;position:relative;overflow:hidden}.entradas-tabla-wrapper .total-row-final:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerTotal 3s ease-in-out infinite}.entradas-tabla-wrapper .total-row-final:hover{transform:scale(1.02);box-shadow:0 6px 24px #10b98159}.entradas-tabla-wrapper .total-label-final{font-size:1.125rem;font-weight:900;color:#065f46;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.entradas-tabla-wrapper .total-value-final{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#047857,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(5,150,105,.2);letter-spacing:-.03em;position:relative;z-index:1}@media (max-width: 768px){.entradas-tabla-wrapper .tabla-header-info{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.entradas-tabla-wrapper .productos-count,.entradas-tabla-wrapper .total-unidades{width:100%;justify-content:center}.entradas-tabla-wrapper .numero-badge{width:24px;height:24px;font-size:.75rem}.entradas-tabla-wrapper .cantidad-display,.entradas-tabla-wrapper .costo-display{padding:.375rem .5rem;font-size:.875rem}.entradas-tabla-wrapper .subtotal-display{font-size:.9375rem;padding:.375rem .5rem}.entradas-tabla-wrapper .tabla-totales{padding:1.5rem 1rem}.entradas-tabla-wrapper .totales-grid{max-width:100%}.entradas-tabla-wrapper .total-row{padding:.75rem 1rem}.entradas-tabla-wrapper .total-row-final{padding:1rem 1.25rem}.entradas-tabla-wrapper .total-label{font-size:.875rem}.entradas-tabla-wrapper .total-value,.entradas-tabla-wrapper .total-label-final{font-size:1rem}.entradas-tabla-wrapper .total-value-final{font-size:1.375rem}}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-action h3{margin:0;padding:0;border:none}.section-header-with-action .btn-primary{padding:.75rem 1.5rem;font-size:.9375rem;gap:.625rem}@media (max-width: 768px){.section-header-with-action{flex-direction:column;align-items:flex-start;gap:1rem}.section-header-with-action .btn-primary{width:100%}}.ei-toast{position:fixed;top:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:12px;box-shadow:0 8px 32px #0000002e;animation:eiToastIn .35s cubic-bezier(.4,0,.2,1);max-width:420px}@keyframes eiToastIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ei-toast--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.ei-toast--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.ei-toast--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.ei-toast-icon{display:flex;flex-shrink:0}.ei-toast-msg{font-weight:600;font-size:.9375rem;flex:1}.ei-toast-close{background:none;border:none;cursor:pointer;opacity:.6;padding:4px;display:flex;color:inherit}.ei-toast-close:hover{opacity:1}.ei-th-contenido,.ei-td-contenido{width:12%!important;min-width:110px!important;text-align:center!important;padding:.875rem .5rem!important}.ei-th-stock-ingresa,.ei-td-stock-ingresa{width:14%!important;min-width:130px!important;text-align:center!important;padding:.875rem .5rem!important}.ei-input-wrapper-teal{display:flex;align-items:center;background:#f0fdfa;border:2px solid #5eead4;border-radius:8px;overflow:hidden;transition:border-color .2s}.ei-input-wrapper-teal:focus-within{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.ei-input-wrapper-teal input{width:60px;padding:.375rem .5rem;border:none;background:transparent;font-weight:700;font-size:.875rem;color:#0f766e;text-align:right;outline:none}.ei-input-suffix{padding:.375rem .5rem;font-size:.75rem;font-weight:700;color:#14b8a6;text-transform:uppercase;background:#14b8a61a;white-space:nowrap}.ei-conversion-display{padding:.375rem .625rem;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:2px solid #5eead4;border-radius:8px;font-weight:700;font-size:.875rem;color:#0f766e;text-align:center;white-space:nowrap}.ei-unidad-tag{display:inline-block;margin-top:4px;padding:2px 8px;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:4px;font-size:.75rem;font-weight:600;color:#059669}.ei-input-cantidad,.ei-input-costo{width:80px;padding:.375rem .5rem;border:2px solid #e5e7eb;border-radius:8px;font-weight:700;font-size:.875rem;text-align:center;outline:none;transition:border-color .2s}.ei-input-cantidad:focus,.ei-input-costo:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ei-input-cantidad{color:#059669}.ei-input-costo{color:#1e40af;width:100px}.ei-modal-anulacion{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:480px;box-shadow:0 25px 50px #0000004d;animation:modalSlideUp .3s ease}.ei-modal-anulacion h3{margin:0 0 .5rem;font-size:1.25rem;color:#991b1b}.ei-modal-anulacion p{margin:0 0 1rem;color:#6b7280}.ei-anulacion-textarea{width:100%;padding:.75rem;border:2px solid #fca5a5;border-radius:10px;font-size:.9375rem;resize:vertical;outline:none;transition:border-color .2s}.ei-anulacion-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.ei-anulacion-acciones{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.ei-anulacion-acciones .btn-danger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.ei-anulacion-acciones .btn-danger:hover{background:#dc2626}.ei-anulacion-acciones .btn-danger:disabled{opacity:.5;cursor:not-allowed}.modal-seleccion-productos{background:#fff;border-radius:24px;max-width:950px;width:92%;max-height:88vh;height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000040,0 16px 32px #00000026,0 0 0 1px #0000000d;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.modal-seleccion-productos:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8,#3b82f6);background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-seleccion-productos .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2.5rem 1.75rem;background:linear-gradient(135deg,#f8fafc,#f0f9ff,#eff6ff);border-bottom:2px solid #e0f2fe;position:relative;overflow:hidden}.modal-seleccion-productos .modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:.5}.modal-seleccion-productos .modal-header h2{margin:0;font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#1e3a8a,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;line-height:1.2}.modal-subtitle{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#475569;margin:.625rem 0 0;font-weight:700;background:#fff;padding:.5rem 1.125rem;border-radius:10px;border:2px solid #bfdbfe;box-shadow:0 2px 8px #3b82f61f;position:relative}.modal-subtitle:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:.75rem;font-weight:900;box-shadow:0 2px 6px #3b82f64d}.modal-seleccion-productos .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:2rem 2.5rem;gap:1.5rem;background:linear-gradient(135deg,#fff,#fafbfc,#f8fafc)}.search-box-modal{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.75rem;background:#fff;border:2.5px solid #e5e7eb;border-radius:16px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000a,0 0 #3b82f600;position:relative;overflow:hidden}.search-box-modal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.06),transparent);transition:left .7s ease}.search-box-modal:focus-within:before{left:100%}.search-box-modal:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 6px 20px #3b82f62e,0 0 0 4px #3b82f61a;transform:translateY(-2px)}.search-box-modal svg{color:#94a3b8;flex-shrink:0;transition:all .35s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.search-box-modal:focus-within svg{color:#3b82f6;transform:scale(1.15) rotate(-8deg);filter:drop-shadow(0 2px 6px rgba(59,130,246,.4))}.search-box-modal input{border:none;outline:none;font-size:1.0625rem;color:#1f2937;width:100%;background:transparent;font-weight:600;position:relative;z-index:1;letter-spacing:-.01em}.search-box-modal input::placeholder{color:#9ca3af;font-weight:500}.productos-lista{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.125rem;padding:.5rem .75rem .5rem .5rem}.productos-lista::-webkit-scrollbar{width:14px}.productos-lista::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:10px;margin:8px 0;border:1px solid #e2e8f0;box-shadow:inset 0 2px 6px #0000000d}.productos-lista::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:10px;border:3.5px solid #f8fafc;transition:all .3s ease;box-shadow:0 3px 8px #00000026}.productos-lista::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);border-width:3px;box-shadow:0 4px 12px #3b82f659}.productos-lista::-webkit-scrollbar-thumb:active{background:#1e40af;box-shadow:0 2px 6px #1e40af66}.producto-item{display:flex;align-items:flex-start;gap:1.375rem;padding:1.375rem 1.75rem;background:#fff;border:2.5px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:itemFadeIn .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;min-height:92px;box-shadow:0 2px 8px #0000000a,0 0 #3b82f600}@keyframes itemFadeIn{to{opacity:1}}.producto-item:nth-child(1){animation-delay:.05s}.producto-item:nth-child(2){animation-delay:.1s}.producto-item:nth-child(3){animation-delay:.15s}.producto-item:nth-child(4){animation-delay:.2s}.producto-item:nth-child(5){animation-delay:.25s}.producto-item:nth-child(6){animation-delay:.3s}.producto-item:nth-child(7){animation-delay:.35s}.producto-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#3b82f6,#2563eb,#1d4ed8);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.producto-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.producto-item:hover{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f0f9ff);transform:translate(8px) translateY(-2px);box-shadow:0 8px 24px #3b82f62e,0 0 #3b82f61a}.producto-item:hover:before{transform:scaleY(1);transform-origin:top}.producto-item:hover:after{opacity:1}.producto-item.seleccionado{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 8px 28px #3b82f640,0 0 0 4px #3b82f614;transform:translate(6px)}.producto-item.seleccionado:before{transform:scaleY(1);background:linear-gradient(180deg,#1e40af,#3b82f6,#60a5fa)}.producto-item:active{transform:translate(6px) scale(.98);transition-duration:.1s}.producto-check{flex-shrink:0;margin-top:.375rem;position:relative;z-index:2}.check-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f666,0 0 #3b82f600;animation:checkBounce .5s cubic-bezier(.34,1.56,.64,1);position:relative}.check-icon svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.check-icon:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:.25;animation:pulseRing 2.5s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.9);opacity:.35}50%{transform:scale(1.15);opacity:0}to{transform:scale(.9);opacity:0}}@keyframes checkBounce{0%,to{transform:scale(1)}25%{transform:scale(1.35) rotate(-8deg)}50%{transform:scale(.92) rotate(4deg)}75%{transform:scale(1.1) rotate(-2deg)}}.check-empty{width:32px;height:32px;border-radius:10px;border:3px solid #cbd5e1;transition:all .35s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;box-shadow:0 2px 6px #00000014}.check-empty:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease}.producto-item:hover .check-empty{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:scale(1.15) rotate(8deg);box-shadow:0 4px 12px #3b82f640}.producto-item:hover .check-empty:before{opacity:.6}.producto-info{flex:1;min-width:0;position:relative;z-index:1}.producto-nombre{font-size:1.125rem;font-weight:800;color:#1f2937;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;max-height:3.3em;letter-spacing:-.02em;transition:color .3s ease;word-break:break-word}.producto-item:hover .producto-nombre{color:#3b82f6}.producto-item.seleccionado .producto-nombre{color:#1e40af}.producto-meta{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;min-height:32px}.meta-tag{font-size:.8125rem;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.4375rem 1rem;border-radius:9px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e2e8f0;white-space:nowrap;line-height:1.3;letter-spacing:-.01em;box-shadow:0 1px 4px #0000000d}.producto-item:hover .meta-tag{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-color:#bae6fd;color:#0369a1;transform:translateY(-1px);box-shadow:0 3px 8px #0369a126}.meta-tag.variantes{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;font-weight:800;box-shadow:0 2px 8px #7c3aed26}.producto-item:hover .meta-tag.variantes{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #6d28d940}.producto-accion{flex-shrink:0;display:flex;align-items:center;color:#94a3b8;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;margin-top:.375rem}.producto-item:hover .producto-accion{color:#3b82f6;transform:scale(1.2) rotate(90deg)}.producto-item.seleccionado .producto-accion{transform:scale(1)}.badge-seleccionado{font-size:.8125rem;font-weight:800;color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:.5625rem 1.125rem;border-radius:10px;border:2.5px solid #3b82f6;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 3px 12px #3b82f640,0 0 #3b82f600;animation:badgePulse 2.5s ease-in-out infinite;position:relative;overflow:hidden}.badge-seleccionado:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:shimmerBadge 3s ease-in-out infinite}@keyframes shimmerBadge{0%,to{transform:translate(-100%) translateY(-100%)}50%{transform:translate(100%) translateY(100%)}}@keyframes badgePulse{0%,to{box-shadow:0 3px 12px #3b82f640;transform:scale(1)}50%{box-shadow:0 5px 18px #3b82f666;transform:scale(1.03)}}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;animation:fadeIn .5s ease}.empty-state-small svg{color:#cbd5e1;margin-bottom:1.5rem;animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(203,213,225,.5))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(-14px) rotate(0)}75%{transform:translateY(-8px) rotate(2deg)}}.empty-state-small p{font-size:1.0625rem;color:#64748b;margin:0;font-weight:600;letter-spacing:-.01em}.loading{display:flex;align-items:center;justify-content:center;padding:5rem 2rem;font-size:1.0625rem;color:#64748b;font-weight:600;position:relative}.loading:after{content:"";position:absolute;width:48px;height:48px;margin-top:-80px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.modal-seleccion-productos .modal-footer{display:flex;justify-content:flex-end;gap:1.25rem;padding:2rem 2.5rem;border-top:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff);box-shadow:0 -6px 16px #0000000a;position:relative}.modal-seleccion-productos .modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);opacity:.6}.modal-seleccion-productos .modal-footer .btn-primary,.modal-seleccion-productos .modal-footer .btn-secondary{position:relative;overflow:hidden;font-weight:700;padding:.875rem 1.75rem;font-size:1rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-seleccion-productos .modal-footer .btn-primary:before,.modal-seleccion-productos .modal-footer .btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.modal-seleccion-productos .modal-footer .btn-primary:hover:before,.modal-seleccion-productos .modal-footer .btn-secondary:hover:before{left:100%}.modal-seleccion-productos .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #3b82f633!important}.modal-seleccion-productos .modal-footer .btn-primary:disabled:hover:before{left:-100%}@media (max-width: 768px){.modal-seleccion-productos{width:96%;max-height:94vh;border-radius:20px}.modal-seleccion-productos .modal-header{padding:1.5rem 2rem 1.25rem}.modal-seleccion-productos .modal-header h2{font-size:1.5rem}.modal-seleccion-productos .modal-body{padding:1.5rem 2rem}.search-box-modal{padding:1rem 1.5rem}.producto-item{padding:1.125rem 1.5rem;gap:1.125rem}.producto-item:hover{transform:translate(6px) translateY(-1px)}.producto-nombre{font-size:1.0625rem}.meta-tag{font-size:.75rem;padding:.375rem .875rem}.modal-seleccion-productos .modal-footer{padding:1.5rem 2rem;gap:1rem}.modal-seleccion-productos .modal-footer .btn-primary,.modal-seleccion-productos .modal-footer .btn-secondary{flex:1;padding:.8125rem 1.5rem}}@media (max-width: 480px){.modal-seleccion-productos{width:100%;max-height:100vh;height:100vh;border-radius:0}.modal-seleccion-productos:before{height:4px}.modal-seleccion-productos .modal-header{padding:1.25rem 1.5rem 1rem}.modal-seleccion-productos .modal-header h2{font-size:1.375rem}.modal-seleccion-productos .modal-body{padding:1.25rem 1.5rem;gap:1.25rem}.search-box-modal{padding:.875rem 1.25rem}.search-box-modal input{font-size:1rem}.producto-item{padding:1rem 1.25rem;gap:1rem;min-height:80px}.check-icon,.check-empty{width:28px;height:28px;border-radius:8px}.check-icon svg{width:14px;height:14px}.producto-nombre{font-size:1rem;margin-bottom:.625rem}.badge-seleccionado{font-size:.75rem;padding:.4375rem .875rem}.modal-seleccion-productos .modal-footer{padding:1.25rem 1.5rem}.modal-seleccion-productos .modal-footer .btn-primary,.modal-seleccion-productos .modal-footer .btn-secondary{padding:.75rem 1.25rem;font-size:.9375rem}}.producto-item:focus-visible{outline:3px solid rgba(59,130,246,.7);outline-offset:3px;border-radius:16px}@media (prefers-contrast: high){.producto-item{border-width:3px}.check-empty{border-width:3.5px}.meta-tag{border-width:2.5px}.badge-seleccionado{border-width:3px}}@media print{.modal-seleccion-productos{display:none}}.salidas-inventario-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#fff5f5,#ffe4e1)}.page-header-salidas{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #dc262633;position:relative;overflow:hidden}.page-header-salidas:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.header-content-salidas{position:relative;z-index:1}.header-title-salidas{display:flex;align-items:center;gap:20px;color:#fff}.icon-salidas{background:#fff3;padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse-salidas 2s ease-in-out infinite}@keyframes pulse-salidas{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.header-title-salidas h1{margin:0;font-size:32px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.1)}.subtitle-salidas{margin:8px 0 0;opacity:.95;font-size:16px;font-weight:400}.salidas-form-container{max-width:1400px;margin:0 auto}.form-card-salidas{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #00000014;border:2px solid #fee2e2}.form-section{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid #fee2e2}.form-grid-salidas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group label{font-weight:600;color:#991b1b;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-control-salidas{padding:12px 16px;border:2px solid #fecaca;border-radius:12px;font-size:15px;transition:all .2s ease;background:#fff;font-family:inherit}.form-control-salidas:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}textarea.form-control-salidas{resize:vertical;min-height:80px}.productos-section{margin-bottom:24px}.section-header-salidas{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header-salidas h3{margin:0;color:#991b1b;font-size:20px;font-weight:700}.btn-agregar-productos-salidas{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc262633}.btn-agregar-productos-salidas:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.btn-agregar-productos-salidas:active{transform:translateY(0)}.empty-state-salidas{text-align:center;padding:64px 32px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:16px;border:2px dashed #fca5a5}.empty-state-salidas svg{color:#dc2626;margin-bottom:16px;opacity:.6}.empty-state-salidas p{color:#991b1b;font-size:16px;margin-bottom:24px}.btn-primary-salidas{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc262640}.btn-primary-salidas:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262659}.salidas-tabla-wrapper{background:#fff;border-radius:16px;overflow-x:auto;overflow-y:visible;box-shadow:0 4px 20px #00000014;border:2px solid #fee2e2;margin:0;max-width:100%}.salidas-tabla-wrapper::-webkit-scrollbar{height:8px}.salidas-tabla-wrapper::-webkit-scrollbar-track{background:#fef2f2;border-radius:10px}.salidas-tabla-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:10px}.salidas-tabla-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)}.tabla-salidas{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.tabla-salidas thead{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;position:sticky;top:0;z-index:10}.tabla-salidas thead tr{box-shadow:0 4px 12px #dc262626}.tabla-salidas th{padding:16px;text-align:left;font-weight:700;font-size:12px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-bottom:3px solid rgba(255,255,255,.2)}.tabla-salidas th:first-child{border-top-left-radius:16px;padding-left:24px}.tabla-salidas th:last-child{border-top-right-radius:16px;padding-right:24px}.tabla-salidas tbody tr{transition:all .2s ease;border-bottom:1px solid #fee2e2}.tabla-salidas tbody tr:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2 50%);transform:scale(1.01);box-shadow:0 4px 12px #dc262614}.tabla-salidas td{padding:16px;vertical-align:middle;border-bottom:1px solid #fee2e2}.tabla-salidas tbody tr:last-child td{border-bottom:none}.tabla-salidas tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.tabla-salidas tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.th-producto,.td-producto{width:35%;min-width:200px}.th-cantidad,.td-cantidad{width:15%;min-width:120px}.th-observaciones,.td-observaciones{width:40%;min-width:250px}.th-acciones,.td-acciones{width:10%;min-width:80px;text-align:center}.producto-nombre-display{font-weight:600;color:#991b1b;display:block}.input-cantidad-salidas,.input-observaciones-salidas{width:100%;padding:8px 12px;border:2px solid #fecaca;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;font-family:inherit}.input-cantidad-salidas:focus,.input-observaciones-salidas:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-cantidad-salidas{text-align:center;font-weight:600;max-width:100px}.btn-eliminar-salidas{padding:8px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-eliminar-salidas:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.btn-eliminar-salidas:active{transform:scale(.95)}.form-actions-salidas{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:2px solid #fee2e2}.btn-guardar-salidas{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #dc262640;position:relative;overflow:hidden}.btn-guardar-salidas:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-guardar-salidas:hover:before{left:100%}.btn-guardar-salidas:hover{transform:translateY(-2px);box-shadow:0 6px 24px #dc262659}.btn-guardar-salidas:active{transform:translateY(0)}.btn-guardar-salidas:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-guardar-salidas .spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.salidas-inventario-page{padding:16px}.page-header-salidas{padding:24px;margin-bottom:24px}.header-title-salidas{flex-direction:column;align-items:flex-start;gap:16px}.header-title-salidas h1{font-size:24px}.form-card-salidas{padding:20px}.form-grid-salidas{grid-template-columns:1fr}.section-header-salidas{flex-direction:column;align-items:flex-start;gap:16px}.btn-agregar-productos-salidas{width:100%;justify-content:center}.salidas-tabla-wrapper{border-radius:12px}.tabla-salidas{font-size:13px}.tabla-salidas th,.tabla-salidas td{padding:12px 8px}.th-producto,.td-producto{min-width:150px}.th-cantidad,.td-cantidad{min-width:100px}.th-observaciones,.td-observaciones{min-width:200px}.form-actions-salidas{flex-direction:column}.btn-guardar-salidas{width:100%;justify-content:center}}@media (max-width: 480px){.page-header-salidas{padding:20px}.header-title-salidas h1{font-size:20px}.subtitle-salidas{font-size:14px}.form-card-salidas{padding:16px}.tabla-salidas{font-size:12px}.tabla-salidas th,.tabla-salidas td{padding:10px 6px}}.salidas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:0}.salida-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #dc262614;border:2px solid #fee2e2;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.salida-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.salida-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #dc262626;border-color:#fca5a5}.salida-card:hover:before{transform:scaleX(1)}.salida-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #fecaca;-webkit-user-select:none;user-select:none;transition:all .2s ease}.salida-card .card-header:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.salida-card .header-right{display:flex;align-items:center;gap:12px}.salida-card .fecha-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border-radius:10px;font-size:13px;font-weight:600;color:#991b1b;box-shadow:0 2px 8px #dc26261a}.salida-card .fecha-badge svg{color:#dc2626;flex-shrink:0}.salida-card .cantidad-badge-large{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:12px;font-size:18px;font-weight:900;box-shadow:0 4px 12px #dc26264d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.salida-card .card-body{padding:20px}.salida-card .resumen-info{display:flex;flex-direction:column;gap:12px}.salida-card .productos-count-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:10px;font-size:14px;font-weight:700;color:#991b1b}.salida-card .productos-count-badge svg{color:#dc2626;flex-shrink:0}.salida-card .nota-preview{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;font-size:13px;color:#1e3a8a;line-height:1.5}.salida-card .nota-preview svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.salida-card .detalle-productos{margin-top:20px;padding-top:20px;border-top:2px dashed #fee2e2;animation:slideDown .3s ease}.salida-card .detalle-header{font-size:12px;font-weight:800;color:#991b1b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #fee2e2}.salida-card .producto-item{background:#fafafa;border:2px solid #f3f4f6;border-radius:10px;padding:12px;margin-bottom:10px;transition:all .2s ease}.salida-card .producto-item:hover{background:#f9fafb;border-color:#fca5a5;transform:translate(4px)}.salida-card .producto-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.salida-card .numero-item{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:6px;font-weight:800;font-size:11px;flex-shrink:0}.salida-card .producto-nombre-detalle{flex:1;font-size:14px;font-weight:700;color:#1f2937}.salida-card .cantidad-detalle{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:6px;font-weight:800;font-size:13px}.salida-card .stock-detalle{padding-left:34px}.salida-card .stock-change{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:8px;border:2px solid #e5e7eb;width:fit-content}.salida-card .stock-change .stock-value{font-size:16px;font-weight:800;padding:4px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.salida-card .stock-change .stock-value.anterior{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #93c5fd}.salida-card .stock-change .stock-value.nuevo{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b;border:2px solid #f87171}.salida-card .stock-change .arrow{font-size:18px;font-weight:900;color:#dc2626}.loading-salidas{text-align:center;padding:64px 32px;font-size:16px;color:#991b1b;font-weight:600}@media (max-width: 768px){.salidas-grid{grid-template-columns:1fr;gap:20px}.salida-card .card-header{padding:14px 16px}.salida-card .card-body{padding:16px}.salida-card .cantidad-badge-large{font-size:16px;padding:8px 14px}.salida-card .header-right{gap:8px}.salida-card .producto-item{padding:10px}.salida-card .stock-detalle{padding-left:0;margin-top:8px}.salida-card .stock-change{width:100%;justify-content:center}}@media (max-width: 480px){.salidas-grid{gap:16px}.salida-card .fecha-badge{font-size:11px;padding:6px 10px}.salida-card .producto-nombre-detalle{font-size:13px}.salida-card .stock-change .stock-value{font-size:14px}.salida-card .cantidad-badge-large{font-size:14px;padding:6px 12px}}.tabs-principales-salidas{display:flex;gap:0;margin-bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:6px 6px 0;box-shadow:0 2px 8px #0000000f}.tab-principal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;background:transparent;color:#94a3b8;font-size:15px;font-weight:600;cursor:pointer;border-radius:12px 12px 0 0;transition:all .2s ease;border-bottom:3px solid transparent}.tab-principal-btn:hover{color:#475569;background:#f8fafc}.tab-principal-btn.active{color:#dc2626;background:#fff5f5;border-bottom-color:#dc2626}.insumo-nombre-wrap{display:flex;flex-direction:column;gap:4px}.insumo-stock-badge{font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px;width:fit-content}.cantidad-con-unidad{display:flex;align-items:center;gap:6px}.unidad-label{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:6px;white-space:nowrap}.consulta-inventario{padding:2rem;max-width:1600px;margin:0 auto;animation:fadeIn .4s ease}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem;animation:statsSlideIn .5s ease}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000000f;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#3b82f60d,#2563eb05);opacity:0;transition:opacity .4s ease;pointer-events:none}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #3b82f626;border-color:#3b82f6}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;flex-shrink:0;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.stat-card:hover .stat-icon{transform:rotate(5deg) scale(1.1);box-shadow:0 6px 20px #3b82f666}.stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:8px;background:#3b82f61a;color:#3b82f6}.stat-card-body{display:flex;flex-direction:column;gap:.375rem}.stat-label{font-size:.813rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px;line-height:1.2}.stat-valor{font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1;transition:all .3s ease;word-break:break-all}.stat-card:hover .stat-valor{color:#3b82f6;transform:scale(1.05)}.stat-card.stat-primary .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.stat-card.stat-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.stat-card.stat-success:hover{border-color:#10b981;box-shadow:0 12px 32px #10b98126}.stat-card.stat-success:hover .stat-valor{color:#10b981}.stat-card.stat-success .stat-trend{background:#10b9811a;color:#10b981}.stat-card.stat-alert{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#60a5fa}.stat-card.stat-alert .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.stat-card.stat-alert:hover{border-color:#3b82f6;box-shadow:0 12px 32px #3b82f626}.stat-card.stat-alert:hover .stat-valor{color:#3b82f6}.stat-card.stat-alert .stat-trend{background:#3b82f61a;color:#3b82f6}.stat-card.stat-danger{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#fca5a5}.stat-card.stat-danger .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.stat-card.stat-danger:hover{border-color:#ef4444;box-shadow:0 12px 32px #ef444426}.stat-card.stat-danger:hover .stat-valor{color:#ef4444}.stat-card.stat-danger .stat-trend{background:#ef44441a;color:#ef4444}.modo-consulta-selector{background:#fff;border-radius:14px;padding:1.75rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:2px solid #e5e7eb;animation:slideInUp .4s ease}.modo-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.modo-header svg{color:#3b82f6}.modo-header h3{margin:0;font-size:1rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.modo-opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.modo-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #d1d5db;border-radius:10px;font-size:.9375rem;font-weight:700;color:#6b7280;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modo-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);opacity:0;transition:opacity .25s ease}.modo-btn:hover{border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.modo-btn:hover:before{opacity:1}.modo-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.modo-btn.active:before{opacity:0}.modo-btn svg{transition:transform .2s ease}.modo-btn:hover svg,.modo-btn.active svg{transform:scale(1.1)}.filtros-kardex{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1.25rem;margin-bottom:2rem;padding:1.75rem;background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000014;border:2px solid #e5e7eb;animation:slideInUp .4s ease}.filtros-kardex .form-group{display:flex;flex-direction:column}.filtros-kardex .form-group label{font-size:.875rem;font-weight:700;color:#374151;margin-bottom:.625rem;display:flex;align-items:center;gap:.5rem}.filtros-kardex .form-group label svg{color:#6b7280}.filtros-kardex select,.filtros-kardex input{padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:10px;font-size:.9375rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}.filtros-kardex select:hover,.filtros-kardex input:hover{border-color:#9ca3af}.filtros-kardex select:focus,.filtros-kardex input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.filtros-kardex .checkbox-group{grid-column:span 2}.checkbox-list{max-height:320px;overflow-y:auto;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.checkbox-list::-webkit-scrollbar{width:8px}.checkbox-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.checkbox-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;transform:translate(4px);box-shadow:0 2px 8px #3b82f626}.checkbox-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.checkbox-item.selected:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#2563eb;box-shadow:0 4px 12px #3b82f640}.checkbox-box{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:#fff}.checkbox-item:hover .checkbox-box{border-color:#3b82f6}.checkbox-item.selected .checkbox-box{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.checkbox-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.producto-nombre-checkbox{font-size:.9375rem;font-weight:700;color:#1f2937;line-height:1.3}.checkbox-item.selected .producto-nombre-checkbox{color:#1e40af}.producto-meta-checkbox{font-size:.8125rem;color:#6b7280;font-weight:600}.checkbox-item.selected .producto-meta-checkbox{color:#1e40af}.producto-info-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:3px solid #10b981;border-radius:14px;padding:1.75rem;margin-bottom:2rem;box-shadow:0 4px 12px #10b98126;animation:cardExpand .4s cubic-bezier(.4,0,.2,1)}@keyframes cardExpand{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.producto-nombre h3{margin:0 0 .625rem;color:#065f46;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.producto-sku{font-size:.9375rem;color:#059669;font-weight:700;padding:.375rem .875rem;background:#ffffffb3;border-radius:8px;display:inline-block}.producto-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem;margin-top:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.625rem;padding:1rem;background:#ffffff80;border-radius:10px;transition:all .2s ease}.stat-item:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #10b9811a}.stat-item label{font-size:.875rem;color:#065f46;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stat-item span{font-size:1.375rem;font-weight:800;color:#047857;line-height:1}.stock-bajo{color:#dc2626!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tabla-kardex-container{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:2px solid #e5e7eb;animation:tableSlideIn .4s ease}@keyframes tableSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tabla-kardex{width:100%;border-collapse:collapse}.tabla-kardex th,.tabla-kardex td{padding:1.125rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.875rem}.tabla-kardex th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:700;color:#374151;position:sticky;top:0;z-index:10;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;box-shadow:0 2px 4px #0000000d}.tabla-kardex tbody tr{transition:all .2s ease}.tabla-kardex tbody tr:hover{background:linear-gradient(90deg,rgba(59,130,246,.05),transparent);transform:scale(1.002)}.tipo-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.tipo-badge:hover{transform:scale(1.05)}.tipo-entrada{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.tipo-entrada .tipo-badge{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.tipo-salida{background:linear-gradient(135deg,#fee2e2,#fecaca)}.tipo-salida .tipo-badge{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.tipo-ajuste{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.tipo-ajuste .tipo-badge{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.tipo-venta{background:linear-gradient(135deg,#dbeafe,#c7d2fe)}.tipo-venta .tipo-badge{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #6366f14d}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-small{font-size:.8125rem;color:#6b7280}.entrada{color:#059669!important;font-weight:700!important}.salida{color:#dc2626!important;font-weight:700!important}.stock-anterior{color:#9ca3af;font-weight:600}.stock-nuevo{color:#1f2937;font-weight:800!important;font-size:1rem!important}@media (max-width: 1200px){.modo-opciones{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filtros-kardex{grid-template-columns:1fr 1fr}.filtros-kardex .form-group:first-child{grid-column:span 2}}@media (max-width: 1024px){.estadisticas-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stat-icon{width:44px;height:44px}.stat-icon svg{width:22px;height:22px}.stat-valor{font-size:2rem}.stat-label{font-size:.75rem}}@media (max-width: 768px){.consulta-inventario{padding:1rem}.estadisticas-grid{grid-template-columns:1fr;gap:.875rem}.stat-card{padding:1.25rem}.stat-icon{width:40px;height:40px}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:.75rem;letter-spacing:.6px}.stat-valor{font-size:1.75rem;word-break:normal;overflow-wrap:break-word}.modo-consulta-selector{padding:1.25rem}.modo-opciones{grid-template-columns:1fr;gap:.75rem}.modo-btn{padding:.875rem 1rem;font-size:.875rem}.filtros-kardex{grid-template-columns:1fr;padding:1.25rem;gap:1rem}.filtros-kardex .form-group:first-child,.filtros-kardex .checkbox-group{grid-column:span 1}.checkbox-list{max-height:280px}.checkbox-item{padding:.75rem .875rem}.producto-nombre-checkbox{font-size:.875rem}.producto-meta-checkbox{font-size:.75rem}.producto-info-card{padding:1.25rem}.producto-nombre h3{font-size:1.25rem}.producto-stats{grid-template-columns:1fr;gap:1rem}.tabla-kardex-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-kardex{min-width:800px}.tabla-kardex th,.tabla-kardex td{padding:.75rem .5rem;font-size:.8125rem}}@media (max-width: 480px){.stat-card{padding:1rem}.stat-label{font-size:.75rem}.stat-valor{font-size:1.25rem}.producto-sku{font-size:.8125rem}}@media print{.filtros-kardex,.estadisticas-grid,.btn-primary{display:none!important}.tabla-kardex-container{box-shadow:none;border:1px solid #d1d5db}.tabla-kardex tbody tr:hover{background:none}.tipo-badge{border:1px solid currentColor}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:#fff;border-radius:16px;margin:2rem 0;box-shadow:0 2px 8px #0000000d;border:2px dashed #e5e7eb}.empty-state h3{font-size:1.375rem;color:#4b5563;margin:0 0 .625rem;font-weight:700}.empty-state p{font-size:1rem;color:#9ca3af;margin:0;max-width:400px}.filtros-ordenamiento-productos{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.filtros-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;margin-bottom:1rem}.filtro-busqueda,.filtro-stock-select,.ordenar-select{position:relative;display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;transition:all .2s ease}.filtro-busqueda:focus-within,.filtro-stock-select:focus-within,.ordenar-select:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.filtro-busqueda svg,.filtro-stock-select svg,.ordenar-select svg{color:#6b7280;flex-shrink:0}.filtro-busqueda input,.filtro-stock-select select,.ordenar-select select{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem;font-weight:500;color:#1f2937;font-family:inherit}.filtro-busqueda input::placeholder{color:#9ca3af}.btn-limpiar-busqueda{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-limpiar-busqueda:hover{background:#f3f4f6;color:#ef4444}.btn-orden-direccion{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:2px solid #3b82f6;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-orden-direccion:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.filtros-info{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:2px solid #f3f4f6}.resultados-count{font-size:.875rem;font-weight:600;color:#6b7280}.btn-limpiar-todos-filtros{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-limpiar-todos-filtros:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.productos-lista-section{background:#fff;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 12px #00000014;border:2px solid #e5e7eb;animation:slideInUp .4s ease}.productos-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #f3f4f6}.productos-lista-titulo{font-size:1.375rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.75rem}.productos-lista-titulo svg{color:#3b82f6}.view-toggle-buttons{display:flex;gap:.5rem;background:#f3f4f6;padding:.375rem;border-radius:10px;border:2px solid #e5e7eb}.view-btn{display:flex;align-items:center;justify-content:center;padding:.625rem .875rem;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.view-btn:hover{background:#e5e7eb;color:#3b82f6}.view-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;animation:fadeIn .5s ease}.producto-card-item{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.producto-card-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.producto-card-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3b82f626;border-color:#3b82f6}.producto-card-item:hover:before{transform:scaleX(1)}.producto-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:2px solid #f3f4f6}.producto-card-nombre{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;line-height:1.4;flex:1}.producto-card-badge{font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.producto-card-badge.badge-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.producto-card-badge.badge-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.producto-card-body{display:flex;flex-direction:column;gap:.625rem}.producto-card-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.producto-card-row:last-child{border-bottom:none;padding-bottom:0}.producto-card-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.producto-card-value{font-size:.9375rem;font-weight:600;color:#1f2937;text-align:right;display:flex;align-items:center;gap:.375rem}.producto-card-value.stock-bajo{color:#ef4444;font-weight:700}.producto-card-value.stock-ok{color:#10b981}.producto-card-value.precio-value,.producto-card-value.valor-total{color:#3b82f6;font-weight:700;font-size:1rem}.stock-warning-icon{font-size:1rem;animation:pulse 2s ease-in-out infinite}.productos-lista{display:flex;flex-direction:column;gap:0;animation:fadeIn .5s ease}.productos-lista-header{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr .8fr 1fr 1fr 1fr .8fr;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-radius:10px 10px 0 0;position:sticky;top:0;z-index:10}.productos-lista-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr .8fr 1fr 1fr 1fr .8fr;gap:1rem;padding:1rem 1.25rem;background:#fff;border-bottom:2px solid #f3f4f6;transition:all .2s ease;align-items:center}.productos-lista-row:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;padding-left:calc(1.25rem - 4px);box-shadow:0 2px 8px #3b82f61a}.productos-lista-row:last-child{border-bottom:none;border-radius:0 0 10px 10px}.lista-col-nombre{font-weight:600;color:#1f2937}.lista-col-sku,.lista-col-codigo{font-size:.875rem;color:#6b7280;font-family:Courier New,monospace}.lista-col-categoria{font-size:.875rem;color:#4b5563}.lista-col-stock{text-align:center;font-weight:600}.lista-col-precio,.lista-col-costo,.lista-col-valor{text-align:right;font-weight:600}.lista-col-estado{text-align:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 1400px){.productos-lista-header,.productos-lista-row{grid-template-columns:1.5fr .8fr 1fr .9fr .7fr .9fr .9fr .9fr .7fr;font-size:.8125rem}}@media (max-width: 1024px){.productos-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.view-toggle-buttons{align-self:flex-end}.productos-lista-header{display:none}.productos-lista-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.productos-lista-row>div{display:flex;justify-content:space-between;align-items:center}.productos-lista-row>div:before{content:attr(data-label);font-weight:700;color:#6b7280;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.lista-col-nombre:before{content:"Producto: "}.lista-col-sku:before{content:"SKU: "}.lista-col-codigo:before{content:"Código: "}.lista-col-categoria:before{content:"Categoría: "}.lista-col-stock:before{content:"Stock: "}.lista-col-precio:before{content:"Precio: "}.lista-col-costo:before{content:"Costo: "}.lista-col-valor:before{content:"Valor: "}.lista-col-estado:before{content:"Estado: "}}@media (max-width: 768px){.productos-lista-section{padding:1.25rem;margin:1.5rem 0}.productos-grid{grid-template-columns:1fr;gap:1rem}.producto-card-header{flex-direction:column;align-items:flex-start}.producto-card-badge{align-self:flex-end}.view-toggle-buttons{width:100%;justify-content:center}.filtros-ordenamiento-productos{padding:1rem}.filtros-row{grid-template-columns:1fr;gap:.75rem}.btn-orden-direccion span{display:none}.filtros-info{flex-direction:column;align-items:flex-start;gap:.75rem}}.filtro-tipos-movimientos{background:#fff;border-radius:14px;padding:1.75rem;margin:2rem 0;box-shadow:0 2px 8px #00000014;border:2px solid #e5e7eb;animation:slideInUp .4s ease}.filtro-tipos-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.filtro-tipos-header svg{color:#3b82f6}.filtro-tipos-header h3{margin:0;font-size:1rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;flex:1}.btn-limpiar-filtro{padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-limpiar-filtro:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.tipos-chips{display:flex;flex-wrap:wrap;gap:1rem}.tipo-chip{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-weight:600;color:#374151}.tipo-chip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--tipo-color);opacity:.7}.tipo-chip:hover{border-color:var(--tipo-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tipo-chip.selected{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:var(--tipo-color);border-width:3px;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.tipo-chip svg{color:var(--tipo-color)}.tipo-label{font-size:.9375rem}.tipo-count{padding:.25rem .625rem;background:var(--tipo-color);color:#fff;border-radius:8px;font-size:.875rem;font-weight:700}.tipo-chip .check-icon{color:var(--tipo-color);animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.graficas-section{background:#fff;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 12px #00000014;border:2px solid #e5e7eb;animation:slideInUp .4s ease}.graficas-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #f3f4f6}.graficas-header svg{color:#3b82f6}.graficas-header h3{margin:0;font-size:1.375rem;font-weight:700;color:#1f2937}.graficas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.grafica-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.grafica-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3b82f626;border-color:#3b82f6}.grafica-container{position:relative;height:350px;width:100%}@media (max-width: 1024px){.graficas-grid{grid-template-columns:1fr}.filtro-tipos-header{flex-direction:column;align-items:flex-start}.btn-limpiar-filtro{align-self:flex-end}}@media (max-width: 768px){.filtro-tipos-movimientos{padding:1.25rem}.tipos-chips{gap:.75rem}.tipo-chip{padding:.75rem 1rem;font-size:.875rem}.graficas-section{padding:1.25rem}.grafica-container{height:300px}}.export-buttons-group{display:flex;gap:1rem;flex-wrap:wrap}.export-buttons-group .btn-primary{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-export-movimientos{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #3b82f6}.btn-export-movimientos:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-export-inventario{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b981}.btn-export-inventario:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 768px){.export-buttons-group{flex-direction:column}.export-buttons-group .btn-primary{min-width:auto;width:100%}}.toast-notification{position:fixed;bottom:32px;right:32px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 8px 32px #00000040;animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1);max-width:420px;word-break:break-word}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:linear-gradient(135deg,#11998e,#38ef7d)}.toast-error{background:linear-gradient(135deg,#ee0979,#ff6a00)}.toast-warning{background:linear-gradient(135deg,#f093fb,#f5576c)}@media (max-width: 480px){.toast-notification{bottom:16px;right:16px;left:16px;max-width:none}}.modulo-inventario{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);animation:fadeIn .3s ease-in}.modulo-header{background:#fff;padding:2rem;border-bottom:3px solid #e5e7eb;box-shadow:0 4px 12px #0000000f;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-title{display:flex;align-items:center;gap:1.25rem;animation:slideInLeft .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.header-title svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));transition:transform .3s ease}.header-title:hover svg{transform:scale(1.1) rotate(5deg)}.header-title h1{font-size:1.875rem;font-weight:800;color:#1f2937;margin:0 0 .375rem;letter-spacing:-.025em}.header-title p{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}.modulo-tabs{display:flex;background:#fff;border-bottom:3px solid #e5e7eb;overflow-x:auto;box-shadow:0 2px 8px #0000000a;position:sticky;top:89px;z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modulo-tabs::-webkit-scrollbar{height:4px}.modulo-tabs::-webkit-scrollbar-track{background:transparent}.modulo-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.tab-button{display:flex;align-items:center;gap:.625rem;padding:1.125rem 1.75rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#3b82f605);opacity:0;transition:opacity .25s ease}.tab-button:hover{background:#f9fafb;color:#3b82f6;transform:translateY(-1px)}.tab-button:hover:before{opacity:1}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:linear-gradient(180deg,#eff6ff,#eff6ff80);font-weight:700}.tab-button.active svg{animation:bounce .5s ease}.tab-button.tab-conteo-masivo{margin-left:auto;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-radius:10px;margin-right:1rem;margin-top:.5rem;margin-bottom:.5rem;border:none;box-shadow:0 4px 12px #8b5cf64d}.tab-button.tab-conteo-masivo:hover{background:linear-gradient(135deg,#3b82f6,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.tab-button.tab-conteo-masivo:before{display:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tab-button svg{flex-shrink:0;transition:transform .2s ease}.tab-button:hover svg{transform:scale(1.15)}.tab-button:active{transform:translateY(0)}.tab-button:focus-visible{outline:3px solid rgba(59,130,246,.4);outline-offset:-3px;border-radius:4px 4px 0 0}.modulo-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#fff;margin:0;border-radius:0;box-shadow:0 1px 3px #0000000d}.header-content{display:flex;align-items:center;gap:1.25rem}.header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:all .25s ease;flex:1;min-width:0}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.search-box svg{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.search-box:focus-within svg{color:#3b82f6}.search-box input{border:none;outline:none;font-size:.9375rem;color:#1f2937;width:100%;background:transparent}.search-box input::placeholder{color:#9ca3af}.btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;background:#fff;color:#4b5563;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .25s ease}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f3f4f6;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#4b5563;font-size:.875rem;font-weight:600}.btn-icon:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-icon.btn-danger:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-icon.btn-success:hover{background:#10b981;box-shadow:0 4px 12px #10b9814d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:16px;margin:2rem;box-shadow:0 2px 8px #0000000d;animation:fadeIn .5s ease}.empty-state svg{color:#cbd5e1;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:1.25rem;color:#4b5563;margin:0 0 .5rem}.empty-state p{font-size:.9375rem;color:#9ca3af;margin:0}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;color:#6b7280;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.btn-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280}.btn-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}@media (max-width: 1024px){.modulo-tabs{top:81px}}@media (max-width: 768px){.modulo-header{padding:1.5rem 1rem}.header-title{flex-direction:column;align-items:flex-start;gap:.75rem}.header-title h1{font-size:1.5rem}.header-title p{font-size:.875rem}.modulo-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;top:109px}.tab-button{padding:1rem 1.25rem;font-size:.875rem}.tab-button span{display:none}.tab-button svg{margin:0}.page-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1.5rem 1rem}.header-content{width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.header-icon{width:48px;height:48px}.header-icon svg{width:24px;height:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}@media (prefers-contrast: high){.tab-button.active{border-bottom-width:4px}.btn-primary,.btn-secondary,.btn-icon{border-width:2px}}.conteo-inventario{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.conteo-config-nueva{display:flex;flex-direction:column;gap:1.5rem}.config-motivo{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb}.config-motivo label{display:block;font-weight:700;color:#374151;margin-bottom:.5rem;font-size:.875rem}.config-motivo input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s}.config-motivo input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.config-opciones{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb}.config-opciones h2{margin:0 0 1.25rem;font-size:1.125rem;color:#1f2937;font-weight:700}.opciones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.opcion-card{position:relative;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .25s ease}.opcion-card:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.opcion-card.activa{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f626}.opcion-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.opcion-icon.todo{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.opcion-icon.categorias{background:linear-gradient(135deg,#3b82f6,#2563eb)}.opcion-icon.productos{background:linear-gradient(135deg,#10b981,#059669)}.opcion-icon.plantilla{background:linear-gradient(135deg,#3b82f6,#2563eb)}.opcion-card h3{margin:0 0 .5rem;font-size:1rem;color:#1f2937;font-weight:700}.opcion-card p{margin:0;font-size:.8125rem;color:#6b7280}.check-icon{position:absolute;top:.75rem;right:.75rem;color:#3b82f6;background:#fff;border-radius:50%;padding:2px}.panel-seleccion{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.panel-header h3{margin:0;font-size:1rem;color:#1f2937;font-weight:700}.panel-actions{display:flex;align-items:center;gap:.75rem}.btn-mini{padding:.375rem .75rem;font-size:.75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;color:#374151}.btn-mini:hover{background:#e5e7eb}.badge{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.categoria-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.categoria-item:hover{border-color:#3b82f6;background:#eff6ff}.categoria-item.seleccionada{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.cat-check{width:22px;height:22px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.categoria-item.seleccionada .cat-check{background:#3b82f6;border-color:#3b82f6;color:#fff}.cat-nombre{flex:1;font-weight:600;color:#1f2937;font-size:.875rem}.cat-count{background:#e5e7eb;color:#6b7280;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.categoria-item.seleccionada .cat-count{background:#3b82f6;color:#fff}.panel-seleccion .search-box{display:flex;align-items:center;gap:.75rem;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}.panel-seleccion .search-box:focus-within{border-color:#3b82f6;background:#fff}.panel-seleccion .search-box input{flex:1;border:none;background:transparent;font-size:.9375rem;outline:none}.btn-clear{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;border-radius:4px}.btn-clear:hover{color:#ef4444;background:#fee2e2}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.producto-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s}.producto-item:hover{background:#eff6ff;border-color:#bfdbfe}.producto-item.seleccionado{background:#dbeafe;border-color:#3b82f6}.prod-check{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.producto-item.seleccionado .prod-check{background:#3b82f6;border-color:#3b82f6;color:#fff}.prod-info{flex:1;min-width:0}.prod-nombre{display:block;font-weight:600;color:#1f2937;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-meta{font-size:.6875rem;color:#6b7280}.prod-stock{background:#d1fae5;color:#059669;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.mas-productos{grid-column:1 / -1;text-align:center;padding:1rem;color:#6b7280;font-size:.875rem;background:#f9fafb;border-radius:8px}.empty-plantillas{text-align:center;padding:3rem;color:#9ca3af}.empty-plantillas svg{margin-bottom:1rem;color:#d1d5db}.empty-plantillas p{margin:0;font-weight:600;color:#6b7280}.empty-plantillas span{font-size:.875rem;display:block;margin-top:.5rem}.plantillas-lista{display:flex;flex-direction:column;gap:.5rem}.plantilla-item{display:flex;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s}.plantilla-item:hover{border-color:#3b82f6}.plantilla-info{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer}.plantilla-info>div{flex:1}.plantilla-nombre{display:block;font-weight:700;color:#1f2937}.plantilla-desc{font-size:.8125rem;color:#6b7280}.plantilla-count{background:#e5e7eb;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#6b7280}.btn-delete{padding:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;border-left:1px solid #e5e7eb}.btn-delete:hover{color:#ef4444;background:#fee2e2}.config-footer{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:1.25rem 1.5rem;border:2px solid #e5e7eb;position:sticky;bottom:1rem;box-shadow:0 -4px 12px #0000000d}.footer-info{display:flex;align-items:center;gap:.75rem;color:#6b7280}.footer-info svg{color:#3b82f6}.footer-info strong{font-size:1.25rem;color:#1f2937}.footer-actions{display:flex;gap:1rem}.btn-lg{padding:.875rem 1.5rem!important;font-size:1rem!important}.conteo-activo{display:flex;flex-direction:column;gap:1rem}.conteo-resumen{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.resumen-item{background:#fff;border-radius:10px;padding:1rem;text-align:center;border:2px solid #e5e7eb}.resumen-valor{display:block;font-size:1.75rem;font-weight:800;color:#1f2937;line-height:1}.resumen-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;margin-top:.375rem;display:block}.resumen-item.total{border-color:#3b82f6}.resumen-item.total .resumen-valor{color:#3b82f6}.resumen-item.contados{border-color:#60a5fa}.resumen-item.contados .resumen-valor{color:#60a5fa}.resumen-item.pendientes{border-color:#9ca3af}.resumen-item.pendientes .resumen-valor{color:#6b7280}.resumen-item.ok{border-color:#10b981}.resumen-item.ok .resumen-valor{color:#10b981}.resumen-item.diferencias{border-color:#ef4444}.resumen-item.diferencias .resumen-valor{color:#ef4444}.resumen-item.valor{border-color:#3b82f6}.resumen-valor.positivo{color:#10b981!important}.resumen-valor.negativo{color:#ef4444!important}.instrucciones-rapidas{display:flex;justify-content:center;gap:2rem;padding:.75rem;background:#f3f4f6;border-radius:8px;font-size:.8125rem;color:#6b7280}.instrucciones-rapidas span{display:flex;align-items:center;gap:.375rem}.instrucciones-rapidas kbd{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.125rem .375rem;font-family:monospace;font-size:.75rem}.conteo-tabla-container{background:#fff;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden;max-height:calc(100vh - 380px);overflow-y:auto}.conteo-tabla{width:100%;border-collapse:collapse}.conteo-tabla thead{position:sticky;top:0;z-index:10}.conteo-tabla th{background:#f3f4f6;padding:.875rem .75rem;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.conteo-tabla td{padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.col-num{width:40px;text-align:center;color:#9ca3af;position:relative}.col-num .num-text{display:inline-block;transition:opacity .15s}.col-num .btn-remove-row{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center}.fila-conteo:hover .col-num .num-text{opacity:0}.fila-conteo:hover .col-num .btn-remove-row{opacity:1}.col-num .btn-remove-row:hover{background:#fee2e2;color:#ef4444}.col-img{width:40px}.col-producto{min-width:180px;font-weight:600;color:#1f2937}.col-sku{width:100px;color:#6b7280;font-family:monospace;font-size:.75rem}.col-cat{width:120px;color:#6b7280}.col-sistema{width:80px;text-align:center;font-weight:700}.col-contado{width:100px}.col-diff{width:80px;text-align:center;font-weight:700}.col-estado{width:40px;text-align:center}.col-diff.pos{color:#10b981}.col-diff.neg{color:#ef4444}.col-img img{width:32px;height:32px;object-fit:cover;border-radius:6px}.sin-img{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;color:#9ca3af}.col-contado input{width:70px;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;text-align:center;font-weight:700;font-size:1rem;transition:all .15s}.col-contado input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;transform:scale(1.05)}.icon-ok{color:#10b981}.icon-warn{color:#3b82f6}.icon-error{color:#ef4444}.fila-conteo{transition:background .15s;cursor:pointer}.fila-conteo:hover{background:#f9fafb}.fila-conteo.activa{background:#eff6ff}.fila-conteo.ok{background:linear-gradient(90deg,#ecfdf5 0%,transparent 40%)}.fila-conteo.diferencia-menor{background:linear-gradient(90deg,#fefce8 0%,transparent 40%)}.fila-conteo.diferencia-mayor{background:linear-gradient(90deg,#fef2f2 0%,transparent 40%)}.conteo-acciones{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-box{background:#fff;border-radius:16px;padding:1.5rem;max-width:400px;width:90%;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box h3{margin:0 0 .5rem;font-size:1.25rem;color:#1f2937}.modal-box>p{color:#6b7280;margin:0 0 1rem}.modal-box>input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;margin-bottom:1rem}.modal-box>input:focus{outline:none;border-color:#3b82f6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-confirmar{max-width:450px}.modal-detalle{background:#f9fafb;border-radius:10px;padding:1rem;margin-bottom:1rem}.detalle-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.detalle-row:last-child{border-bottom:none}.detalle-row span{color:#6b7280}.detalle-row strong{color:#1f2937}.detalle-row strong.positivo{color:#10b981}.detalle-row strong.negativo{color:#ef4444}.modal-warning{display:flex;align-items:center;gap:.75rem;background:#dbeafe;border-radius:10px;padding:1rem;margin-bottom:1rem;color:#1e40af;font-size:.875rem}@media (max-width: 1024px){.opciones-grid{grid-template-columns:repeat(2,1fr)}.conteo-resumen{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.conteo-inventario{padding:1rem}.opciones-grid{grid-template-columns:1fr}.conteo-resumen{grid-template-columns:repeat(2,1fr)}.config-footer{flex-direction:column;gap:1rem}.footer-actions{width:100%}.footer-actions button{flex:1}.col-sku,.col-cat{display:none}.conteo-acciones{flex-direction:column}.conteo-acciones button{width:100%}}@media (max-width: 480px){.categorias-grid,.productos-grid{grid-template-columns:1fr}.col-img{display:none}}.productos-grid::-webkit-scrollbar,.conteo-tabla-container::-webkit-scrollbar{width:6px}.productos-grid::-webkit-scrollbar-track,.conteo-tabla-container::-webkit-scrollbar-track{background:#f3f4f6}.productos-grid::-webkit-scrollbar-thumb,.conteo-tabla-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.productos-grid::-webkit-scrollbar-thumb:hover,.conteo-tabla-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.movimientos-caja{padding:2rem;max-width:1400px;margin:0 auto}.mc-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.mc-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mc-nav-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translate(-2px);box-shadow:0 4px 12px #3b82f64d}.mc-nav-links{display:flex;align-items:center;gap:8px}.mc-nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.mc-nav-link:hover{background:#e2e8f0;color:#3b82f6}.mc-nav-separator{color:#cbd5e1;font-size:14px}.mc-nav-current{padding:8px 14px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#1d4ed8;border-radius:8px;font-size:13px;font-weight:600}@media (max-width: 768px){.mc-nav-bar{flex-direction:column;gap:12px;align-items:stretch}.mc-nav-btn{justify-content:center}.mc-nav-links{justify-content:center;flex-wrap:wrap}}.movimientos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-info h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-subtitle{color:#6b7280;font-size:1rem;margin:0}.caja-info-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-weight:500}.caja-info-badge .separator{color:#6ee7b7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;border:2px solid transparent;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card.ingreso{border-color:#10b981}.stat-card.egreso{border-color:#ef4444}.stat-card.balance.positivo,.stat-card.balance.negativo{border-color:#3b82f6}.stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.ingreso .stat-icon{background:#d1fae5;color:#10b981}.stat-card.egreso .stat-icon{background:#fee2e2;color:#ef4444}.stat-card.balance.positivo .stat-icon,.stat-card.balance.negativo .stat-icon{background:#dbeafe;color:#3b82f6}.stat-card .stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-card .stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:#1f2937}.stat-card .stat-count{font-size:.75rem;color:#9ca3af}.movimientos-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.registro-section,.historial-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.section-header h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.registro-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.label{font-weight:600;color:#374151;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea{resize:vertical;min-height:80px;font-family:inherit}.tipo-selector{margin-bottom:.5rem}.tipo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tipo-btn{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1rem;transition:all .2s}.tipo-btn:hover{background:#f9fafb}.tipo-btn.active.ingreso{background:#d1fae5;border-color:#10b981;color:#065f46}.tipo-btn.active.egreso{background:#fee2e2;border-color:#ef4444;color:#991b1b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-submit{padding:1rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;margin-top:.5rem}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.filtros{display:flex;gap:.5rem}.filtro-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s}.filtro-btn:hover{background:#f9fafb}.filtro-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filtro-btn.ingreso.active{background:#10b981;border-color:#10b981}.filtro-btn.egreso.active{background:#ef4444;border-color:#ef4444}.movimientos-lista{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.movimientos-lista::-webkit-scrollbar{width:6px}.movimientos-lista::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.movimientos-lista::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.movimientos-lista::-webkit-scrollbar-thumb:hover{background:#9ca3af}.movimiento-card{display:flex;gap:1rem;padding:1rem;border-radius:8px;border:2px solid #f3f4f6;background:#fafafa;transition:all .2s}.movimiento-card:hover{box-shadow:0 2px 8px #0000001a;transform:translate(2px)}.movimiento-card.ingreso{border-left:4px solid #10b981}.movimiento-card.egreso{border-left:4px solid #ef4444}.movimiento-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.movimiento-card.ingreso .movimiento-icon{background:#d1fae5;color:#10b981}.movimiento-card.egreso .movimiento-icon{background:#fee2e2;color:#ef4444}.movimiento-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.movimiento-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.movimiento-concepto{font-weight:700;color:#1f2937;font-size:1rem;margin:0}.movimiento-monto{font-weight:700;font-size:1.125rem;flex-shrink:0}.movimiento-monto.ingreso{color:#10b981}.movimiento-monto.egreso{color:#ef4444}.movimiento-descripcion{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.movimiento-meta{display:flex;gap:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#9ca3af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#6b7280;font-size:1.125rem}.empty-state p{margin:0;font-size:.875rem}.loading,.loading-small{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.alert{display:flex;gap:1rem;padding:1.5rem;border-radius:12px;margin:2rem 0}.alert-warning{background:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.alert h3{margin:0 0 .5rem;font-size:1.125rem}.alert p{margin:0;font-size:.875rem}@media (max-width: 1024px){.movimientos-content{grid-template-columns:1fr}.historial-section{order:2}}@media (max-width: 640px){.movimientos-caja{padding:1rem}.movimientos-header{flex-direction:column;align-items:flex-start}.stats-grid,.form-row,.tipo-buttons{grid-template-columns:1fr}.filtros{flex-wrap:wrap}.movimiento-header{flex-direction:column;align-items:flex-start}}.input-con-boton{display:flex;gap:8px;align-items:stretch}.input-con-boton .input{flex:1}.btn-agregar-proveedor{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-agregar-proveedor:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.mc-notificacion{position:fixed;top:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;animation:mcNotificacionSlideIn .4s cubic-bezier(.16,1,.3,1);min-width:320px;max-width:480px}@keyframes mcNotificacionSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.mc-notificacion.success{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399}.mc-notificacion.error{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f87171}.mc-notificacion.warning{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #60a5fa}.mc-notificacion-contenido{display:flex;align-items:center;gap:12px;flex:1;color:#fff}.mc-notificacion-contenido svg{flex-shrink:0}.mc-notificacion-contenido span{font-size:14px;font-weight:600;line-height:1.4}.mc-notificacion-cerrar{background:#fff3;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mc-notificacion-cerrar:hover{background:#ffffff59;transform:scale(1.1)}.modal-overlay-mc{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-proveedor-rapido{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000040;animation:modalProveedorSlideIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalProveedorSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-proveedor-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-proveedor-titulo{display:flex;align-items:center;gap:12px}.modal-proveedor-titulo h2{font-size:1.25rem;font-weight:700;margin:0}.btn-cerrar-modal{background:#ffffff26;border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.btn-cerrar-modal:hover{background:#ffffff40;transform:scale(1.05)}.modal-proveedor-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group-modal{display:flex;flex-direction:column;gap:6px}.form-group-modal label{font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}.form-group-modal input,.form-group-modal select{padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;transition:all .2s ease}.form-group-modal input:focus,.form-group-modal select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group-modal input::placeholder{color:#94a3b8}.form-row-modal{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-proveedor-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:8px;border-top:2px solid #f1f5f9;margin-top:8px}.btn-cancelar-modal,.btn-guardar-modal{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.btn-cancelar-modal{background:#f1f5f9;color:#64748b}.btn-cancelar-modal:hover{background:#e2e8f0;color:#475569}.btn-guardar-modal{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 6px #10b98133}.btn-guardar-modal:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 8px #10b9814d}.btn-guardar-modal:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 540px){.modal-proveedor-rapido{max-width:100%}.form-row-modal{grid-template-columns:1fr}.modal-proveedor-footer{flex-direction:column-reverse}.btn-cancelar-modal,.btn-guardar-modal{width:100%;justify-content:center}}@media (max-width: 520px){.mc-notificacion{left:16px;right:16px;min-width:auto;max-width:none}}.pie-slice,.bar-fill,.metrica-card,.grafico-card,.radar-area{will-change:transform,opacity,d;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.stock-actual-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.page-header p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.active{border-color:currentColor}.stat-card.total{color:#3b82f6}.stat-card.total.active{background:#eff6ff;border-color:#3b82f6}.stat-card.disponible{color:#10b981}.stat-card.disponible.active{background:#ecfdf5;border-color:#10b981}.stat-card.bajo{color:#3b82f6}.stat-card.bajo.active{background:#eff6ff;border-color:#3b82f6}.stat-card.agotado{color:#ef4444}.stat-card.agotado.active{background:#fef2f2;border-color:#ef4444}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-block}.stat-label{font-size:.8rem;color:#64748b;font-weight:500}.metricas-section{margin-bottom:1.5rem}.metricas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metrica-card{background:#fff;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 3px #00000014;transition:transform .25s ease,box-shadow .25s ease}.metrica-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.metrica-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metrica-icon.unidades{background:#eff6ff;color:#3b82f6}.metrica-icon.costo{background:#dbeafe;color:#2563eb}.metrica-icon.venta{background:#ecfdf5;color:#10b981}.metrica-icon.margen{background:#f3e8ff;color:#9333ea}.metrica-content{display:flex;flex-direction:column;min-width:0}.metrica-valor{font-size:1.125rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .5s cubic-bezier(.4,0,.2,1)}.metrica-valor:active,.metrica-card:focus-within .metrica-valor{transform:scale(1.05)}.metrica-label{font-size:.75rem;color:#64748b}.graficos-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.graficos-columna{display:flex;flex-direction:column;gap:1rem}.grafico-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000014;transition:transform .3s ease,box-shadow .3s ease}.grafico-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.grafico-card h3{font-size:.875rem;font-weight:600;color:#475569;margin:0 0 1rem}.pie-chart-container{display:flex;align-items:center;gap:1.5rem}.pie-chart{width:120px;height:120px;flex-shrink:0}.pie-slice{transform-origin:center;transition:d 2s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s ease}.pie-slice:hover{opacity:.85;transform:scale(1.03)}.pie-center-value,.pie-center-label{transition:all 1s cubic-bezier(.4,0,.2,1)}.pie-center-value{font-size:16px;font-weight:700;fill:#1e293b}.pie-center-label{font-size:8px;fill:#64748b}.pie-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;transition:opacity .3s ease}.legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-label{color:#64748b;flex:1}.legend-value{font-weight:600;color:#1e293b;transition:transform .3s ease;display:inline-block}.stat-value,.metrica-valor,.legend-value,.bar-valor,.bar-stock{transition:transform .5s cubic-bezier(.4,0,.2,1),color .5s ease}.bar-chart-container{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;grid-column:1 / -1}.bar-nombre{font-size:.8125rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-valor{font-size:.75rem;font-weight:600;color:#1e293b;white-space:nowrap}.bar-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;flex:1}.bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width 2s cubic-bezier(.4,0,.2,1)}.bar-item{transition:opacity .3s ease,transform .3s ease}.bar-item:hover{transform:translate(3px)}.bar-stock{font-size:.6875rem;color:#94a3b8;white-space:nowrap}.radar-chart-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.radar-chart{width:180px;height:180px}.radar-chart circle,.radar-chart line{transition:opacity .3s ease}.radar-area{transform-origin:center;transition:d 2s cubic-bezier(.4,0,.2,1),fill .3s ease,opacity .5s ease,stroke .3s ease}.radar-area:hover{filter:brightness(1.1)}.radar-label{font-size:8px;fill:#64748b;font-weight:500;transition:opacity .3s ease}.radar-legend{display:flex;gap:1.5rem;justify-content:center}.radar-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.radar-legend-color{width:10px;height:10px;border-radius:2px}.grafico-vacio{display:flex;align-items:center;justify-content:center;min-height:120px;color:#94a3b8;font-size:.875rem}.paginacion-container{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem;box-shadow:0 1px 3px #00000014}.paginacion-info{font-size:.8125rem;color:#64748b}.paginacion-controles{display:flex;align-items:center;gap:.25rem}.btn-pagina{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .15s}.btn-pagina:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.btn-pagina.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.btn-pagina:disabled{opacity:.4;cursor:not-allowed}.btn-pagina.btn-nav{padding:0 .375rem}.paginacion-dots{padding:0 .25rem;color:#94a3b8}.filtro-categoria-multi{position:relative}.btn-filtro-categoria{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s}.btn-filtro-categoria:hover{border-color:#cbd5e1;color:#475569}.btn-filtro-categoria.has-filters{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-filtro-categoria svg.rotated{transform:rotate(180deg)}.dropdown-categorias{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #00000026;z-index:100;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.btn-limpiar-cats{background:none;border:none;color:#3b82f6;font-size:.75rem;cursor:pointer;text-transform:none;font-weight:500}.btn-limpiar-cats:hover{text-decoration:underline}.dropdown-list{max-height:240px;overflow-y:auto;padding:.5rem}.categoria-checkbox{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:6px;cursor:pointer;transition:background .15s}.categoria-checkbox:hover{background:#f8fafc}.categoria-checkbox input{display:none}.categoria-checkbox .checkmark{width:16px;height:16px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.categoria-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.categoria-checkbox input:checked+.checkmark:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.categoria-checkbox .cat-nombre{font-size:.8125rem;color:#374151}.btn-limpiar-filtros{display:flex;align-items:center;gap:.375rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;color:#dc2626;cursor:pointer;transition:all .2s}.btn-limpiar-filtros:hover{background:#fee2e2}.filtros-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.busqueda-wrapper{flex:1;min-width:280px;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 1rem;transition:all .2s}.busqueda-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.busqueda-wrapper svg{color:#94a3b8;flex-shrink:0}.input-busqueda{flex:1;border:none;background:transparent;padding:.75rem 0;font-size:.9375rem;color:#1e293b;outline:none}.input-busqueda::placeholder{color:#94a3b8}.filtros-inline{display:flex;gap:1rem}.filtro-grupo{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 1rem}.filtro-grupo svg{color:#64748b}.select-filtro{border:none;background:transparent;padding:.75rem .5rem .75rem 0;font-size:.875rem;color:#1e293b;outline:none;cursor:pointer;min-width:150px}.tabla-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.tabla-stock{width:100%;border-collapse:collapse}.tabla-stock thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.tabla-stock th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.tabla-stock th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.tabla-stock th.sortable:hover{color:#3b82f6}.tabla-stock th svg{vertical-align:middle;margin-left:.25rem}.tabla-stock th svg.desc{transform:rotate(180deg)}.tabla-stock td{padding:.875rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.fila-producto{transition:background .2s}.fila-producto:hover{background:#f8fafc}.fila-producto.expandida{background:#f1f5f9}.celda-producto{max-width:250px}.producto-nombre{font-weight:500;color:#1e293b}.celda-sku{font-family:Monaco,Consolas,monospace;font-size:.8125rem;color:#64748b}.celda-stock{min-width:80px}.stock-valor{font-weight:600;padding:.25rem .625rem;border-radius:6px;display:inline-block;min-width:40px}.stock-valor.disponible{background:#ecfdf5;color:#059669}.stock-valor.bajo{background:#eff6ff;color:#2563eb}.stock-valor.agotado{background:#fef2f2;color:#dc2626}.celda-minimo{color:#64748b}.celda-precio{font-weight:500;font-family:Monaco,Consolas,monospace}.estado-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.estado-badge.disponible{background:#ecfdf5;color:#059669}.estado-badge.bajo{background:#eff6ff;color:#2563eb}.estado-badge.agotado{background:#fef2f2;color:#dc2626}.estado-badge.small{padding:.25rem .5rem}.btn-variantes{display:inline-flex;align-items:center;gap:.375rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.375rem .625rem;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .2s}.btn-variantes:hover{background:#e2e8f0;color:#1e293b}.btn-variantes.expanded{background:#3b82f6;border-color:#3b82f6;color:#fff}.sin-variantes{color:#94a3b8}.fila-variante{background:#fafafa}.fila-variante:hover{background:#f5f5f5}.celda-variante{display:flex;align-items:center;gap:.5rem}.variante-indent{width:1.5rem;height:1px;background:#d1d5db;margin-left:.5rem}.variante-nombre{font-size:.8125rem;color:#475569}.sin-resultados{text-align:center;padding:3rem!important;color:#64748b;font-size:.9375rem}.resumen-footer{text-align:center;padding:.75rem;color:#64748b;font-size:.8125rem}.stock-negativo-toggle-container{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.stock-negativo-toggle-info{display:flex;align-items:center;gap:.875rem;flex:1}.stock-negativo-toggle-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fef3c7;color:#d97706}.stock-negativo-toggle-text h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .125rem}.stock-negativo-toggle-text p{font-size:.75rem;color:#64748b;margin:0;max-width:400px}.stock-negativo-toggle-actions{display:flex;align-items:center;gap:.75rem}.stock-negativo-badge{padding:.25rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.stock-negativo-badge.activo{background:#fef3c7;color:#d97706}.stock-negativo-badge.inactivo{background:#ecfdf5;color:#059669}.stock-negativo-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.stock-negativo-toggle-btn:hover{opacity:.8}.stock-negativo-toggle-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.stats-grid,.metricas-grid{grid-template-columns:repeat(2,1fr)}.graficos-grid{grid-template-columns:1fr}.graficos-columna{flex-direction:row}.graficos-columna .grafico-card{flex:1}}@media (max-width: 768px){.stock-actual-page{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.metricas-grid{grid-template-columns:1fr 1fr;gap:.75rem}.metrica-card{padding:.875rem}.metrica-valor{font-size:1rem}.pie-chart-container{flex-direction:column;text-align:center;gap:1rem}.pie-legend{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.bar-chart-container{gap:.625rem}.graficos-columna{flex-direction:column}.radar-chart{width:150px;height:150px}.paginacion-container{flex-direction:column;gap:.75rem}.paginacion-info{text-align:center}.filtros-container{flex-direction:column}.busqueda-wrapper{min-width:100%}.filtros-inline{width:100%;flex-wrap:wrap}.filtro-grupo{flex:1}.filtro-categoria-multi{flex:1;min-width:0}.btn-filtro-categoria{width:100%;justify-content:space-between}.dropdown-categorias{left:0;right:0;min-width:unset}.select-filtro{min-width:0;width:100%}.tabla-container{overflow-x:auto}.tabla-stock{min-width:800px}.tabla-stock th,.tabla-stock td{padding:.75rem .5rem}}@media (max-width: 480px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-refresh{align-self:flex-end}.stats-grid{grid-template-columns:1fr}.stat-card{padding:.875rem}.stat-value{font-size:1.125rem}.metricas-grid{grid-template-columns:1fr;gap:.625rem}.metrica-card{padding:.75rem}.metrica-icon{width:36px;height:36px}.metrica-valor{font-size:.9375rem}.grafico-card{padding:1rem}.grafico-card h3{font-size:.8125rem}.pie-chart{width:100px;height:100px}.legend-item,.bar-nombre{font-size:.75rem}.bar-valor{font-size:.6875rem}.filtros-inline{flex-direction:column;gap:.75rem}.filtro-categoria-multi,.filtro-grupo{width:100%}.btn-limpiar-filtros{width:100%;justify-content:center}.radar-chart{width:130px;height:130px}.radar-label{font-size:7px}.paginacion-controles{flex-wrap:wrap;justify-content:center;gap:.25rem}.btn-pagina{min-width:28px;height:28px;font-size:.75rem}}.config-factus-page{padding:24px;max-width:1000px;margin:0 auto;min-height:100vh;background:#f8fafc}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.spin{animation:spin 1s linear infinite}.config-factus-header{margin-bottom:32px}.btn-volver{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-volver:hover{background:#f1f5f9;color:#334155}.header-title{display:flex;align-items:center;gap:16px}.header-title svg{color:#0ea5e9}.header-title h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.header-title p{color:#64748b;margin:4px 0 0}.config-factus-form{display:flex;flex-direction:column;gap:24px}.estado-conexion-card{background:#fff;border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.estado-info{display:flex;align-items:center;gap:20px}.estado-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.estado-badge.activo{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.estado-badge.inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.token-status{display:flex;align-items:center;gap:6px;font-size:14px}.token-activo{display:flex;align-items:center;gap:6px;color:#16a34a}.token-inactivo{display:flex;align-items:center;gap:6px;color:#3b82f6}.btn-probar{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .3s}.btn-probar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966}.btn-probar:disabled{opacity:.7;cursor:not-allowed}.test-result{padding:20px;border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.test-result.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.test-result.success svg{color:#16a34a}.test-result.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.test-result.error svg{color:#dc2626}.test-result-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.test-result-header h3{margin:0;font-size:16px;font-weight:600}.test-result.success .test-result-header h3{color:#166534}.test-result.error .test-result-header h3{color:#991b1b}.test-result p{margin:0;color:#374151;font-size:14px}.token-badge{display:inline-flex;align-items:center;gap:6px;background:#16a34a33;color:#15803d;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-top:12px}.form-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-header svg{color:#0ea5e9}.section-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.form-group label svg{color:#94a3b8}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .2s;background:#f8fafc}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 4px #0ea5e91a}.form-group input::placeholder{color:#94a3b8}.form-group small{font-size:12px;color:#94a3b8}.input-with-toggle{position:relative;display:flex}.input-with-toggle input{flex:1;padding-right:48px}.btn-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-toggle:hover{color:#0ea5e9}.activar-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#7dd3fc}.activar-container{display:flex;justify-content:space-between;align-items:center}.activar-info{display:flex;align-items:center;gap:16px}.activar-info svg{color:#0ea5e9}.activar-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#0c4a6e}.activar-info p{margin:0;font-size:14px;color:#0369a1;max-width:500px}.switch{position:relative;display:inline-block;width:56px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:30px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.switch input:checked+.slider{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.switch input:checked+.slider:before{transform:translate(26px)}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-cancelar{padding:12px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-cancelar:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-guardar{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-guardar:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.config-factus-page{padding:16px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.estado-conexion-card{flex-direction:column;gap:16px;align-items:flex-start}.estado-acciones{width:100%}.btn-probar{width:100%;justify-content:center}.activar-container{flex-direction:column;gap:20px;text-align:center}.activar-info{flex-direction:column;text-align:center}.activar-info p{max-width:100%}.form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%;justify-content:center}}.notas-credito-page{padding:1.5rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.notas-credito-page .lista-header,.notas-credito-page .crear-header,.notas-credito-page .detalle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.notas-credito-page .header-title{display:flex;align-items:center;gap:.75rem}.notas-credito-page .header-title h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.notas-credito-page .header-title svg{color:#3b82f6}.notas-credito-page .header-actions{display:flex;align-items:center;gap:1rem}.notas-credito-page .search-box{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.625rem 1rem;gap:.5rem;min-width:300px;transition:all .2s}.notas-credito-page .search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11a}.notas-credito-page .search-box svg{color:#94a3b8}.notas-credito-page .search-box input{border:none;outline:none;flex:1;font-size:.875rem;color:#1e293b}.notas-credito-page .search-box input::placeholder{color:#94a3b8}.notas-credito-page .btn-crear{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notas-credito-page .btn-crear:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.notas-credito-page .btn-volver{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.notas-credito-page .btn-volver:hover{background:#f1f5f9;color:#475569}.notas-credito-page .mensaje-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.notas-credito-page .mensaje-alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.notas-credito-page .mensaje-alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.notas-credito-page .loading-container,.notas-credito-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.notas-credito-page .loading-container svg,.notas-credito-page .empty-state svg{color:#cbd5e1;margin-bottom:1rem}.notas-credito-page .empty-state h3{font-size:1.125rem;color:#475569;margin:0 0 .5rem}.notas-credito-page .empty-state p{margin:0;font-size:.875rem}.notas-credito-page .spin{animation:nc-spin 1s linear infinite}@keyframes nc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notas-credito-page .tabla-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.notas-credito-page .tabla-notas{width:100%;border-collapse:collapse}.notas-credito-page .tabla-notas th{background:#f8fafc;padding:1rem;text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.notas-credito-page .tabla-notas td{padding:1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.notas-credito-page .tabla-notas tbody tr{transition:background .15s ease}.notas-credito-page .tabla-notas tbody tr:hover{background:#f8fafc}.notas-credito-page .tabla-notas tbody tr:last-child td{border-bottom:none}.notas-credito-page .numero-cell{font-weight:600;color:#3b82f6;font-size:.8rem}.notas-credito-page .monto-cell{font-weight:600;font-family:JetBrains Mono,monospace;color:#dc2626}.notas-credito-page .cliente-info{display:flex;flex-direction:column;gap:.125rem}.notas-credito-page .cliente-nombre{font-weight:500;color:#1e293b}.notas-credito-page .cliente-doc{font-size:.75rem;color:#64748b;font-family:JetBrains Mono,monospace}.notas-credito-page .estado-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap}.notas-credito-page .estado-badge.aprobada{background:#dcfce7;color:#15803d}.notas-credito-page .estado-badge.pendiente{background:#dbeafe;color:#1d4ed8}.notas-credito-page .estado-badge.error{background:#fee2e2;color:#b91c1c}.notas-credito-page .estado-badge.sin-enviar{background:#f1f5f9;color:#64748b}.notas-credito-page .acciones-cell{display:flex;gap:.5rem;align-items:center}.notas-credito-page .btn-accion{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.notas-credito-page .btn-accion.enviar{background:#dbeafe;color:#1d4ed8}.notas-credito-page .btn-accion.enviar:hover{background:#bfdbfe;transform:translateY(-1px)}.notas-credito-page .btn-accion.reintentar{background:#dbeafe;color:#1d4ed8}.notas-credito-page .btn-accion.reintentar:hover{background:#bfdbfe;transform:translateY(-1px)}.notas-credito-page .btn-accion.pdf{background:#fee2e2;color:#b91c1c;text-decoration:none}.notas-credito-page .btn-accion.pdf:hover{background:#fecaca;transform:translateY(-1px)}.notas-credito-page .btn-accion.ver{background:#f1f5f9;color:#64748b}.notas-credito-page .btn-accion.ver:hover{background:#e2e8f0;transform:translateY(-1px)}.notas-credito-page .btn-accion:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.notas-credito-crear{max-width:1000px;margin:0 auto}.notas-credito-page .crear-header h1,.notas-credito-page .detalle-header h1{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.notas-credito-page .seleccionar-factura{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.notas-credito-page .seleccionar-factura-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.notas-credito-page .seleccionar-factura h2{font-size:1.125rem;color:#1e293b;margin:0 0 .5rem}.notas-credito-page .nota-info{font-size:.875rem;color:#64748b;margin:0}.notas-credito-page .filtro-facturas{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.625rem 1rem;gap:.5rem;min-width:320px;position:relative;transition:all .2s}.notas-credito-page .filtro-facturas:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11a}.notas-credito-page .filtro-facturas svg{color:#94a3b8;flex-shrink:0}.notas-credito-page .filtro-facturas input{border:none;outline:none;flex:1;font-size:.875rem;color:#1e293b;background:transparent}.notas-credito-page .filtro-facturas input::placeholder{color:#94a3b8}.notas-credito-page .filtro-facturas .btn-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e2e8f0;color:#64748b;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.notas-credito-page .filtro-facturas .btn-clear:hover{background:#cbd5e1;color:#475569}.notas-credito-page .facturas-lista-container{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.notas-credito-page .facturas-count{padding:.75rem 1rem;font-size:.75rem;color:#64748b;border-bottom:1px solid #e2e8f0;background:#f8fafc}.notas-credito-page .tabla-facturas-nc{width:100%;border-collapse:collapse}.notas-credito-page .tabla-facturas-nc th{background:#fff;padding:.875rem 1rem;text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.notas-credito-page .tabla-facturas-nc td{padding:.875rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;background:#fff}.notas-credito-page .tabla-facturas-nc tbody tr{cursor:pointer;transition:all .15s}.notas-credito-page .tabla-facturas-nc tbody tr:hover,.notas-credito-page .tabla-facturas-nc tbody tr:hover td{background:#f0f9ff}.notas-credito-page .consecutivo-cell .consecutivo-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-radius:6px;font-weight:600;font-size:.75rem}.notas-credito-page .cliente-cell{font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notas-credito-page .documento-cell{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.8rem}.notas-credito-page .total-cell{font-weight:600;color:#059669;font-family:JetBrains Mono,monospace}.notas-credito-page .fecha-cell{color:#64748b;font-size:.8rem}.notas-credito-page .btn-seleccionar-factura{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.notas-credito-page .btn-seleccionar-factura:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b98166}.notas-credito-page .crear-nota-form{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.notas-credito-page .factura-seleccionada{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.notas-credito-page .factura-info h3{font-size:.875rem;color:#0369a1;margin:0 0 .5rem}.notas-credito-page .factura-detalle{display:flex;gap:1.5rem;font-size:.875rem;color:#0c4a6e}.notas-credito-page .btn-cambiar{padding:.5rem 1rem;background:#fff;border:1px solid #0ea5e9;color:#0ea5e9;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.notas-credito-page .btn-cambiar:hover{background:#0ea5e9;color:#fff}.notas-credito-page .form-section{margin-bottom:2rem}.notas-credito-page .form-section h3{font-size:1rem;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.notas-credito-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.notas-credito-page .form-group{margin-bottom:1rem}.notas-credito-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.5rem}.notas-credito-page .form-group select,.notas-credito-page .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s}.notas-credito-page .form-group select:focus,.notas-credito-page .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11a}.notas-credito-page .form-group textarea{resize:vertical;min-height:80px}.notas-credito-page .items-seleccionados{background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.notas-credito-page .tabla-items{width:100%;border-collapse:collapse}.notas-credito-page .tabla-items th{background:#f1f5f9;padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase}.notas-credito-page .tabla-items td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #e2e8f0}.notas-credito-page .tabla-items tbody tr:last-child td{border-bottom:none}.notas-credito-page .cantidad-cell{text-align:center;font-weight:500}.notas-credito-page .total-item-cell{font-weight:600;color:#dc2626;font-family:JetBrains Mono,monospace}.notas-credito-page .loading-items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b;gap:1rem}.notas-credito-page .loading-items p{margin:0;font-size:.875rem}.notas-credito-page .empty-items{padding:2rem;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:8px}.notas-credito-page .empty-items p{margin:0;font-size:.875rem}.notas-credito-page .resumen-totales{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.notas-credito-page .totales-grid{display:flex;flex-direction:column;gap:.5rem;max-width:300px;margin-left:auto}.notas-credito-page .total-row{display:flex;justify-content:space-between;font-size:.875rem;color:#64748b}.notas-credito-page .total-row.total-final{font-size:1.125rem;font-weight:600;color:#dc2626;padding-top:.75rem;border-top:2px solid #e2e8f0;margin-top:.5rem}.notas-credito-page .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.notas-credito-page .btn-cancelar{padding:.75rem 1.5rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notas-credito-page .btn-cancelar:hover{background:#f1f5f9;border-color:#cbd5e1}.notas-credito-page .btn-crear-nota{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notas-credito-page .btn-crear-nota:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.notas-credito-page .btn-crear-nota:disabled{opacity:.6;cursor:not-allowed}.notas-credito-detalle{max-width:1000px;margin:0 auto}.nc-detalle-card{background:#fff;border-radius:16px;padding:0;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden}.nc-detalle-header-section{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:1.5rem;flex-wrap:wrap}.nc-detalle-numero{display:flex;flex-direction:column;gap:.5rem}.nc-detalle-numero-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nc-detalle-numero-value{font-size:1.5rem;font-weight:700;color:#1e293b;font-family:JetBrains Mono,monospace}.nc-detalle-estado{display:flex;align-items:center}.nc-detalle-error-box{display:flex;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 2rem}.nc-detalle-error-box svg{color:#b91c1c;flex-shrink:0;margin-top:.125rem}.nc-detalle-error-content{min-width:0;flex:1}.nc-detalle-error-content strong{display:block;color:#b91c1c;margin-bottom:.25rem;font-size:.875rem}.nc-detalle-error-content p{margin:0;color:#991b1b;font-size:.8rem;line-height:1.5;word-break:break-word}.nc-detalle-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;border-bottom:1px solid #e2e8f0}.nc-detalle-section{display:flex;flex-direction:column;gap:1rem}.nc-detalle-section-title{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.nc-detalle-info-item{display:flex;flex-direction:column;gap:.25rem}.nc-detalle-info-label{font-size:.75rem;color:#64748b;font-weight:500;display:block;white-space:nowrap}.nc-detalle-info-value{font-size:.875rem;color:#1e293b;font-weight:500;display:block;word-break:break-word;line-height:1.4}.nc-detalle-info-item.nc-detalle-total{padding-top:.75rem;margin-top:.5rem;border-top:2px solid #e2e8f0}.nc-detalle-info-item.nc-detalle-total .nc-detalle-info-label{font-size:.875rem;color:#dc2626;font-weight:600}.nc-detalle-info-item.nc-detalle-total .nc-detalle-info-value{font-size:1.25rem;color:#dc2626;font-weight:700;font-family:JetBrains Mono,monospace}.nc-detalle-motivo-section{padding:2rem;border-bottom:1px solid #e2e8f0}.nc-detalle-motivo-text{margin:0;font-size:.875rem;color:#1e293b;line-height:1.6;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.nc-detalle-cufe-section{padding:2rem;border-bottom:1px solid #e2e8f0}.nc-detalle-cufe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.nc-detalle-cufe-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nc-detalle-cufe-copy-btn{padding:.375rem .75rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.nc-detalle-cufe-copy-btn:hover{background:#e2e8f0;color:#334155}.nc-detalle-cufe-value{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#64748b;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;word-break:break-all;line-height:1.5}.nc-detalle-actions{display:flex;gap:1rem;padding:2rem;flex-wrap:wrap}.nc-detalle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.nc-detalle-btn-enviar{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.nc-detalle-btn-enviar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.nc-detalle-btn-reintentar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.nc-detalle-btn-reintentar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.nc-detalle-btn-pdf{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.nc-detalle-btn-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.nc-detalle-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.notas-credito-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:nc-fadeIn .2s ease}@keyframes nc-fadeIn{0%{opacity:0}to{opacity:1}}.notas-credito-page .modal-transmitir{background:#fff;border-radius:20px;padding:2.5rem;max-width:450px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:nc-slideUp .3s ease}@keyframes nc-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notas-credito-page .modal-transmitir-icon{width:100px;height:100px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#2563eb}.notas-credito-page .modal-transmitir h2{font-size:1.5rem;color:#1e293b;margin:0 0 1rem;font-weight:700}.notas-credito-page .modal-transmitir p{color:#64748b;font-size:1rem;margin:0 0 .5rem;line-height:1.6}.notas-credito-page .modal-transmitir p strong{color:#1e40af;font-weight:600}.notas-credito-page .modal-question{font-size:1.125rem!important;color:#1e293b!important;font-weight:500;margin-top:1rem!important}.notas-credito-page .modal-transmitir-actions{display:flex;gap:1rem;margin-top:2rem}.notas-credito-page .btn-modal-cancelar{flex:1;padding:1rem 1.5rem;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.notas-credito-page .btn-modal-cancelar:hover:not(:disabled){background:#e2e8f0;color:#475569}.notas-credito-page .btn-modal-confirmar{flex:1.5;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.notas-credito-page .btn-modal-confirmar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.notas-credito-page .btn-modal-confirmar:disabled,.notas-credito-page .btn-modal-cancelar:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 992px){.nc-detalle-info-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.notas-credito-page{padding:1rem}.notas-credito-page .lista-header,.notas-credito-page .header-actions{flex-direction:column;align-items:stretch}.notas-credito-page .search-box{min-width:100%}.notas-credito-page .btn-crear{justify-content:center}.notas-credito-page .tabla-container{overflow-x:auto}.notas-credito-page .tabla-notas{min-width:800px}.notas-credito-page .seleccionar-factura-header{flex-direction:column}.notas-credito-page .filtro-facturas{min-width:100%}.notas-credito-page .facturas-lista-container{overflow-x:auto}.notas-credito-page .tabla-facturas-nc{min-width:700px}.notas-credito-page .factura-seleccionada{flex-direction:column;gap:1rem;align-items:stretch}.notas-credito-page .factura-detalle{flex-direction:column;gap:.5rem}.notas-credito-page .form-actions{flex-direction:column}.notas-credito-page .btn-cancelar,.notas-credito-page .btn-crear-nota{width:100%;justify-content:center}.nc-detalle-info-grid{grid-template-columns:1fr}.nc-detalle-header-section,.nc-detalle-motivo-section,.nc-detalle-cufe-section,.nc-detalle-actions{padding:1.5rem}.nc-detalle-actions{flex-direction:column}.nc-detalle-btn{width:100%;justify-content:center}}@media (max-width: 480px){.notas-credito-page .modal-transmitir{padding:1.5rem}.notas-credito-page .modal-transmitir-icon{width:80px;height:80px}.notas-credito-page .modal-transmitir-icon svg{width:40px;height:40px}.notas-credito-page .modal-transmitir h2{font-size:1.25rem}.notas-credito-page .modal-transmitir-actions{flex-direction:column}.notas-credito-page .btn-modal-cancelar,.notas-credito-page .btn-modal-confirmar{flex:unset;width:100%}}.filtros-fecha-nc{display:flex;align-items:center;gap:8px}.input-fecha-nc{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s}.input-fecha-nc:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-limpiar-fecha{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;cursor:pointer;transition:background .2s}.btn-limpiar-fecha:hover{background:#fecaca}@media (max-width: 768px){.filtros-fecha-nc{flex-wrap:wrap}.input-fecha-nc{flex:1;min-width:120px}}.cm-page{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px;position:relative}.cm-toast{position:fixed;top:100px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-weight:500;font-size:.9rem;z-index:1000;animation:cm-toast-slide .3s ease;box-shadow:0 10px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cm-toast.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cm-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cm-toast.warning{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.cm-toast-icon{display:flex;align-items:center;justify-content:center}.cm-toast-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;transition:background .2s}.cm-toast-close:hover{background:#ffffff4d}@keyframes cm-toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cm-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;gap:20px}.cm-header-left{display:flex;align-items:center;gap:20px}.cm-btn-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;transition:all .2s}.cm-btn-back:hover{background:#e2e8f0;color:#334155}.cm-header-title{display:flex;align-items:center;gap:16px}.cm-header-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:14px;box-shadow:0 4px 12px #3b82f64d}.cm-header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.cm-header-title p{font-size:.875rem;color:#64748b;margin:4px 0 0}.cm-btn-refresh{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.cm-btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.cm-btn-refresh svg{transition:transform .3s}.cm-btn-refresh:hover svg{transform:rotate(180deg)}.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.cm-stat-card{background:#fff;padding:20px;border-radius:14px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;transition:all .2s}.cm-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.cm-stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px}.cm-stat-icon.total{background:linear-gradient(135deg,#dbeafe,#c7d2fe);color:#3b82f6}.cm-stat-icon.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.cm-stat-icon.core{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.cm-stat-icon.disabled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.cm-stat-info{display:flex;flex-direction:column}.cm-stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1}.cm-stat-label{font-size:.8rem;color:#64748b;margin-top:4px}.cm-info-banner{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:14px;margin-bottom:24px}.cm-info-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:#0284c7;flex-shrink:0;box-shadow:0 2px 6px #0284c726}.cm-info-content{flex:1}.cm-info-content strong{color:#0c4a6e;font-size:.95rem}.cm-info-content p{color:#0369a1;font-size:.875rem;margin:6px 0 0;line-height:1.5}.cm-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cm-module-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s}.cm-module-card:hover{box-shadow:0 12px 32px #00000014;transform:translateY(-2px)}.cm-module-card.disabled{opacity:.75}.cm-module-card.disabled .cm-module-icon{filter:grayscale(.5);opacity:.7}.cm-module-card.core{border-left:4px solid #3b82f6}.cm-module-header{display:flex;align-items:flex-start;padding:24px;gap:16px}.cm-module-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;box-shadow:0 4px 12px #00000014}.cm-module-info{flex:1;min-width:0}.cm-module-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cm-module-title-row h3{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}.cm-badge-core{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:.7rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.02em}.cm-module-description{font-size:.85rem;color:#64748b;margin:6px 0 0;line-height:1.4}.cm-module-meta{margin-top:10px}.cm-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#94a3b8}.cm-meta-item svg{color:#60a5fa}.cm-module-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.cm-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.cm-status-badge.active{background:#dcfce7;color:#16a34a}.cm-status-badge.inactive{background:#fee2e2;color:#dc2626}.cm-toggle{position:relative;width:52px;height:28px;background:none;border:none;padding:0;cursor:pointer;transition:all .2s}.cm-toggle.small{width:44px;height:24px}.cm-toggle.locked{cursor:not-allowed;opacity:.6}.cm-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-toggle.off .cm-toggle-track{background:#e2e8f0}.cm-toggle.on .cm-toggle-track{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159}.cm-toggle.locked .cm-toggle-track{background:#94a3b8}.cm-toggle-thumb{position:absolute;top:2px;width:24px;height:24px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-toggle.small .cm-toggle-thumb{width:20px;height:20px;border-radius:10px}.cm-toggle.off .cm-toggle-thumb{left:2px;color:#94a3b8}.cm-toggle.on .cm-toggle-thumb{left:26px;color:#10b981}.cm-toggle.small.on .cm-toggle-thumb{left:22px}.cm-toggle:hover:not(.locked) .cm-toggle-thumb{box-shadow:0 4px 12px #0003}.cm-expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#f8fafc;border:none;border-top:1px solid #e2e8f0;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.cm-expand-btn:hover{background:#f1f5f9;color:#334155}.cm-expand-btn.expanded{background:#e2e8f0}.cm-expand-btn svg{transition:transform .3s}.cm-expand-btn.expanded svg{transform:rotate(180deg)}.cm-items-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px;animation:cm-items-slide .3s ease}@keyframes cm-items-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cm-items-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.cm-items-count{background:#e2e8f0;padding:3px 10px;border-radius:12px;font-size:.7rem;color:#475569}.cm-items-list{display:flex;flex-direction:column;gap:8px}.cm-item{display:flex;align-items:center;padding:14px 16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.cm-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.cm-item.disabled{opacity:.6}.cm-item.disabled .cm-item-icon{opacity:.5}.cm-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:10px;margin-right:14px;flex-shrink:0}.cm-item-info{flex:1;min-width:0}.cm-item-title{display:block;font-weight:600;color:#1e293b;font-size:.9rem}.cm-item-desc{display:block;font-size:.8rem;color:#64748b;margin-top:2px}.cm-item-route{display:block;font-size:.7rem;color:#94a3b8;margin-top:4px;font-family:Consolas,Monaco,monospace}.cm-footer{margin-top:24px;padding:20px 24px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a}.cm-footer-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#64748b;font-size:.875rem;text-align:center}.cm-footer-content svg{color:#60a5fa;flex-shrink:0}.cm-footer-content strong{color:#1e40af}.cm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.cm-loading-spinner{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:16px;animation:cm-spin 1s linear infinite}@keyframes cm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-loading h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.cm-loading p{color:#94a3b8;margin:0}.cm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.cm-error-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;border-radius:20px}.cm-error h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.cm-error p{color:#ef4444;margin:0;max-width:400px}.cm-btn-retry{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.cm-btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}@media (max-width: 1200px){.cm-modules-grid{grid-template-columns:1fr}}@media (max-width: 900px){.cm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cm-page{padding:16px}.cm-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.cm-header-left{flex-direction:column;align-items:flex-start;width:100%}.cm-btn-back{align-self:flex-start}.cm-btn-refresh{width:100%;justify-content:center}.cm-stats{grid-template-columns:repeat(2,1fr);gap:12px}.cm-stat-card{padding:16px}.cm-stat-value{font-size:1.5rem}.cm-module-header{flex-direction:column;gap:16px;padding:20px}.cm-module-actions{flex-direction:row;width:100%;justify-content:space-between}.cm-info-banner{flex-direction:column;gap:12px}.cm-info-icon{align-self:flex-start}.cm-item{flex-direction:column;align-items:flex-start;gap:12px}.cm-item-icon{margin-right:0}.cm-item .cm-toggle{align-self:flex-end}}@media (max-width: 480px){.cm-stats{grid-template-columns:1fr}.cm-header-title{flex-direction:column;align-items:flex-start;gap:12px}.cm-header-title h1{font-size:1.25rem}}.cm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:cm-fade-in .2s ease}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:480px;width:100%;overflow:hidden;animation:cm-modal-slide .3s ease}@keyframes cm-modal-slide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-modal-header{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px 20px;text-align:center;border-bottom:1px solid #f1f5f9}.cm-modal-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cm-modal-icon.critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.cm-modal-icon.high,.cm-modal-icon.medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.cm-modal-header h2{font-size:1.35rem;font-weight:700;color:#1e293b;margin:0}.cm-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.cm-modal-item-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:12px}.cm-modal-label{font-size:.85rem;color:#64748b}.cm-modal-value{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.cm-badge-core.small{padding:2px 8px;font-size:.65rem}.cm-modal-warning{padding:16px;border-radius:12px;border-left:4px solid}.cm-modal-warning.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626}.cm-modal-warning.high,.cm-modal-warning.medium{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb}.cm-modal-warning-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;font-size:.85rem}.cm-modal-warning.critical .cm-modal-warning-header{color:#dc2626}.cm-modal-warning.high .cm-modal-warning-header,.cm-modal-warning.medium .cm-modal-warning-header{color:#2563eb}.cm-modal-warning p{margin:0;font-size:.9rem;line-height:1.5;color:#475569}.cm-modal-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#f0f9ff;border-radius:12px;color:#0369a1;font-size:.8rem;line-height:1.4}.cm-modal-note svg{flex-shrink:0;margin-top:2px}.cm-modal-actions{display:flex;gap:12px;padding:20px 24px 24px;border-top:1px solid #f1f5f9}.cm-modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.cm-modal-btn.cancel{background:#f1f5f9;color:#64748b}.cm-modal-btn.cancel:hover{background:#e2e8f0;color:#475569}.cm-modal-btn.confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.cm-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.cm-modal-btn.confirm.critical{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.cm-modal-btn.confirm.critical:hover{box-shadow:0 6px 16px #ef444466}.cm-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cm-modal-btn .spin{animation:cm-spin 1s linear infinite}@media (max-width: 520px){.cm-modal{margin:16px;border-radius:16px}.cm-modal-header{padding:24px 20px 16px}.cm-modal-icon{width:60px;height:60px}.cm-modal-header h2{font-size:1.2rem}.cm-modal-body{padding:20px}.cm-modal-actions{flex-direction:column-reverse;padding:16px 20px 20px}.cm-modal-btn{width:100%}}.imp-container{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.imp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;flex-wrap:wrap}.imp-titulo{font-size:32px;font-weight:900;color:#1e293b;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.5px;flex:1;text-align:center}.imp-header-acciones{display:flex;gap:12px;align-items:center}.imp-btn-volver{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #64748b4d;min-height:52px}.imp-btn-volver:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64748b66;background:linear-gradient(135deg,#475569,#334155)}.imp-btn-detectar{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f666;min-height:52px}.imp-btn-detectar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.imp-btn-detectar:disabled{opacity:.6;cursor:not-allowed;transform:none}.imp-btn-agregar{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98166;min-height:52px}.imp-btn-agregar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180;background:linear-gradient(135deg,#059669,#047857)}.imp-panel-deteccion{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;border:3px solid #bfdbfe;margin-bottom:28px;overflow:hidden}.imp-panel-deteccion-header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:2px solid #93c5fd}.imp-panel-deteccion-header h3{margin:0;font-size:16px;font-weight:800;color:#1e40af;letter-spacing:-.3px}.imp-panel-deteccion-lista{display:flex;gap:12px;padding:16px 24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bfdbfe #f8fafc}.imp-panel-deteccion-lista::-webkit-scrollbar{height:6px}.imp-panel-deteccion-lista::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.imp-panel-deteccion-lista::-webkit-scrollbar-thumb{background:#bfdbfe;border-radius:4px}.imp-card-os{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;min-width:240px;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.imp-card-os:hover{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f626}.imp-card-os-info{flex:1;min-width:0}.imp-card-os-nombre{font-weight:700;font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imp-badge-predeterminada-os{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d;border-radius:6px;font-size:11px;font-weight:700;margin-top:4px}.imp-btn-agregar-os{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.imp-btn-agregar-os:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.imp-loading,.imp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;font-size:18px;font-weight:700}.imp-loading{color:#10b981}.imp-error{color:#ef4444}.imp-spinner{width:48px;height:48px;border:5px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:imp-spin .8s linear infinite}@keyframes imp-spin{to{transform:rotate(360deg)}}.imp-estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:#94a3b8}.imp-estado-vacio svg{opacity:.4}.imp-estado-vacio h3{margin:0;font-size:22px;font-weight:800;color:#64748b}.imp-estado-vacio p{margin:0;font-size:15px;color:#94a3b8;text-align:center;max-width:360px}.imp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.imp-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;border:3px solid #e2e8f0;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.imp-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000024;border-color:#cbd5e1}.imp-card-header{padding:20px 20px 14px;border-bottom:2px solid #f1f5f9;display:flex;align-items:flex-start;gap:14px}.imp-card-icono{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;border:2px solid #e2e8f0;flex-shrink:0;color:#475569}.imp-card-info{flex:1;min-width:0}.imp-card-nombre{font-size:18px;font-weight:800;color:#1e293b;margin:0 0 4px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imp-card-nombre-sistema{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imp-card-badges{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;border-bottom:2px solid #f1f5f9}.imp-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-weight:800;font-size:12px;border:2px solid;text-transform:uppercase;letter-spacing:.4px}.imp-badge-factura{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.imp-badge-comanda{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f;border-color:#fbbf24}.imp-badge-58mm{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#92400e;border-color:#fb923c}.imp-badge-80mm{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8;border-color:#c084fc}.imp-badge-predeterminada{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.imp-badge-activa{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.imp-badge-inactiva{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.imp-card-body{padding:14px 20px;flex:1;display:flex;flex-direction:column;gap:10px}.imp-card-fila{display:flex;align-items:center;justify-content:space-between;gap:8px}.imp-card-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.imp-card-valor{font-size:14px;font-weight:600;color:#475569;text-align:right}.imp-toggle-wrapper{display:flex;align-items:center;gap:10px}.imp-toggle{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.imp-toggle input{opacity:0;width:0;height:0;position:absolute}.imp-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:26px;transition:all .25s ease}.imp-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .25s ease;box-shadow:0 2px 6px #0003}.imp-toggle input:checked+.imp-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.imp-toggle input:checked+.imp-toggle-slider:before{transform:translate(24px)}.imp-toggle-texto{font-size:13px;font-weight:700;color:#475569}.imp-copias-resumen{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:10px 12px}.imp-copias-resumen-titulo{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.imp-copias-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;padding:2px 0}.imp-copias-item-copias{font-weight:700;color:#8b5cf6}.imp-card-acciones{display:flex;gap:6px;padding:14px 20px;border-top:2px solid #f1f5f9;flex-wrap:wrap}.imp-btn-accion{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.imp-btn-editar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.imp-btn-editar:hover{transform:scale(1.12);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.imp-btn-predeterminada{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.imp-btn-predeterminada:hover{transform:scale(1.12);box-shadow:0 4px 12px #f59e0b4d;background:linear-gradient(135deg,#fde68a,#fcd34d)}.imp-btn-test{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.imp-btn-test:hover{transform:scale(1.12);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#a7f3d0,#6ee7b7)}.imp-btn-test:disabled{opacity:.5;cursor:not-allowed;transform:none}.imp-btn-copias{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6b21a8;border-color:#c084fc}.imp-btn-copias:hover{transform:scale(1.12);box-shadow:0 4px 12px #8b5cf64d;background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.imp-btn-eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.imp-btn-eliminar:hover{transform:scale(1.12);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#fecaca,#fca5a5)}.imp-toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:700;box-shadow:0 12px 32px #0003;z-index:2000;animation:imp-slideIn .3s ease;max-width:420px}.imp-toast-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:3px solid #6ee7b7}.imp-toast-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:3px solid #fca5a5}@keyframes imp-slideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.imp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.imp-modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 64px #0000004d;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;border:4px solid #e2e8f0}.imp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:3px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.imp-modal-header h2{margin:0;font-size:22px;font-weight:900;color:#1e293b;letter-spacing:-.5px}.imp-btn-cerrar-modal{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.imp-btn-cerrar-modal:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#fecaca,#fca5a5)}.imp-modal-form{padding:28px}.imp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.imp-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.imp-form-group:last-child{margin-bottom:0}.imp-form-group label{font-weight:700;font-size:14px;color:#334155;text-transform:uppercase;letter-spacing:.5px}.imp-requerido{color:#ef4444;font-weight:900}.imp-form-group input[type=text],.imp-form-group input[type=number],.imp-form-group select,.imp-form-group textarea{padding:14px 16px;border:3px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s ease;background:#fff;font-family:inherit}.imp-form-group input:focus,.imp-form-group select:focus,.imp-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.imp-campo-ayuda{font-size:12px;color:#64748b;font-style:italic}.imp-radio-group{display:flex;gap:12px;margin-top:4px}.imp-radio-opcion{display:flex;align-items:center;gap:10px;padding:12px 20px;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;flex:1;font-weight:700;font-size:15px;color:#475569;background:#fff}.imp-radio-opcion:hover{border-color:#10b981;background:#f0fdf4}.imp-radio-opcion.imp-radio-seleccionado{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 0 0 3px #10b98126}.imp-radio-opcion input[type=radio]{accent-color:#10b981;width:18px;height:18px;cursor:pointer}.imp-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:3px solid #e2e8f0;margin-top:8px}.imp-btn-cancelar{padding:14px 28px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e1;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:52px}.imp-btn-cancelar:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.imp-btn-guardar{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98166;min-height:52px}.imp-btn-guardar:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.imp-btn-guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.imp-modal-copias{max-width:560px}.imp-copias-tabla{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.imp-copias-tabla thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.imp-copias-tabla th{padding:14px 16px;text-align:left;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.imp-copias-tabla tbody tr{border-bottom:2px solid #f1f5f9;transition:background .15s ease}.imp-copias-tabla tbody tr:last-child{border-bottom:none}.imp-copias-tabla tbody tr:hover{background:#f8fafc}.imp-copias-tabla td{padding:12px 16px;font-size:14px;color:#475569;vertical-align:middle}.imp-copias-tabla td:first-child{font-weight:700;color:#1e293b}.imp-input-copias{width:80px;padding:8px 12px;border:3px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:700;color:#1e293b;text-align:center;transition:all .2s ease;background:#fff}.imp-input-copias:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.imp-modal-confirmar{max-width:440px}.imp-confirmar-body{padding:28px;text-align:center}.imp-confirmar-icono{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:3px solid #fca5a5;border-radius:50%;margin:0 auto 20px;color:#dc2626}.imp-confirmar-titulo{font-size:20px;font-weight:900;color:#1e293b;margin:0 0 10px}.imp-confirmar-mensaje{font-size:15px;color:#64748b;margin:0;line-height:1.5}.imp-confirmar-nombre{font-weight:800;color:#dc2626}.imp-btn-eliminar-confirmar{padding:14px 28px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef444466;min-height:52px}.imp-btn-eliminar-confirmar:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.imp-error-inline{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:12px;color:#991b1b;font-size:14px;font-weight:600;margin-bottom:24px}@media (max-width: 1400px){.imp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.imp-container{padding:16px}.imp-header{flex-direction:column;align-items:stretch;gap:12px}.imp-titulo{text-align:center;font-size:24px}.imp-header-acciones{flex-direction:column}.imp-btn-volver,.imp-btn-detectar,.imp-btn-agregar{width:100%;justify-content:center}.imp-grid,.imp-form-row{grid-template-columns:1fr}.imp-modal-content{max-height:95vh}.imp-radio-group{flex-direction:column}.imp-toast{bottom:16px;right:16px;left:16px;max-width:none}}.imp-categorias-resumen{margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px}.imp-categorias-resumen-titulo{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#78350f;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.3px}.imp-categorias-count{margin-left:auto;background:#fbbf24;color:#78350f;padding:.1rem .5rem;border-radius:10px;font-size:.7rem;min-width:1.5rem;text-align:center}.imp-categorias-chips{display:flex;flex-wrap:wrap;gap:.3rem}.imp-categoria-chip{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid;white-space:nowrap}.imp-categorias-vacio{font-size:.75rem;color:#92400e;line-height:1.4;padding:.3rem 0}.imp-categorias-vacio em{color:#78350f;font-weight:500;font-style:normal}.gs-container{padding:24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh;animation:gs-fadeIn .25s ease}@keyframes gs-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gs-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:16px;padding:24px 28px;margin-bottom:28px;box-shadow:0 8px 24px #3b82f64d;flex-wrap:wrap}.gs-btn-volver{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;white-space:nowrap}.gs-btn-volver:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.gs-header-center{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.gs-header-icon{width:52px;height:52px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.gs-titulo{margin:0 0 4px;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.gs-subtitulo{margin:0;font-size:14px;color:#fffc;font-weight:400}.gs-btn-nuevo-salon{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;color:#1e40af;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026;flex-shrink:0;white-space:nowrap}.gs-btn-nuevo-salon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f0f9ff}.gs-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:2px solid #e2e8f0;margin-bottom:24px;overflow:hidden}.gs-section--mesas{border-color:#bfdbfe;box-shadow:0 4px 20px #3b82f61a}.gs-section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-wrap:wrap;gap:12px}.gs-section--mesas .gs-section-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#bfdbfe}.gs-section-titulo{margin:0;font-size:17px;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.gs-section-titulo-salon{color:#2563eb}.gs-section-header-actions{display:flex;align-items:center;gap:12px}.gs-modo-global-section{margin-bottom:20px}.gs-modo-global-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:18px 24px;color:#fff;gap:16px}.gs-modo-global-info{display:flex;align-items:center;gap:14px}.gs-modo-global-info h3{margin:0;font-size:15px;font-weight:700}.gs-modo-global-info p{margin:2px 0 0;font-size:12.5px;color:#94a3b8}.gs-modo-global-toggle{display:flex;background:#ffffff1a;border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.gs-modo-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.gs-modo-btn:hover{color:#fff;background:#ffffff1a}.gs-modo-btn--active{background:#fff;color:#1e293b;box-shadow:0 2px 6px #0003}.gs-modo-btn--active:hover{background:#fff;color:#1e293b}.gs-modo-btn:disabled{opacity:.5;cursor:not-allowed}.gs-vista-toggle{display:flex;background:#e2e8f0;border-radius:8px;padding:3px;gap:2px}.gs-vista-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.gs-vista-btn:hover{color:#334155;background:#ffffff80}.gs-vista-btn--active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.gs-vista-btn--active:hover{background:#fff;color:#1e293b}.gs-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff;border-radius:20px;font-size:12px;font-weight:800}.gs-btn-nueva-mesa{display:flex;align-items:center;gap:7px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #3b82f659}.gs-btn-nueva-mesa:hover{transform:translateY(-2px);box-shadow:0 5px 16px #3b82f673;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.gs-estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 24px;color:#94a3b8}.gs-estado-vacio--mesas{padding:48px 24px}.gs-estado-vacio svg{opacity:.35}.gs-estado-vacio h3{margin:0;font-size:20px;font-weight:800;color:#64748b}.gs-estado-vacio p{margin:0;font-size:14px;color:#94a3b8;text-align:center;max-width:340px;line-height:1.5}.gs-salones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px}.gs-salon-card{position:relative;background:#fff;border-radius:14px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;overflow:hidden;outline:none}.gs-salon-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#93c5fd}.gs-salon-card:focus-visible{box-shadow:0 0 0 3px #3b82f666}.gs-salon-card--selected{border:2px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff);box-shadow:0 4px 20px #3b82f633}.gs-salon-card--selected:hover{transform:translateY(-3px);box-shadow:0 8px 28px #3b82f640}.gs-salon-selected-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:0 0 12px 12px}.gs-salon-card-header{display:flex;align-items:flex-start;gap:12px;padding:18px 16px 12px}.gs-salon-icon{width:44px;height:44px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:2px solid #93c5fd;display:flex;align-items:center;justify-content:center;color:#1e40af;flex-shrink:0}.gs-salon-info{flex:1;min-width:0}.gs-salon-nombre{margin:0 0 4px;font-size:16px;font-weight:800;color:#1e293b;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-salon-descripcion{margin:0;font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gs-salon-acciones{display:flex;gap:6px;flex-shrink:0}.gs-salon-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;border-top:1px solid #f1f5f9}.gs-salon-mesas-count{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#64748b}.gs-mesas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 24px}.gs-mesa-card{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.gs-mesa-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a;border-color:#94a3b8}.gs-mesa-color-bar{height:5px;width:100%;flex-shrink:0}.gs-mesa-card-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:10px}.gs-mesa-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.gs-mesa-numero-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.gs-mesa-numero{font-size:18px;font-weight:900;color:#1e293b;letter-spacing:-.5px;line-height:1}.gs-mesa-nombre-custom{font-size:12px;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.gs-mesa-acciones{display:flex;gap:5px;flex-shrink:0}.gs-mesa-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gs-mesa-capacidad{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#64748b}.gs-mesa-forma-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:11px;font-weight:700;text-transform:capitalize;border:1px solid #e2e8f0}.gs-mesa-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f1f5f9}.gs-mesa-color-dot-row{display:flex;align-items:center;gap:6px}.gs-mesa-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.gs-mesa-color-label{font-size:11px;font-weight:600;color:#94a3b8;font-family:monospace}.gs-badge-estado{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.gs-badge-activo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.gs-badge-inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.gs-btn-accion{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid transparent;border-radius:9px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gs-btn-editar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.gs-btn-editar:hover{transform:scale(1.12);box-shadow:0 3px 10px #3b82f64d;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.gs-btn-eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.gs-btn-eliminar:hover{transform:scale(1.12);box-shadow:0 3px 10px #ef44444d;background:linear-gradient(135deg,#fecaca,#fca5a5)}.gs-loading,.gs-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;font-size:17px;font-weight:700}.gs-loading{color:#3b82f6}.gs-error-state{color:#ef4444}.gs-spinner{width:48px;height:48px;border:5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:gs-spin .8s linear infinite}@keyframes gs-spin{to{transform:rotate(360deg)}}.gs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gs-modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 64px #00000047;max-width:500px;width:100%;max-height:92vh;overflow-y:auto;border:3px solid #e2e8f0;animation:gs-modalIn .2s ease}@keyframes gs-modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.gs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:17px 17px 0 0}.gs-modal-header-left{display:flex;align-items:center;gap:12px;color:#1e293b}.gs-modal-header-left h2{margin:0;font-size:20px;font-weight:900;color:#1e293b;letter-spacing:-.4px}.gs-btn-cerrar-modal{width:40px;height:40px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gs-btn-cerrar-modal:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#fecaca,#fca5a5)}.gs-modal-form{padding:24px}.gs-form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.gs-form-group:last-child{margin-bottom:0}.gs-form-group label{font-size:13px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.gs-requerido{color:#ef4444;font-weight:900}.gs-form-group input[type=text],.gs-form-group input[type=number],.gs-form-group select,.gs-form-group textarea{padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#1e293b;background:#fff;font-family:inherit;transition:all .2s ease}.gs-form-group input:focus,.gs-form-group select:focus,.gs-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.gs-form-group textarea{resize:vertical;min-height:80px}.gs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gs-toggle-row{display:flex;align-items:center;gap:12px;padding:8px 0}.gs-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.gs-toggle input{opacity:0;width:0;height:0;position:absolute}.gs-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:26px;transition:background .25s ease}.gs-toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 6px #0000002e}.gs-toggle input:checked+.gs-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.gs-toggle input:checked+.gs-toggle-slider:before{transform:translate(22px)}.gs-toggle-texto{font-size:14px;font-weight:700;color:#475569}.gs-forma-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gs-forma-opcion{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .18s ease;font-size:12px;font-weight:700;color:#64748b;text-align:center}.gs-forma-opcion:hover{border-color:#93c5fd;background:#eff6ff;color:#1e40af}.gs-forma-opcion--selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 0 0 3px #3b82f626}.gs-colores-grid{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0}.gs-color-opcion{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0;box-shadow:0 2px 6px #00000026}.gs-color-opcion:hover{transform:scale(1.15);box-shadow:0 4px 12px #0003}.gs-color-opcion--selected{border-color:#fff;outline:3px solid #1e293b;transform:scale(1.1);box-shadow:0 4px 14px #00000040}.gs-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:2px solid #e2e8f0;margin-top:4px}.gs-btn-cancelar{padding:12px 24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:46px}.gs-btn-cancelar:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.gs-btn-guardar{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f666;min-height:46px}.gs-btn-guardar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 18px #3b82f680}.gs-toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:0 12px 32px #0000002e;z-index:2000;animation:gs-slideIn .3s ease;max-width:400px}.gs-toast--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #6ee7b7}.gs-toast--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5}@keyframes gs-slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.gs-mesas-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.gs-salones-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.gs-container{padding:16px}.gs-page-header{padding:18px 20px;gap:14px}.gs-titulo{font-size:20px}.gs-subtitulo{display:none}.gs-btn-volver{padding:8px 14px;font-size:13px}.gs-btn-nuevo-salon{padding:10px 16px;font-size:13px}.gs-salones-grid{grid-template-columns:1fr;padding:16px}.gs-mesas-grid{grid-template-columns:repeat(2,1fr);padding:16px}.gs-forma-grid{grid-template-columns:repeat(2,1fr)}.gs-form-row{grid-template-columns:1fr}.gs-modal-content{max-height:95vh}.gs-toast{bottom:16px;right:16px;left:16px;max-width:none}}@media (max-width: 480px){.gs-mesas-grid{grid-template-columns:1fr}.gs-header-center{display:none}}.editor-diseno-mesas{display:flex;flex-direction:column;height:calc(100vh - 200px);background:#f5f7fa;border-radius:12px;overflow:hidden;position:relative}.editor-toolbar{background:#fff;border-bottom:2px solid #e0e0e0;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.toolbar-section{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #e0e0e0}.toolbar-section:last-child{border-right:none}.btn-toolbar{padding:8px 12px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#2c3e50}.btn-toolbar:hover:not(:disabled){background:#e3f2fd;border-color:#3498db;color:#2d3748}.btn-toolbar:disabled{opacity:.4;cursor:not-allowed}.btn-toolbar.active{background:#2d3748;border-color:#2d3748;color:#fff}.zoom-indicator{min-width:60px;text-align:center;font-weight:600;font-size:14px;color:#2c3e50}.toolbar-info{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px;color:#7f8c8d;font-weight:600}.editor-canvas-container{flex:1;overflow:hidden;position:relative;background:#ecf0f1;cursor:grab}.editor-canvas-container:active{cursor:grabbing}.editor-canvas{position:relative;background:#fff;box-shadow:0 4px 12px #0000001a;margin:20px}.editor-canvas.show-grid{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:50px 50px}.canvas-empty-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#bdc3c7;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-empty-message svg{margin-bottom:16px}.canvas-empty-message p{margin:8px 0;font-size:15px}.properties-panel{position:absolute;top:80px;right:20px;width:280px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #e0e0e0}.panel-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.panel-body{padding:20px;max-height:400px;overflow-y:auto}.property-group{margin-bottom:16px}.property-group label{display:block;font-size:13px;font-weight:600;color:#7f8c8d;margin-bottom:8px;text-transform:uppercase}.property-value{padding:10px 12px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#2c3e50;font-weight:600}.property-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-input{padding:10px 12px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#2c3e50;font-weight:600;text-align:center}.property-input:focus{outline:none;border-color:#3498db}.editor-help{position:absolute;bottom:20px;left:20px;background:#2c3e50e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.6;max-width:300px;z-index:100}.editor-help p{margin:4px 0}.editor-help strong{font-weight:700}.mesas-sin-posicion-panel{position:absolute;top:80px;left:20px;width:280px;max-height:calc(100vh - 320px);background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:1000}.mesas-sin-posicion-panel .panel-header{background:#2d3748;color:#fff!important;padding:12px 16px;border-bottom:2px solid #1a202c;cursor:move;-webkit-user-select:none;user-select:none}.mesas-sin-posicion-panel .panel-header h3{margin:0;font-size:14px;font-weight:600;color:#fff!important}.panel-lista{padding:12px;max-height:400px;overflow-y:auto}.mesa-item-lista{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.mesa-item-lista:hover{border-color:#3498db;background:#e3f2fd;transform:translate(4px)}.mesa-item-info{display:flex;align-items:center;gap:8px;flex:1}.mesa-item-info .mesa-numero{font-weight:600;color:#2c3e50;font-size:14px}.mesa-item-info .mesa-capacidad{color:#7f8c8d;font-size:12px;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #e0e0e0}.btn-agregar-mesa{padding:6px;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-agregar-mesa:hover{background:#2980b9;transform:scale(1.1)}.btn-auto-position{gap:8px!important;padding:8px 16px!important}.btn-auto-position span{font-size:13px;font-weight:600}.icon-gallery-panel{position:absolute;left:20px;top:80px;width:320px;max-height:calc(100vh - 200px);background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;z-index:100;overflow:hidden}.icon-gallery-panel .panel-header{background:#2d3748;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a202c}.icon-gallery-panel .panel-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.icon-gallery-panel .panel-header .btn-icon{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-gallery-panel .panel-header .btn-icon:hover{background:#ffffff4d}.gallery-tabs{display:flex;border-bottom:2px solid #e0e0e0;background:#f8f9fa}.gallery-tab{flex:1;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#7f8c8d;transition:all .2s;position:relative}.gallery-tab:hover{background:#3498db1a;color:#3498db}.gallery-tab.active{color:#3498db;background:#fff}.gallery-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#3498db}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 300px);align-content:start}.gallery-grid::-webkit-scrollbar{width:8px}.gallery-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.gallery-grid::-webkit-scrollbar-thumb:hover{background:#555}.gallery-item{aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;min-height:0;overflow:hidden;position:relative}.gallery-item:hover{border-color:#3498db;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.gallery-item img{width:100%;height:auto;max-height:65%;object-fit:contain;flex-shrink:0}.icon-name{font-size:9px;color:#7f8c8d;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:500;line-height:1.2;padding:0 2px}@media (max-width: 1024px){.properties-panel{top:auto;bottom:80px;right:10px;width:240px}.editor-help{display:none}.toolbar-section{padding:0 8px}.toolbar-info{font-size:12px}}@media (max-width: 768px){.editor-diseno-mesas{height:calc(100vh - 150px)}.editor-toolbar{padding:10px;gap:8px}.toolbar-section{padding:0 4px}.btn-toolbar{padding:6px 10px}.zoom-indicator{min-width:50px;font-size:13px}.properties-panel{width:calc(100% - 20px);right:10px;left:10px;bottom:10px}.panel-body{max-height:200px}}.properties-panel{animation:fadeIn .2s ease-out}[data-theme=dark] .editor-diseno-mesas{background:var(--color-surface-dark)}[data-theme=dark] .editor-toolbar{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .toolbar-section{border-color:var(--color-border)}[data-theme=dark] .btn-toolbar{background:var(--color-surface-dark);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .btn-toolbar:hover:not(:disabled){background:#4a90d933;border-color:var(--color-primary);color:var(--color-text-primary)}[data-theme=dark] .btn-toolbar.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .zoom-indicator{color:var(--color-text-primary)}[data-theme=dark] .toolbar-info{color:var(--color-text-secondary)}[data-theme=dark] .editor-canvas-container{background:var(--color-background)}[data-theme=dark] .editor-canvas{background:var(--color-surface);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .editor-canvas.show-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}[data-theme=dark] .canvas-empty-message{color:var(--color-text-light)}[data-theme=dark] .properties-panel{background:var(--color-surface);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .panel-header{border-color:var(--color-border)}[data-theme=dark] .panel-header h3{color:var(--color-text-primary)}[data-theme=dark] .panel-body{background:var(--color-surface)}[data-theme=dark] .property-group label{color:var(--color-text-secondary)}[data-theme=dark] .property-value{background:var(--color-surface-dark);color:var(--color-text-primary)}[data-theme=dark] .property-input{background:var(--color-surface-dark);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .property-input:focus{border-color:var(--color-primary)}[data-theme=dark] .editor-help{background:#000c}[data-theme=dark] .mesas-sin-posicion-panel{background:var(--color-surface);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .panel-lista{background:var(--color-surface)}[data-theme=dark] .mesa-item-lista{background:var(--color-surface-dark);border-color:var(--color-border)}[data-theme=dark] .mesa-item-lista:hover{border-color:var(--color-primary);background:#4a90d933}[data-theme=dark] .mesa-item-info .mesa-numero{color:var(--color-text-primary)}[data-theme=dark] .mesa-item-info .mesa-capacidad{color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .icon-gallery-panel{background:var(--color-surface);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .gallery-tabs{background:var(--color-surface-dark);border-color:var(--color-border)}[data-theme=dark] .gallery-tab{color:var(--color-text-secondary)}[data-theme=dark] .gallery-tab:hover{background:#4a90d91a;color:var(--color-primary)}[data-theme=dark] .gallery-tab.active{color:var(--color-primary);background:var(--color-surface)}[data-theme=dark] .gallery-grid{background:var(--color-surface)}[data-theme=dark] .gallery-grid::-webkit-scrollbar-track{background:var(--color-surface-dark)}[data-theme=dark] .gallery-grid::-webkit-scrollbar-thumb{background:#4a5568}[data-theme=dark] .gallery-grid::-webkit-scrollbar-thumb:hover{background:#718096}[data-theme=dark] .gallery-item{background:var(--color-surface-dark);border-color:var(--color-border)}[data-theme=dark] .gallery-item:hover{border-color:var(--color-primary);background:#4a90d926;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .icon-name{color:var(--color-text-secondary)}.gzc-container{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.gzc-loading,.gzc-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:380px;font-size:17px;font-weight:700}.gzc-loading{color:#ef4444}.gzc-loading--inline{min-height:160px;font-size:15px}.gzc-error-state{color:#ef4444}.gzc-spinner{width:44px;height:44px;border:5px solid #e2e8f0;border-top-color:#ef4444;border-radius:50%;animation:gzc-spin .8s linear infinite}@keyframes gzc-spin{to{transform:rotate(360deg)}}.gzc-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;flex-wrap:wrap}.gzc-btn-volver{display:flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #64748b4d;white-space:nowrap;min-height:48px;flex-shrink:0}.gzc-btn-volver:hover{transform:translateY(-2px);box-shadow:0 6px 18px #64748b66;background:linear-gradient(135deg,#475569,#334155)}.gzc-header-titulo{display:flex;align-items:center;gap:16px;flex:1}.gzc-header-icono{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:14px;color:#fff;flex-shrink:0;box-shadow:0 6px 16px #ef444459}.gzc-header-titulo h1{font-size:26px;font-weight:900;color:#1e293b;margin:0 0 4px;letter-spacing:-.5px}.gzc-header-titulo p{font-size:14px;color:#64748b;margin:0}.gzc-tabs{display:flex;gap:6px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px 16px #00000012;border:2px solid #e2e8f0;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.gzc-tabs::-webkit-scrollbar{display:none}.gzc-tab{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;border:none;font-size:14px;font-weight:700;color:#64748b;background:transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.gzc-tab:hover{background:#f1f5f9;color:#334155}.gzc-tab--activa{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444459}.gzc-tab--activa:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.gzc-tab-contenido{animation:gzc-fadeIn .25s ease}@keyframes gzc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gzc-tab-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.gzc-tab-info{display:flex;gap:10px;align-items:center}.gzc-count-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:700;color:#475569}.gzc-count-badge--activa{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.gzc-btn-nueva-zona{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef444459;min-height:46px}.gzc-btn-nueva-zona:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ef444473;background:linear-gradient(135deg,#dc2626,#b91c1c)}.gzc-estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:72px 24px;color:#94a3b8}.gzc-estado-vacio svg{opacity:.35;color:#94a3b8}.gzc-estado-vacio h3{margin:0;font-size:22px;font-weight:800;color:#64748b}.gzc-estado-vacio p{margin:0;font-size:15px;color:#94a3b8;text-align:center;max-width:360px}.gzc-zonas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gzc-zona-card{background:#fff;border-radius:16px;border:3px solid #e2e8f0;border-left:5px solid var(--zona-color, #3b82f6);box-shadow:0 4px 14px #00000012;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.gzc-zona-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000021}.gzc-zona-card-header{display:flex;align-items:flex-start;gap:14px;padding:18px 18px 12px;border-bottom:2px solid #f1f5f9}.gzc-zona-color-swatch{width:36px;height:36px;border-radius:50%;flex-shrink:0;border:3px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000002e}.gzc-zona-info{flex:1;min-width:0}.gzc-zona-nombre{font-size:17px;font-weight:800;color:#1e293b;margin:0 0 4px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gzc-zona-descripcion{font-size:13px;color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gzc-zona-tiempos{display:flex;align-items:center;gap:8px;padding:10px 18px;flex-wrap:wrap}.gzc-tiempos-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.gzc-tiempo-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:800;border:2px solid}.gzc-tiempo-badge--amarillo{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.gzc-tiempo-badge--naranja{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#9a3412;border-color:#fb923c}.gzc-tiempo-badge--rojo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.gzc-zona-meta{display:flex;align-items:center;gap:8px;padding:8px 18px;font-size:13px;color:#64748b;font-weight:600}.gzc-badge-estado{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;border:2px solid;flex-shrink:0;white-space:nowrap}.gzc-badge-estado--activa{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.gzc-badge-estado--inactiva{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border-color:#cbd5e1}.gzc-zona-acciones{display:flex;gap:8px;padding:12px 18px;border-top:2px solid #f1f5f9;margin-top:auto}.gzc-btn-accion{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gzc-btn-editar{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.gzc-btn-editar:hover{transform:scale(1.12);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.gzc-btn-tiempos{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.gzc-btn-tiempos:hover{transform:scale(1.12);box-shadow:0 4px 12px #f59e0b4d;background:linear-gradient(135deg,#fde68a,#fcd34d)}.gzc-btn-eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.gzc-btn-eliminar:hover{transform:scale(1.12);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#fecaca,#fca5a5)}.gzc-ruteo-intro{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.gzc-ruteo-intro svg{color:#ef4444;flex-shrink:0;margin-top:2px}.gzc-ruteo-intro p{margin:0;font-size:14px;color:#475569;line-height:1.6}.gzc-ruteo-tabla-wrapper{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 14px #00000012}.gzc-ruteo-tabla{width:100%;border-collapse:collapse}.gzc-ruteo-tabla thead{background:linear-gradient(135deg,#1e293b,#334155)}.gzc-ruteo-tabla th{padding:14px 18px;text-align:left;font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.8px}.gzc-ruteo-fila{border-bottom:2px solid #f1f5f9;transition:background .15s ease}.gzc-ruteo-fila:last-child{border-bottom:none}.gzc-ruteo-fila:hover{background:#f8fafc}.gzc-ruteo-fila--sin-asignar{border-left:3px dashed #cbd5e1}.gzc-ruteo-tabla td{padding:14px 18px;vertical-align:middle}.gzc-ruteo-td-cat{display:flex;align-items:center;gap:10px}.gzc-cat-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0003}.gzc-cat-nombre{font-size:14px;font-weight:700;color:#1e293b}.gzc-ruteo-td-zona{display:flex;align-items:center;gap:10px}.gzc-zona-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0003}.gzc-ruteo-select{padding:9px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s ease;min-width:190px;font-family:inherit}.gzc-ruteo-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.gzc-badge-ruteo{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:800;border:2px solid}.gzc-badge-ruteo--asignada{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.gzc-badge-ruteo--libre{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border-color:#cbd5e1}.gzc-kds-form{display:flex;flex-direction:column;gap:20px}.gzc-kds-seccion{background:#fff;border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 4px 14px #00000012;overflow:hidden}.gzc-kds-seccion-header{display:flex;align-items:center;gap:12px;padding:16px 22px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0}.gzc-kds-seccion-header svg{color:#ef4444;flex-shrink:0}.gzc-kds-seccion-header h2{margin:0;font-size:16px;font-weight:800;color:#1e293b;letter-spacing:-.2px}.gzc-kds-seccion-body{padding:6px 0}.gzc-modo-grupo{display:flex;gap:12px;padding:18px 22px;flex-wrap:wrap}.gzc-modo-opcion{display:flex;align-items:center;gap:10px;padding:14px 22px;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;flex:1;min-width:130px;font-size:15px;font-weight:700;color:#475569;background:#fff}.gzc-modo-opcion:hover{border-color:#ef4444;background:#fff5f5;color:#dc2626}.gzc-modo-opcion--activa{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b;box-shadow:0 0 0 3px #ef44441f}.gzc-modo-opcion--activa svg{color:#dc2626}.gzc-modo-opcion input[type=radio]{position:absolute;opacity:0;width:0;height:0}.gzc-kds-fila{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #f1f5f9;transition:background .15s ease}.gzc-kds-fila:last-child{border-bottom:none}.gzc-kds-fila:hover{background:#fafbfc}.gzc-kds-fila--sub{background:#f8fafc;border-left:4px solid #fcd34d;padding-left:30px}.gzc-kds-fila--sub:hover{background:#f1f5f9}.gzc-kds-fila-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.gzc-kds-fila-label{font-size:15px;font-weight:700;color:#1e293b}.gzc-kds-fila-desc{font-size:13px;color:#64748b}.gzc-kds-input-num{width:80px;padding:10px 12px;border:3px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:700;color:#1e293b;text-align:center;transition:all .2s ease;background:#fff;font-family:inherit;flex-shrink:0}.gzc-kds-input-num:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.gzc-kds-footer{display:flex;justify-content:flex-end;padding:4px 0 8px}.gzc-btn-guardar-kds{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 5px 16px #ef444466;min-height:52px}.gzc-btn-guardar-kds:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ef444480;background:linear-gradient(135deg,#dc2626,#b91c1c)}.gzc-btn-guardar-kds:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.gzc-toggle{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0;cursor:pointer}.gzc-toggle input{opacity:0;width:0;height:0;position:absolute}.gzc-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:background .25s ease}.gzc-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 6px #0003}.gzc-toggle input:checked+.gzc-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.gzc-toggle input:checked+.gzc-toggle-slider:before{transform:translate(22px)}.gzc-toggle-row{display:flex;align-items:center;gap:10px}.gzc-toggle-texto{font-size:14px;font-weight:700;color:#475569}.gzc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:gzc-overlayIn .2s ease}@keyframes gzc-overlayIn{0%{opacity:0}to{opacity:1}}.gzc-modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 64px #0000004d;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border:4px solid #e2e8f0;animation:gzc-modalIn .25s cubic-bezier(.4,0,.2,1)}@keyframes gzc-modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gzc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:3px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.gzc-modal-header h2{margin:0;font-size:20px;font-weight:900;color:#1e293b;letter-spacing:-.4px}.gzc-btn-cerrar-modal{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gzc-btn-cerrar-modal:hover{transform:scale(1.1) rotate(90deg);background:linear-gradient(135deg,#fecaca,#fca5a5)}.gzc-modal-form{padding:24px 26px}.gzc-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:22px;border-top:2px solid #e2e8f0;margin-top:8px}.gzc-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.gzc-form-group:last-child{margin-bottom:0}.gzc-form-group label{font-size:13px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px}.gzc-form-group--toggle{justify-content:flex-start}.gzc-requerido{color:#ef4444;font-weight:900}.gzc-form-group input[type=text],.gzc-form-group input[type=number],.gzc-form-group textarea{padding:13px 15px;border:3px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s ease;background:#fff;font-family:inherit}.gzc-form-group input:focus,.gzc-form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.gzc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gzc-color-picker{display:flex;flex-direction:column;gap:12px}.gzc-colores-preset{display:flex;gap:8px;flex-wrap:wrap}.gzc-color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.7);box-shadow:0 2px 6px #0003;cursor:pointer;transition:all .2s ease}.gzc-color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px #0000004d}.gzc-color-swatch--seleccionado{transform:scale(1.18);box-shadow:0 0 0 3px #fff,0 0 0 5px #1e293b}.gzc-color-custom{display:flex;align-items:center;gap:12px}.gzc-color-custom input[type=color]{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:3px;background:#fff}.gzc-color-hex{font-size:13px;font-weight:700;color:#64748b;font-family:monospace}.gzc-tiempos-zona-nombre{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#1e293b;margin-bottom:8px}.gzc-tiempos-zona-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0003}.gzc-tiempos-ayuda{font-size:13px;color:#64748b;margin:0 0 18px;line-height:1.5}.gzc-tiempos-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:13px;font-weight:700;margin-bottom:18px}.gzc-tiempo-fila{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f1f5f9}.gzc-tiempo-fila:last-of-type{border-bottom:none;margin-bottom:0}.gzc-tiempo-indicador{width:14px;height:48px;border-radius:4px;flex-shrink:0}.gzc-tiempo-indicador--amarillo{background:linear-gradient(to bottom,#fef3c7,#fcd34d)}.gzc-tiempo-indicador--naranja{background:linear-gradient(to bottom,#ffedd5,#fb923c)}.gzc-tiempo-indicador--rojo{background:linear-gradient(to bottom,#fee2e2,#ef4444)}.gzc-tiempo-info{flex:1;display:flex;flex-direction:column;gap:3px}.gzc-tiempo-etiqueta{font-size:15px;font-weight:800;color:#1e293b}.gzc-tiempo-sub{font-size:12px;color:#64748b}.gzc-tiempo-input-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.gzc-tiempo-input{width:72px;padding:10px 12px;border:3px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:700;color:#1e293b;text-align:center;transition:all .2s ease;background:#fff;font-family:inherit}.gzc-tiempo-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.gzc-tiempo-unidad{font-size:14px;font-weight:700;color:#64748b;min-width:28px}.gzc-btn-cancelar{padding:13px 26px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:2px solid #cbd5e1;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-height:48px}.gzc-btn-cancelar:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.gzc-btn-guardar{display:flex;align-items:center;gap:8px;padding:13px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98166;min-height:48px}.gzc-btn-guardar:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 18px #10b98180}.gzc-toast{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:12px;padding:15px 22px;border-radius:14px;font-size:15px;font-weight:700;box-shadow:0 12px 32px #0003;z-index:2000;animation:gzc-slideIn .3s ease;max-width:400px}.gzc-toast--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:3px solid #6ee7b7}.gzc-toast--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:3px solid #fca5a5}@keyframes gzc-slideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.gzc-zonas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.gzc-form-row{grid-template-columns:1fr}.gzc-modo-grupo{flex-direction:column}.gzc-modo-opcion{flex:none}}@media (max-width: 768px){.gzc-container{padding:16px}.gzc-header{flex-direction:column;align-items:stretch}.gzc-header-titulo h1{font-size:20px}.gzc-btn-volver{width:100%;justify-content:center}.gzc-tabs{gap:4px;padding:4px}.gzc-tab{padding:10px 14px;font-size:13px;flex:1;justify-content:center}.gzc-zonas-grid{grid-template-columns:1fr}.gzc-tab-toolbar{flex-direction:column;align-items:stretch}.gzc-btn-nueva-zona{width:100%;justify-content:center}.gzc-ruteo-tabla-wrapper{overflow-x:auto}.gzc-ruteo-select{min-width:150px}.gzc-kds-fila{flex-direction:column;align-items:flex-start;gap:10px}.gzc-kds-fila--sub{padding-left:22px}.gzc-kds-footer{justify-content:stretch}.gzc-btn-guardar-kds{width:100%;justify-content:center}.gzc-modal-content{max-height:95vh}.gzc-toast{bottom:16px;right:16px;left:16px;max-width:none}}.gestion-meseros-page{max-width:600px;margin:0 auto;padding:24px 20px}.meseros-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:10px}.meseros-header h1{margin:0;font-size:22px;color:#1e293b}.btn-volver{background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:8px}.btn-volver:hover{background:#f3f4f6}.meseros-form{display:flex;gap:10px;margin-bottom:20px}.input-mesero{flex:1;padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:border-color .2s}.input-mesero:focus{outline:none;border-color:#6366f1}.btn-agregar{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-agregar:hover:not(:disabled){background:#4f46e5}.btn-agregar:disabled{opacity:.5;cursor:not-allowed}.meseros-lista{display:flex;flex-direction:column;gap:8px}.mesero-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;transition:all .2s}.mesero-card.inactivo{opacity:.6;background:#f9fafb}.mesero-info-row,.mesero-edit-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mesero-nombre{font-size:15px;font-weight:500;color:#1e293b}.mesero-nombre.tachado{text-decoration:line-through;color:#9ca3af}.mesero-acciones{display:flex;align-items:center;gap:6px}.btn-icon{display:flex;align-items:center;justify-content:center;padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-icon.toggle.activo{background:#d1fae5;color:#059669}.btn-icon.toggle.inactivo{background:#fee2e2;color:#dc2626}.btn-icon.edit{background:#e0e7ff;color:#4338ca}.btn-icon.edit:hover{background:#c7d2fe}.btn-icon.delete{background:#fee2e2;color:#dc2626}.btn-icon.delete:hover{background:#fecaca}.btn-icon.ok{background:#d1fae5;color:#059669}.btn-icon.cancel{background:#f3f4f6;color:#6b7280}.input-mesero-edit{flex:1;padding:8px 12px;border:2px solid #6366f1;border-radius:8px;font-size:14px;outline:none}.loading-text,.empty-text{text-align:center;color:#9ca3af;padding:40px 0}.toast-meseros{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;color:#fff;font-weight:500;z-index:9999;animation:fadeIn .3s}.toast-meseros.success{background:#059669}.toast-meseros.error{background:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.config-import-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px 24px;max-width:1200px;margin:0 auto}.config-import-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.config-import-btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;min-height:44px;transition:all .2s}.config-import-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.config-import-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.config-import-header p{font-size:14px;color:#64748b;margin:0}.config-import-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.config-import-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;min-height:44px;transition:all .2s;margin-bottom:-2px}.config-import-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.config-import-tab.disabled{opacity:.4;cursor:not-allowed}.config-import-dropzone{border:3px dashed #cbd5e1;border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s;background:#fff;margin-bottom:24px}.config-import-dropzone:hover,.config-import-dropzone.dragging{border-color:#3b82f6;background:#eff6ff}.config-import-dropzone.has-file{border-color:#22c55e;border-style:solid;background:#f0fdf4}.config-import-drop-content{color:#94a3b8}.config-import-drop-content p{font-size:18px;font-weight:600;margin:12px 0 4px;color:#475569}.config-import-drop-content span{font-size:13px;display:block}.config-import-formats{margin-top:8px;font-size:12px;color:#94a3b8}.config-import-file-info{display:flex;flex-direction:column;align-items:center;gap:8px;color:#22c55e}.config-import-filename{font-size:16px;font-weight:700;color:#1e293b}.config-import-filesize{font-size:13px;color:#64748b}.config-import-error-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fee2e2;border:2px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;font-weight:600;margin-bottom:20px}.config-import-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.config-import-btn-secondary{padding:12px 24px;background:#f1f5f9;color:#64748b;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;transition:all .2s}.config-import-btn-secondary:hover{background:#e2e8f0;color:#475569}.config-import-btn-procesar{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;box-shadow:0 4px 12px #3b82f64d;transition:all .2s}.config-import-btn-procesar:hover{background:#2563eb;transform:translateY(-2px)}.config-import-btn-confirmar{padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;box-shadow:0 4px 12px #22c55e4d;display:flex;align-items:center;gap:8px;transition:all .2s}.config-import-btn-confirmar:hover:not(:disabled){background:#16a34a;transform:translateY(-2px)}.config-import-btn-confirmar:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-import-summary{display:flex;gap:16px;margin-bottom:24px}.config-import-stat{flex:1;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.config-import-stat-number{display:block;font-size:28px;font-weight:700;color:#1e293b}.config-import-stat span{font-size:13px;color:#64748b}.config-import-stat.success{border-color:#bbf7d0;background:#f0fdf4}.config-import-stat.success .config-import-stat-number{color:#22c55e}.config-import-stat.error{border-color:#fecaca;background:#fef2f2}.config-import-stat.error .config-import-stat-number{color:#ef4444}.config-import-preview-table-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:auto;max-height:500px}.config-import-preview-table{width:100%;border-collapse:collapse;font-size:13px}.config-import-preview-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:700;color:#475569;position:sticky;top:0;z-index:1;border-bottom:2px solid #e2e8f0}.config-import-preview-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.config-import-preview-table tbody tr:hover{background:#f8fafc}.config-import-row-error{background:#fef2f2!important}.config-import-row-error td{color:#991b1b}.config-import-cell-errors{color:#dc2626;font-size:12px;max-width:300px}.config-import-result-card{background:#fff;border:2px solid #bbf7d0;border-radius:16px;padding:40px;text-align:center;margin-bottom:24px}.config-import-result-card h2{font-size:24px;font-weight:700;color:#1e293b;margin:16px 0}.config-import-result-stats{display:flex;justify-content:center;gap:32px;margin-top:24px}.config-import-result-stat{text-align:center}.config-import-result-stat strong{display:block;font-size:28px;color:#22c55e}.config-import-result-stat span{font-size:13px;color:#64748b;margin-top:4px;display:block}.config-import-result-stat.warning strong{color:#f59e0b}.config-import-result-stat.error strong{color:#ef4444}.config-import-errors-section{background:#fff;border:2px solid #fecaca;border-radius:12px;padding:20px;margin-top:24px}.config-import-errors-section h3{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:16px;margin:0 0 16px}.config-import-errors-table{width:100%;border-collapse:collapse;font-size:13px}.config-import-errors-table th{background:#fef2f2;padding:10px 16px;text-align:left;font-weight:700;color:#991b1b;border-bottom:2px solid #fecaca}.config-import-errors-table td{padding:8px 16px;border-bottom:1px solid #fef2f2}.config-import-error-row-error td{color:#dc2626}.config-import-error-row-omitido td{color:#d97706}.config-import-error-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.config-import-error-badge.error{background:#fee2e2;color:#dc2626}.config-import-error-badge.omitido{background:#fef3c7;color:#92400e}@keyframes config-import-spin{to{transform:rotate(360deg)}}.config-import-spin{animation:config-import-spin 1s linear infinite}.config-import-header-title{flex:1}.config-import-btn-history{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;min-height:44px;transition:all .2s;white-space:nowrap}.config-import-btn-history:hover{border-color:#3b82f6;color:#3b82f6}.config-import-chart-container{max-width:420px;margin:16px auto 0;min-height:250px}.config-import-result-stat.updated strong{color:#3b82f6}.config-import-errors-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.config-import-errors-header h3{margin:0}.config-import-btn-download{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;transition:all .2s;white-space:nowrap}.config-import-btn-download:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.config-import-btn-plantilla{display:flex;align-items:center;gap:8px;padding:12px 20px;min-height:44px;background:#fff;color:#3b82f6;border:2px solid #3b82f6;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;margin-right:auto}.config-import-btn-plantilla:hover{background:#3b82f6;color:#fff}.config-import-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.config-import-loading-modal{background:#1e293b;border:2px solid #334155;border-radius:20px;padding:36px 40px 28px;width:520px;max-width:92vw;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 60px #00000080}.config-import-loading-pacman{width:200px;height:100px;color:#facc15;margin-bottom:8px}.config-import-loading-pacman svg{width:100%;height:100%;overflow:visible}.config-import-loading-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0 0 20px;text-align:center}.config-import-loading-bar-container{width:100%;height:14px;background:#334155;border-radius:7px;overflow:hidden}.config-import-loading-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:7px;transition:width .3s ease}.config-import-loading-percent{font-size:14px;font-weight:700;color:#94a3b8;margin-top:6px;font-variant-numeric:tabular-nums}.config-import-loading-log{width:100%;margin-top:16px;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px 14px;max-height:180px;overflow-y:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.7;color:#94a3b8}.config-import-loading-log-line{white-space:pre-wrap;word-break:break-word}.config-import-loading-log-line.success{color:#22c55e;font-weight:700}.config-import-loading-log-line.error{color:#ef4444;font-weight:700}.config-import-loading-log-line.blink{animation:config-import-blink .8s step-end infinite;color:#3b82f6}@keyframes config-import-blink{50%{opacity:0}}.config-import-loading-log::-webkit-scrollbar{width:6px}.config-import-loading-log::-webkit-scrollbar-track{background:transparent}.config-import-loading-log::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}@media (max-width: 768px){.config-import-page{padding:16px}.config-import-header{flex-direction:column;align-items:flex-start;gap:12px}.config-import-header h1{font-size:22px}.config-import-summary{flex-direction:column}.config-import-result-stats{flex-direction:column;gap:16px}.config-import-actions{flex-direction:column}.config-import-btn-procesar,.config-import-btn-confirmar,.config-import-btn-secondary{width:100%;justify-content:center}.config-import-dropzone{padding:32px 16px}.config-import-btn-history{padding:8px 12px;font-size:13px}.config-import-errors-header{flex-direction:column;align-items:flex-start}.config-import-chart-container{max-width:100%}}.config-history-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px 24px;max-width:1200px;margin:0 auto}.config-history-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.config-history-btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;min-height:44px;transition:all .2s}.config-history-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.config-history-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.config-history-header p{font-size:14px;color:#64748b;margin:0}.config-history-empty{text-align:center;padding:60px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;color:#94a3b8}.config-history-empty p{font-size:18px;font-weight:600;color:#475569;margin:12px 0 4px}.config-history-empty span{font-size:14px}.config-history-table-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:auto}.config-history-table{width:100%;border-collapse:collapse;font-size:13px}.config-history-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:700;color:#475569;position:sticky;top:0;z-index:1;border-bottom:2px solid #e2e8f0;white-space:nowrap}.config-history-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.config-history-row{cursor:pointer;transition:background .15s}.config-history-row:hover{background:#f0f9ff}.config-history-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.config-history-badge-clientes{background:#dbeafe;color:#1d4ed8}.config-history-badge-productos{background:#dcfce7;color:#15803d}.config-history-cell-success{color:#22c55e;font-weight:600}.config-history-cell-updated{color:#3b82f6;font-weight:600}.config-history-cell-warning{color:#f59e0b;font-weight:600}.config-history-cell-error{color:#ef4444;font-weight:600}.config-history-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.config-history-btn-page{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;min-height:44px;transition:all .2s}.config-history-btn-page:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.config-history-btn-page:disabled{opacity:.4;cursor:not-allowed}.config-history-page-info{font-size:14px;color:#64748b;font-weight:600}.config-history-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.config-history-modal{background:#fff;border-radius:16px;max-width:850px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.config-history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:2;border-radius:16px 16px 0 0}.config-history-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.config-history-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.config-history-modal-close:hover{background:#e2e8f0;color:#1e293b}.config-history-modal-body{padding:24px}.config-history-modal-info{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.config-history-modal-info-item{font-size:13px;color:#64748b}.config-history-modal-info-item strong{color:#1e293b;display:block;font-size:14px}.config-history-modal-stats{display:flex;gap:12px;margin-bottom:24px}.config-history-modal-stat{flex:1;text-align:center;padding:14px 8px;border-radius:10px;border:2px solid #e2e8f0}.config-history-modal-stat strong{display:block;font-size:24px}.config-history-modal-stat span{font-size:12px;color:#64748b;display:block;margin-top:2px}.config-history-modal-stat.success{border-color:#bbf7d0;background:#f0fdf4}.config-history-modal-stat.success strong{color:#22c55e}.config-history-modal-stat.updated{border-color:#bfdbfe;background:#eff6ff}.config-history-modal-stat.updated strong{color:#3b82f6}.config-history-modal-stat.warning{border-color:#fde68a;background:#fffbeb}.config-history-modal-stat.warning strong{color:#f59e0b}.config-history-modal-stat.error{border-color:#fecaca;background:#fef2f2}.config-history-modal-stat.error strong{color:#ef4444}.config-history-modal-errors{margin-top:20px}.config-history-modal-errors-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.config-history-modal-errors-header h3{font-size:15px;font-weight:700;color:#dc2626;margin:0;display:flex;align-items:center;gap:6px}.config-history-modal-btn-csv{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;min-height:40px;transition:all .2s}.config-history-modal-btn-csv:hover{background:#e2e8f0;border-color:#cbd5e1}.config-history-modal-errors-table{width:100%;border-collapse:collapse;font-size:13px}.config-history-modal-errors-table th{background:#fef2f2;padding:10px 14px;text-align:left;font-weight:700;color:#991b1b;border-bottom:2px solid #fecaca}.config-history-modal-errors-table td{padding:8px 14px;border-bottom:1px solid #fef2f2;color:#1e293b}.config-history-modal-no-errors{text-align:center;padding:24px;color:#22c55e;font-weight:600;font-size:14px}.config-history-loading{text-align:center;padding:60px 24px;color:#64748b;font-size:16px;font-weight:600}@keyframes config-history-spin{to{transform:rotate(360deg)}}.config-history-spin{animation:config-history-spin 1s linear infinite}@media (max-width: 768px){.config-history-page{padding:16px}.config-history-header{flex-direction:column;align-items:flex-start;gap:12px}.config-history-header h1{font-size:22px}.config-history-modal{max-height:90vh;margin:12px}.config-history-modal-stats{flex-direction:column}.config-history-modal-info{flex-direction:column;gap:8px}.config-history-modal-errors-header{flex-direction:column;align-items:flex-start}.config-history-pagination{flex-direction:column;gap:8px}}.limpieza-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.limpieza-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.limpieza-btn-volver{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;color:#64748b;transition:all .2s}.limpieza-btn-volver:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.limpieza-header-info h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.limpieza-header-info p{font-size:.875rem;color:#64748b;margin:4px 0 0}.limpieza-header-actions{margin-left:auto}.limpieza-btn-historial{display:flex;align-items:center;gap:8px;padding:10px 20px;min-height:44px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.limpieza-btn-historial:hover{border-color:#8b5cf6;color:#8b5cf6;background:#f5f3ff}.limpieza-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;padding:16px;background:#fff;border-radius:16px;border:2px solid #e5e7eb}.limpieza-step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;color:#94a3b8;transition:all .3s}.limpieza-step.limpieza-step--activo{background:#3b82f6;color:#fff}.limpieza-step.limpieza-step--completado{color:#10b981}.limpieza-step-numero{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e2e8f0;font-size:.75rem;font-weight:700}.limpieza-step--activo .limpieza-step-numero{background:#ffffff40;color:#fff}.limpieza-step--completado .limpieza-step-numero{background:#d1fae5;color:#10b981}.limpieza-step-separador{width:24px;height:2px;background:#e2e8f0;border-radius:1px}.limpieza-contenido{max-width:800px;margin:0 auto}.limpieza-grupos{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.limpieza-grupo{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .2s}.limpieza-grupo:hover{border-color:#cbd5e1}.limpieza-grupo.limpieza-grupo--seleccionado{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.limpieza-grupo-header{display:flex;align-items:center;gap:12px;padding:16px 20px;min-height:60px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.limpieza-grupo-header:hover{background:#f8fafc}.limpieza-grupo-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px}.limpieza-grupo-checkbox input[type=checkbox]{position:absolute;opacity:0;width:44px;height:44px;cursor:pointer;z-index:2;margin:0}.limpieza-grupo-checkbox .limpieza-checkbox-visual{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.limpieza-grupo-checkbox input:checked+.limpieza-checkbox-visual{background:#3b82f6;border-color:#3b82f6}.limpieza-grupo-checkbox input:checked+.limpieza-checkbox-visual svg{opacity:1}.limpieza-grupo-checkbox .limpieza-checkbox-visual svg{opacity:0;color:#fff;transition:opacity .2s}.limpieza-grupo-icono{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:10px;transition:transform .2s}.limpieza-grupo-header:hover .limpieza-grupo-icono{transform:scale(1.05)}.limpieza-grupo-info{flex:1}.limpieza-grupo-titulo{font-size:.95rem;font-weight:700;color:#1e293b;margin:0}.limpieza-grupo-desc{font-size:.8rem;color:#64748b;margin:2px 0 0}.limpieza-grupo-chevron{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;color:#94a3b8;transition:transform .3s}.limpieza-grupo-chevron.limpieza-grupo-chevron--abierto{transform:rotate(180deg)}.limpieza-grupo-body{border-top:1px solid #f1f5f9;padding:8px 20px 16px;background:#fafbfc}.limpieza-submodulo{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:48px;border-radius:10px;transition:background .15s}.limpieza-submodulo:hover{background:#f1f5f9}.limpieza-submodulo-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px}.limpieza-submodulo-checkbox input[type=checkbox]{position:absolute;opacity:0;width:44px;height:44px;cursor:pointer;z-index:2;margin:0}.limpieza-submodulo-checkbox .limpieza-checkbox-visual{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.limpieza-submodulo-checkbox input:checked+.limpieza-checkbox-visual{background:#3b82f6;border-color:#3b82f6}.limpieza-submodulo-checkbox input:checked+.limpieza-checkbox-visual svg{opacity:1}.limpieza-submodulo-checkbox .limpieza-checkbox-visual svg{opacity:0;color:#fff;transition:opacity .2s}.limpieza-submodulo-label{font-size:.875rem;color:#334155;flex:1}.limpieza-submodulo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap}.limpieza-badge-dependencia{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.limpieza-badge-auto{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.limpieza-advertencias{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.limpieza-advertencia{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;font-size:.8rem;color:#92400e;line-height:1.4}.limpieza-advertencia svg{min-width:18px;margin-top:1px}.limpieza-advertencia--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.limpieza-preview{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:24px;overflow:hidden}.limpieza-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.limpieza-preview-header h3{font-size:.95rem;font-weight:700;color:#1e293b;margin:0}.limpieza-preview-total{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ef4444;color:#fff;border-radius:20px;font-size:.8rem;font-weight:700}.limpieza-preview-modulo{border-bottom:1px solid #f1f5f9}.limpieza-preview-modulo:last-child{border-bottom:none}.limpieza-preview-modulo-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:.875rem;font-weight:600;color:#334155}.limpieza-preview-modulo-count{font-weight:700;color:#ef4444}.limpieza-preview-tablas{padding:0 20px 12px 36px}.limpieza-preview-tabla-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:.8rem;color:#64748b}.limpieza-preview-tabla-count{font-weight:600;color:#475569}.limpieza-motivo-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px}.limpieza-motivo-card h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 4px}.limpieza-motivo-card>p{font-size:.8rem;color:#64748b;margin:0 0 16px}.limpieza-motivo-textarea{width:100%;min-height:100px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-family:inherit;color:#1e293b;resize:vertical;transition:border-color .2s;box-sizing:border-box}.limpieza-motivo-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.limpieza-motivo-textarea.limpieza-motivo-textarea--invalido{border-color:#ef4444}.limpieza-motivo-textarea.limpieza-motivo-textarea--valido{border-color:#10b981}.limpieza-motivo-counter{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;font-size:.75rem;font-weight:600}.limpieza-motivo-counter--falta{color:#ef4444}.limpieza-motivo-counter--ok{color:#10b981}.limpieza-confirmacion-card{background:#fff;border:2px solid #fecaca;border-radius:16px;padding:24px;margin-bottom:24px}.limpieza-confirmacion-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.limpieza-confirmacion-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:#fef2f2;border-radius:12px;color:#ef4444}.limpieza-confirmacion-header h3{font-size:1rem;font-weight:700;color:#991b1b;margin:0}.limpieza-confirmacion-header p{font-size:.8rem;color:#64748b;margin:4px 0 0}.limpieza-confirmacion-resumen{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:20px}.limpieza-confirmacion-resumen-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85rem;color:#334155}.limpieza-confirmacion-resumen-item:last-child{border-top:1px solid #fecaca;padding-top:10px;margin-top:6px;font-weight:700;color:#991b1b}.limpieza-confirmacion-input-group{margin-bottom:8px}.limpieza-confirmacion-input-group label{display:block;font-size:.85rem;font-weight:600;color:#1e293b;margin-bottom:8px}.limpieza-confirmacion-input-group label code{background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:4px;font-weight:700;font-size:.85rem}.limpieza-confirmacion-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:monospace;font-weight:600;color:#1e293b;text-align:center;letter-spacing:2px;transition:border-color .2s;box-sizing:border-box}.limpieza-confirmacion-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.limpieza-confirmacion-input.limpieza-confirmacion-input--correcto{border-color:#ef4444;background:#fef2f2}.limpieza-acciones{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.limpieza-btn-secundario{display:flex;align-items:center;gap:8px;padding:12px 24px;min-height:48px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.limpieza-btn-secundario:hover{border-color:#94a3b8;color:#475569;background:#f8fafc}.limpieza-btn-previsualizar{display:flex;align-items:center;gap:8px;padding:12px 28px;min-height:48px;background:#3b82f6;border:none;border-radius:12px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.limpieza-btn-previsualizar:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.limpieza-btn-previsualizar:disabled{opacity:.5;cursor:not-allowed}.limpieza-btn-purgar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;min-height:52px;width:100%;background:#ef4444;border:none;border-radius:12px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;margin-top:16px}.limpieza-btn-purgar:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.limpieza-btn-purgar:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.limpieza-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px}.limpieza-modal-ejecutando{width:100%;max-width:640px;max-height:85vh;background:#1e293b;border-radius:20px;border:1px solid #334155;box-shadow:0 25px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:limpieza-modal-enter .3s ease-out}@keyframes limpieza-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.limpieza-modal-ejecutando-header{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;border-bottom:1px solid #334155}.limpieza-modal-ejecutando-header h3{font-size:1.05rem;font-weight:700;color:#f1f5f9;margin:0}.limpieza-modal-ejecutando-header p{font-size:.8rem;color:#94a3b8;margin:4px 0 0}.limpieza-logs-container{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 24px 16px}.limpieza-logs-title{display:flex;align-items:center;gap:8px;padding:14px 0 10px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.limpieza-logs-console{flex:1;min-height:200px;max-height:340px;overflow-y:auto;background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:14px 16px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.78rem;line-height:1.7}.limpieza-logs-console::-webkit-scrollbar{width:6px}.limpieza-logs-console::-webkit-scrollbar-track{background:transparent}.limpieza-logs-console::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.limpieza-log-line{display:flex;gap:10px;color:#cbd5e1;animation:limpieza-log-fadein .3s ease-out}@keyframes limpieza-log-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.limpieza-log-line--ok{color:#4ade80}.limpieza-log-line--error{color:#f87171}.limpieza-log-line--dim{color:#475569}.limpieza-log-ts{color:#475569;flex-shrink:0}.limpieza-log-line--ok .limpieza-log-ts{color:#22c55e}.limpieza-log-line--error .limpieza-log-ts{color:#ef4444}.limpieza-log-msg{word-break:break-word}.limpieza-modal-ejecutando-footer{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid #334155;font-size:.75rem;color:#64748b}.limpieza-modal-ejecutando-footer svg{flex-shrink:0;color:#f59e0b}.limpieza-spinner{animation:limpieza-spin .8s linear infinite}@keyframes limpieza-spin{to{transform:rotate(360deg)}}.limpieza-resultado{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.limpieza-resultado-header{display:flex;align-items:center;gap:16px;padding:24px}.limpieza-resultado-header--exito{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid #bbf7d0}.limpieza-resultado-header--error{background:linear-gradient(135deg,#fef2f2,#fecaca);border-bottom:2px solid #fecaca}.limpieza-resultado-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;border-radius:50%}.limpieza-resultado-header--exito .limpieza-resultado-icon{background:#10b981;color:#fff}.limpieza-resultado-header--error .limpieza-resultado-icon{background:#ef4444;color:#fff}.limpieza-resultado-header h3{font-size:1.1rem;font-weight:700;margin:0}.limpieza-resultado-header--exito h3{color:#065f46}.limpieza-resultado-header--error h3{color:#991b1b}.limpieza-resultado-header p{font-size:.85rem;margin:4px 0 0}.limpieza-resultado-header--exito p{color:#047857}.limpieza-resultado-header--error p{color:#b91c1c}.limpieza-resultado-body{padding:20px 24px}.limpieza-resultado-detalle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.limpieza-resultado-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:8px;font-size:.8rem}.limpieza-resultado-item-tabla{color:#64748b}.limpieza-resultado-item-count{font-weight:700;color:#1e293b}.limpieza-resultado-meta{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:.8rem;color:#64748b;flex-wrap:wrap}.limpieza-resultado-meta span{display:flex;align-items:center;gap:4px}.limpieza-resultado-acciones{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.limpieza-historial{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden}.limpieza-historial-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.limpieza-historial-header h2{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.limpieza-historial-vacio{padding:40px 24px;text-align:center;color:#94a3b8;font-size:.9rem}.limpieza-historial-lista{max-height:500px;overflow-y:auto}.limpieza-historial-item{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;border-bottom:1px solid #f1f5f9;transition:background .15s}.limpieza-historial-item:last-child{border-bottom:none}.limpieza-historial-item:hover{background:#f8fafc}.limpieza-historial-status{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;margin-top:2px}.limpieza-historial-status--exito{background:#d1fae5;color:#10b981}.limpieza-historial-status--error{background:#fef2f2;color:#ef4444}.limpieza-historial-info{flex:1;min-width:0}.limpieza-historial-info-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.limpieza-historial-fecha{font-size:.8rem;font-weight:600;color:#1e293b}.limpieza-historial-usuario{font-size:.75rem;color:#64748b;padding:2px 8px;background:#f1f5f9;border-radius:4px}.limpieza-historial-motivo{font-size:.8rem;color:#64748b;margin-top:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limpieza-historial-duracion{font-size:.75rem;color:#94a3b8;margin-top:2px}.limpieza-historial-item--clickable{cursor:pointer}.limpieza-historial-item--clickable:hover{background:#f1f5f9}.limpieza-detalle-modal{width:100%;max-width:700px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:limpieza-modal-enter .3s ease-out}.limpieza-detalle-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.limpieza-detalle-status{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%}.limpieza-detalle-status--exito{background:#d1fae5;color:#10b981}.limpieza-detalle-status--error{background:#fef2f2;color:#ef4444}.limpieza-detalle-header-info{flex:1}.limpieza-detalle-header-info h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.limpieza-detalle-header-info p{font-size:.8rem;color:#64748b;margin:2px 0 0}.limpieza-detalle-cerrar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:transparent;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s}.limpieza-detalle-cerrar:hover{background:#f1f5f9;color:#475569}.limpieza-detalle-body{flex:1;overflow-y:auto;padding:20px 24px;max-height:50vh}.limpieza-detalle-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.limpieza-detalle-meta-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.limpieza-detalle-meta-label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.limpieza-detalle-meta-item strong{font-size:.85rem;font-weight:600;color:#1e293b;word-break:break-all}.limpieza-detalle-seccion{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.limpieza-detalle-seccion:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.limpieza-detalle-seccion h4{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#475569;margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}.limpieza-detalle-motivo-full{font-size:.85rem;color:#334155;line-height:1.5;margin:0;word-break:break-word}.limpieza-detalle-modulos{display:flex;flex-wrap:wrap;gap:8px}.limpieza-detalle-modulo-tag{display:inline-flex;align-items:center;padding:5px 14px;min-height:30px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:20px;font-size:.78rem;font-weight:600}.limpieza-detalle-registros{display:flex;flex-direction:column;gap:4px}.limpieza-detalle-registro-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#f8fafc;border-radius:6px;font-size:.8rem;color:#64748b}.limpieza-detalle-registro-row:nth-child(2n){background:#f1f5f9}.limpieza-detalle-registro-count{font-weight:700;color:#1e293b}.limpieza-detalle-hash{display:block;padding:10px 14px;background:#0f172a;color:#94a3b8;border-radius:8px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:.72rem;word-break:break-all;line-height:1.5}.limpieza-detalle-seccion--error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:14px 16px;margin-top:12px}.limpieza-detalle-seccion--error h4{color:#991b1b}.limpieza-detalle-seccion--error p{color:#b91c1c;font-size:.8rem;margin:0;line-height:1.4}.limpieza-detalle-footer{padding:20px 24px;border-top:2px solid #fecaca;background:#fef2f2}.limpieza-detalle-restore-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:.8rem;color:#9a3412;line-height:1.4;margin-bottom:16px}.limpieza-detalle-restore-warning svg{min-width:18px;margin-top:1px}.limpieza-btn-restaurar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:48px;width:100%;background:#dc2626;border:none;border-radius:12px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.limpieza-btn-restaurar:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262659}.limpieza-btn-restaurar:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.limpieza-detalle-restore-flow{padding:20px 24px;border-top:2px solid #fecaca}.limpieza-detalle-restore-danger{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin-bottom:20px;color:#991b1b}.limpieza-detalle-restore-danger svg{min-width:20px;margin-top:2px}.limpieza-detalle-restore-danger h4{margin:0 0 4px;font-size:.95rem;font-weight:700;text-transform:none;letter-spacing:0;color:#991b1b}.limpieza-detalle-restore-danger p{margin:0;font-size:.8rem;line-height:1.4}.limpieza-restore-password-group{margin-top:16px}.limpieza-restore-password-group label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#1e293b;margin-bottom:8px}.limpieza-restore-password-wrapper{position:relative;display:flex;align-items:center}.limpieza-restore-password-input{width:100%;padding:14px 52px 14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#1e293b;transition:border-color .2s;box-sizing:border-box}.limpieza-restore-password-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.limpieza-restore-password-toggle{position:absolute;right:4px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:color .2s}.limpieza-restore-password-toggle:hover{color:#475569}.limpieza-detalle-restore-actions{display:flex;gap:12px;margin-top:20px}.limpieza-detalle-restore-actions .limpieza-btn-restaurar{flex:1}.limpieza-detalle-restore-executing{padding:20px 24px;border-top:2px solid #334155;background:#1e293b;border-radius:0 0 20px 20px}.limpieza-detalle-restore-exec-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.limpieza-detalle-restore-exec-header h3{font-size:1rem;font-weight:700;color:#f1f5f9;margin:0}.limpieza-detalle-restore-exec-header p{font-size:.8rem;color:#94a3b8;margin:4px 0 0}.limpieza-detalle-restore-result{padding:20px 24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.limpieza-page{padding:16px}.limpieza-steps{flex-wrap:wrap;gap:4px}.limpieza-step{padding:6px 10px;font-size:.7rem}.limpieza-step-separador{display:none}.limpieza-resultado-detalle{grid-template-columns:1fr}.limpieza-acciones{flex-direction:column}.limpieza-btn-secundario,.limpieza-btn-previsualizar{width:100%;justify-content:center}.limpieza-header-actions{display:none}.limpieza-modal-overlay{padding:12px}.limpieza-modal-ejecutando{max-height:90vh;border-radius:16px}.limpieza-modal-ejecutando-header{padding:16px 16px 14px;gap:12px}.limpieza-logs-container{padding:0 16px 12px}.limpieza-logs-console{min-height:160px;max-height:260px;padding:10px 12px;font-size:.72rem}.limpieza-modal-ejecutando-footer{padding:12px 16px}.limpieza-detalle-modal{max-height:95vh;border-radius:16px}.limpieza-detalle-header{padding:16px}.limpieza-detalle-body{padding:16px;max-height:45vh}.limpieza-detalle-meta-grid{grid-template-columns:1fr;gap:8px}.limpieza-detalle-restore-flow,.limpieza-detalle-footer,.limpieza-detalle-restore-executing,.limpieza-detalle-restore-result{padding:16px}.limpieza-detalle-restore-actions{flex-direction:column}}.insumos-page{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column}.insumos-body{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.insumos-header{background:linear-gradient(135deg,#2563eb,#1e3a8a);padding:20px 24px;box-shadow:0 2px 8px #00000026}.insumos-header__content{display:flex;align-items:center;gap:14px;max-width:1400px;margin:0 auto}.insumos-header__back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s ease;padding:0}.insumos-header__back:hover{background:#ffffff4d}.insumos-header__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border-radius:12px;color:#fff;flex-shrink:0}.insumos-header__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.insumos-header__subtitle{font-size:.875rem;color:#fffc;margin:2px 0 0}.insumos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.insumos-stat-card{background:#fff;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #00000012;border:1px solid #e5e7eb;transition:box-shadow .2s ease,transform .15s ease}.insumos-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.insumos-stat-card__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;flex-shrink:0}.insumos-stat-card--blue .insumos-stat-card__icon{background:#eff6ff;color:#2563eb}.insumos-stat-card--green .insumos-stat-card__icon{background:#f0fdf4;color:#16a34a}.insumos-stat-card--amber .insumos-stat-card__icon{background:#fffbeb;color:#d97706}.insumos-stat-card--red .insumos-stat-card__icon{background:#fef2f2;color:#dc2626}.insumos-stat-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.insumos-stat-card__value{font-size:1.375rem;font-weight:700;color:#111827;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insumos-stat-card__label{font-size:.8rem;color:#6b7280;white-space:nowrap}.insumos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.insumos-toolbar__filters{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.insumos-toolbar__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.insumos-search{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:320px}.insumos-search__icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.insumos-search__input{width:100%;height:44px;padding:0 36px 0 38px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.insumos-search__input::placeholder{color:#9ca3af}.insumos-search__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.insumos-search__clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;color:#6b7280;padding:0;transition:background .15s ease}.insumos-search__clear:hover{background:#d1d5db}.insumos-select-wrapper{position:relative;display:flex;align-items:center}.insumos-select{height:44px;padding:0 36px 0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:180px;box-sizing:border-box}.insumos-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.insumos-select--error{border-color:#ef4444}.insumos-select--error:focus{box-shadow:0 0 0 3px #ef44441f}.insumos-select-chevron{position:absolute;right:10px;color:#6b7280;pointer-events:none}.insumos-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 18px;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap;line-height:1}.insumos-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.insumos-btn:not(:disabled):active{transform:scale(.97)}.insumos-btn--blue{background:#2563eb;color:#fff}.insumos-btn--blue:not(:disabled):hover{background:#1d4ed8;box-shadow:0 2px 8px #2563eb59}.insumos-btn--green{background:#16a34a;color:#fff}.insumos-btn--green:not(:disabled):hover{background:#15803d;box-shadow:0 2px 8px #16a34a59}.insumos-btn--ghost{background:transparent;color:#374151;border:1px solid #d1d5db}.insumos-btn--ghost:not(:disabled):hover{background:#f3f4f6}.insumos-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:insumos-spin .7s linear infinite}.insumos-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 4px #0000000f}.insumos-table{width:100%;border-collapse:collapse;font-size:.875rem}.insumos-table thead tr{background:#f9fafb;border-bottom:2px solid #e5e7eb}.insumos-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.8rem;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.insumos-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s ease}.insumos-table tbody tr:last-child{border-bottom:none}.insumos-table tbody tr:hover{background:#fafafa}.insumos-table__row--sin-stock{background:#fef2f2}.insumos-table__row--sin-stock:hover{background:#fee2e2}.insumos-table__row--stock-bajo{background:#fffbeb}.insumos-table__row--stock-bajo:hover{background:#fef3c7}.insumos-table td{padding:12px 16px;color:#374151;vertical-align:middle}.insumos-table__center{text-align:center}.insumos-table__name{display:flex;flex-direction:column;gap:2px}.insumos-table__nombre{font-weight:600;color:#111827}.insumos-table__desc{font-size:.775rem;color:#6b7280;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insumos-categoria-badge{display:inline-flex;align-items:center;gap:6px;font-size:.825rem;color:#374151}.insumos-categoria-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.insumos-unidad-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#eff6ff;color:#1d4ed8;border-radius:20px;font-size:.775rem;font-weight:600;letter-spacing:.03em}.insumos-stock-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.825rem;font-weight:600}.insumos-stock-badge--ok{background:#f0fdf4;color:#166534}.insumos-stock-badge--stock-bajo{background:#fef3c7;color:#92400e}.insumos-stock-badge--sin-stock{background:#fef2f2;color:#991b1b}.insumos-stock-badge__label{font-size:.725rem;font-weight:500}.insumos-no-data{color:#9ca3af;font-style:italic;font-size:.825rem}.insumos-actions{display:flex;align-items:center;gap:6px}.insumos-action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;border:none;border-radius:7px;cursor:pointer;transition:background .15s ease,transform .1s ease;padding:0}.insumos-action-btn:hover{transform:scale(1.08)}.insumos-action-btn:active{transform:scale(.95)}.insumos-action-btn--teal{background:#f0fdfa;color:#0f766e}.insumos-action-btn--teal:hover{background:#ccfbf1}.insumos-action-btn--blue{background:#eff6ff;color:#2563eb}.insumos-action-btn--blue:hover{background:#dbeafe}.insumos-action-btn--red{background:#fef2f2;color:#dc2626}.insumos-action-btn--red:hover{background:#fee2e2}.insumos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 24px;color:#6b7280;font-size:.875rem}.insumos-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:insumos-spin .8s linear infinite}.insumos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#9ca3af}.insumos-empty svg{color:#d1d5db}.insumos-empty p{font-size:.9375rem;color:#6b7280;margin:0}.insumos-count{margin-top:10px;font-size:.8rem;color:#9ca3af;text-align:right}.insumos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box;animation:insumos-fade-in .15s ease}.insumos-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;box-shadow:0 20px 60px #0003,0 4px 16px #0000001a;overflow:hidden;animation:insumos-slide-up .2s ease;max-height:90vh;display:flex;flex-direction:column}.insumos-modal--sm{max-width:460px}.insumos-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.insumos-modal__header--green{background:#f0fdf4;border-bottom-color:#bbf7d0}.insumos-modal__title{font-size:1.0625rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.insumos-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#6b7280;transition:background .15s ease,color .15s ease;padding:0}.insumos-modal__close:hover{background:#f3f4f6;color:#111827}.insumos-modal__body{padding:22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.insumos-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid #f3f4f6;margin-top:8px;flex-shrink:0}.insumos-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.insumos-field{display:flex;flex-direction:column;gap:5px}.insumos-label{font-size:.8125rem;font-weight:600;color:#374151}.insumos-label span[aria-hidden]{color:#ef4444;margin-left:2px}.insumos-input{height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%}.insumos-input::placeholder{color:#9ca3af}.insumos-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.insumos-input--error{border-color:#ef4444}.insumos-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.insumos-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%;font-family:inherit;min-height:60px}.insumos-textarea::placeholder{color:#9ca3af}.insumos-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.insumos-field__error{font-size:.775rem;color:#ef4444;display:flex;align-items:center;gap:4px}.insumos-toggle-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.insumos-toggle-input{position:absolute;opacity:0;width:0;height:0}.insumos-toggle-track{position:relative;display:inline-block;width:40px;height:22px;background:#d1d5db;border-radius:11px;transition:background .2s ease;flex-shrink:0}.insumos-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.insumos-toggle-input:checked+.insumos-toggle-track{background:#16a34a}.insumos-toggle-input:checked+.insumos-toggle-track:after{transform:translate(18px)}.insumos-toggle-input:focus+.insumos-toggle-track{box-shadow:0 0 0 3px #16a34a33}.insumos-toggle-text{font-size:.875rem;color:#374151;font-weight:500}.insumos-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 8px 24px #00000026;z-index:1100;max-width:360px;animation:insumos-toast-in .25s ease;border:1px solid transparent}.insumos-toast--success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.insumos-toast--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.insumos-toast span{flex:1;line-height:1.4}.insumos-toast__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#00000012;border-radius:50%;cursor:pointer;color:inherit;padding:0;flex-shrink:0;transition:background .15s ease}.insumos-toast__close:hover{background:#00000021}@keyframes insumos-spin{to{transform:rotate(360deg)}}@keyframes insumos-fade-in{0%{opacity:0}to{opacity:1}}@keyframes insumos-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes insumos-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1279px){.insumos-stats{grid-template-columns:repeat(2,1fr)}.insumos-stat-card__value{font-size:1.2rem}}@media (max-width: 1023px){.insumos-body,.insumos-header{padding:16px}.insumos-header__title{font-size:1.25rem}.insumos-toolbar{flex-direction:column;align-items:stretch}.insumos-toolbar__filters{flex-direction:row}.insumos-toolbar__actions{justify-content:flex-end}.insumos-table th:nth-child(5),.insumos-table td:nth-child(5){display:none}}@media (max-width: 767px){.insumos-body{padding:12px}.insumos-stats{grid-template-columns:repeat(2,1fr);gap:10px}.insumos-stat-card{padding:14px;gap:10px}.insumos-stat-card__icon{width:38px;height:38px}.insumos-stat-card__value{font-size:1.1rem}.insumos-toolbar__filters{flex-direction:column}.insumos-search{max-width:none}.insumos-select{min-width:0;width:100%}.insumos-toolbar__actions{display:grid;grid-template-columns:1fr 1fr}.insumos-toolbar__actions .insumos-btn{justify-content:center}.insumos-table th:nth-child(5),.insumos-table td:nth-child(5),.insumos-table th:nth-child(6),.insumos-table td:nth-child(6){display:none}.insumos-table td,.insumos-table th{padding:10px 12px}.insumos-table__desc{display:none}.insumos-modal{max-height:95vh;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:none;width:100%;margin:0;animation:insumos-sheet-up .25s ease}.insumos-overlay{align-items:flex-end;padding:0}.insumos-form-row{grid-template-columns:1fr}.insumos-toast{left:12px;right:12px;bottom:16px;max-width:none}}@media (max-width: 480px){.insumos-stats{grid-template-columns:1fr 1fr}.insumos-header__title{font-size:1.125rem}.insumos-header__subtitle{display:none}.insumos-table th:nth-child(2),.insumos-table td:nth-child(2){display:none}}@keyframes insumos-sheet-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.insumos-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0;flex-wrap:wrap}.insumos-pagination__btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;min-height:44px;transition:all .15s}.insumos-pagination__btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.insumos-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.insumos-pagination__nums{display:flex;align-items:center;gap:4px}.insumos-pagination__num{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s}.insumos-pagination__num:hover{background:#f3f4f6}.insumos-pagination__num.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600}.insumos-pagination__info{font-size:13px;color:#6b7280;margin-left:12px}.cat-insumos-page{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column}.cat-insumos-body{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.cat-insumos-header{background:linear-gradient(135deg,#d97706,#b45309);padding:20px 24px;box-shadow:0 2px 10px #0000002e}.cat-insumos-header__content{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.cat-insumos-header__left{display:flex;align-items:center;gap:14px}.cat-insumos-header__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fff3;border-radius:12px;color:#fff;flex-shrink:0}.cat-insumos-header__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.cat-insumos-header__subtitle{font-size:.875rem;color:#ffffffd1;margin:3px 0 0}.cat-insumos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cat-insumos-search{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:340px}.cat-insumos-search__icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.cat-insumos-search__input{width:100%;height:44px;padding:0 36px 0 38px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.cat-insumos-search__input::placeholder{color:#9ca3af}.cat-insumos-search__input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770624}.cat-insumos-search__clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#e5e7eb;border-radius:50%;cursor:pointer;color:#6b7280;padding:0;transition:background .15s ease}.cat-insumos-search__clear:hover{background:#d1d5db}.cat-insumos-stats{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.cat-insumos-stat{font-size:.8125rem;color:#6b7280}.cat-insumos-stat strong{color:#111827;font-weight:700}.cat-insumos-stat--divider{display:inline-block;width:1px;height:16px;background:#e5e7eb}.cat-insumos-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 18px;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap;line-height:1}.cat-insumos-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cat-insumos-btn:not(:disabled):active{transform:scale(.97)}.cat-insumos-btn--amber{background:#d97706;color:#fff}.cat-insumos-btn--amber:not(:disabled):hover{background:#b45309;box-shadow:0 3px 10px #b4530961}.cat-insumos-btn--ghost{background:transparent;color:#374151;border:1px solid #d1d5db}.cat-insumos-btn--ghost:not(:disabled):hover{background:#f3f4f6}.cat-insumos-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cat-insumos-spin .7s linear infinite}.cat-insumos-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 4px #0000000f}.cat-insumos-table{width:100%;border-collapse:collapse;font-size:.875rem}.cat-insumos-table thead tr{background:#f9fafb;border-bottom:2px solid #e5e7eb}.cat-insumos-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.8rem;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cat-insumos-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s ease}.cat-insumos-table tbody tr:last-child{border-bottom:none}.cat-insumos-table tbody tr:hover{background:#fffbeb}.cat-insumos-table td{padding:12px 16px;color:#374151;vertical-align:middle}.cat-insumos-col--center{text-align:center}.cat-insumos-col--desc{max-width:280px}.cat-insumos-col--actions{width:100px;text-align:right}.cat-insumos-table__name{display:flex;flex-direction:column;gap:2px}.cat-insumos-table__nombre{font-weight:600;color:#111827}.cat-insumos-table__desc{font-size:.8125rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block}.cat-insumos-no-data{color:#9ca3af;font-style:italic;font-size:.8125rem}.cat-insumos-color-swatch{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000026;vertical-align:middle;cursor:default}.cat-insumos-orden-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:#f3f4f6;color:#374151;border-radius:20px;font-size:.8rem;font-weight:600}.cat-insumos-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.775rem;font-weight:600;white-space:nowrap}.cat-insumos-badge--active{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.cat-insumos-badge--inactive{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.cat-insumos-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.cat-insumos-action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;border:none;border-radius:7px;cursor:pointer;transition:background .15s ease,transform .1s ease;padding:0}.cat-insumos-action-btn:hover{transform:scale(1.08)}.cat-insumos-action-btn:active{transform:scale(.94)}.cat-insumos-action-btn--blue{background:#eff6ff;color:#2563eb}.cat-insumos-action-btn--blue:hover{background:#dbeafe}.cat-insumos-action-btn--red{background:#fef2f2;color:#dc2626}.cat-insumos-action-btn--red:hover{background:#fee2e2}.cat-insumos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 24px;color:#6b7280;font-size:.875rem}.cat-insumos-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#d97706;border-radius:50%;animation:cat-insumos-spin .8s linear infinite}.cat-insumos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:72px 24px;color:#9ca3af}.cat-insumos-empty svg{color:#d1d5db}.cat-insumos-empty p{font-size:.9375rem;color:#6b7280;margin:0;text-align:center}.cat-insumos-count{margin-top:10px;font-size:.8rem;color:#9ca3af;text-align:right}.cat-insumos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box;animation:cat-insumos-fade-in .15s ease}.cat-insumos-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000038,0 4px 16px #0000001a;overflow:hidden;animation:cat-insumos-slide-up .2s ease;max-height:90vh;display:flex;flex-direction:column}.cat-insumos-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb;background:#fffbeb;border-bottom-color:#fde68a;flex-shrink:0}.cat-insumos-modal__title{font-size:1.0625rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.cat-insumos-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#6b7280;transition:background .15s ease,color .15s ease;padding:0}.cat-insumos-modal__close:hover{background:#f3f4f6;color:#111827}.cat-insumos-modal__body{padding:22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.cat-insumos-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid #f3f4f6;margin-top:4px;flex-shrink:0}.cat-insumos-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cat-insumos-field{display:flex;flex-direction:column;gap:5px}.cat-insumos-label{font-size:.8125rem;font-weight:600;color:#374151}.cat-insumos-label span[aria-hidden]{color:#ef4444;margin-left:2px}.cat-insumos-input{height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%}.cat-insumos-input::placeholder{color:#9ca3af}.cat-insumos-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770624}.cat-insumos-input--error{border-color:#ef4444}.cat-insumos-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.cat-insumos-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;outline:none;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%;font-family:inherit;min-height:72px}.cat-insumos-textarea::placeholder{color:#9ca3af}.cat-insumos-textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770624}.cat-insumos-field__error{font-size:.775rem;color:#ef4444;display:flex;align-items:center;gap:4px}.cat-insumos-color-field{display:flex;align-items:center;gap:10px;height:44px}.cat-insumos-color-input{width:44px;height:44px;padding:3px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;background:#fff;box-sizing:border-box;outline:none;transition:border-color .15s ease;flex-shrink:0}.cat-insumos-color-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770624}.cat-insumos-color-preview{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f;flex-shrink:0}.cat-insumos-color-hex{font-size:.8125rem;font-family:monospace;color:#6b7280;text-transform:uppercase}.cat-insumos-toggle-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.cat-insumos-toggle-input{position:absolute;opacity:0;width:0;height:0}.cat-insumos-toggle-track{position:relative;display:inline-block;width:40px;height:22px;background:#d1d5db;border-radius:11px;transition:background .2s ease;flex-shrink:0}.cat-insumos-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.cat-insumos-toggle-input:checked+.cat-insumos-toggle-track{background:#d97706}.cat-insumos-toggle-input:checked+.cat-insumos-toggle-track:after{transform:translate(18px)}.cat-insumos-toggle-input:focus+.cat-insumos-toggle-track{box-shadow:0 0 0 3px #d9770633}.cat-insumos-toggle-text{font-size:.875rem;color:#374151;font-weight:500}.cat-insumos-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 8px 24px #00000026;z-index:1100;max-width:360px;animation:cat-insumos-toast-in .25s ease;border:1px solid transparent}.cat-insumos-toast--success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.cat-insumos-toast--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.cat-insumos-toast span{flex:1;line-height:1.4}.cat-insumos-toast__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#00000012;border-radius:50%;cursor:pointer;color:inherit;padding:0;flex-shrink:0;transition:background .15s ease}.cat-insumos-toast__close:hover{background:#00000024}@keyframes cat-insumos-spin{to{transform:rotate(360deg)}}@keyframes cat-insumos-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cat-insumos-slide-up{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cat-insumos-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cat-insumos-sheet-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1279px){.cat-insumos-body{max-width:100%}}@media (max-width: 1023px){.cat-insumos-body,.cat-insumos-header{padding:16px}.cat-insumos-header__title{font-size:1.25rem}.cat-insumos-toolbar{flex-direction:column;align-items:stretch}.cat-insumos-search{max-width:none}.cat-insumos-stats{justify-content:center}.cat-insumos-col--desc{display:none}}@media (max-width: 767px){.cat-insumos-body{padding:12px}.cat-insumos-header__content{flex-direction:column;align-items:flex-start;gap:12px}.cat-insumos-header__left{gap:10px}.cat-insumos-header__icon{width:42px;height:42px}.cat-insumos-header__title{font-size:1.125rem}.cat-insumos-btn--amber.cat-insumos-btn{width:100%;justify-content:center}.cat-insumos-toolbar{gap:10px}.cat-insumos-col--desc,.cat-insumos-table th.cat-insumos-col--desc,.cat-insumos-table td.cat-insumos-col--desc{display:none}.cat-insumos-table td,.cat-insumos-table th{padding:10px 12px}.cat-insumos-overlay{align-items:flex-end;padding:0}.cat-insumos-modal{max-height:95vh;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:none;width:100%;margin:0;animation:cat-insumos-sheet-up .25s ease}.cat-insumos-form-row{grid-template-columns:1fr}.cat-insumos-toast{left:12px;right:12px;bottom:16px;max-width:none}}@media (max-width: 480px){.cat-insumos-header__subtitle{display:none}.cat-insumos-header__title{font-size:1rem}.cat-insumos-table th:nth-child(4),.cat-insumos-table td:nth-child(4){display:none}.cat-insumos-stats{gap:8px;padding:8px 12px;font-size:.75rem}.cat-insumos-modal__body{padding:16px}.cat-insumos-modal__header{padding:14px 16px}}.recetas-page{position:relative;max-width:1600px;margin:0 auto;padding:0 0 48px;background-color:#f9fafb;min-height:100vh;font-family:inherit;color:#1f2937}.recetas-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:500;max-width:400px;box-shadow:0 8px 24px #00000026;animation:recetas-toast-in .25s ease forwards;line-height:1.4}.recetas-toast span{flex:1}.recetas-toast--success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.recetas-toast--success svg{color:#22c55e;flex-shrink:0}.recetas-toast--error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.recetas-toast--error svg{color:#ef4444;flex-shrink:0}.recetas-toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:inherit;opacity:.7;transition:opacity .15s ease,background-color .15s ease;flex-shrink:0;padding:0}.recetas-toast-close:hover{opacity:1;background-color:#00000014}@keyframes recetas-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.recetas-header{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;padding:28px 32px;margin-bottom:24px}.recetas-header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1600px}.recetas-header-icon-title{display:flex;align-items:center;gap:16px}.recetas-header-icon-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background-color:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recetas-header-title{margin:0 0 4px;font-size:1.625rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.3px}.recetas-header-subtitle{margin:0;font-size:.9rem;color:#fffc;font-weight:400}.recetas-header-stats{display:flex;gap:10px;flex-wrap:wrap}.recetas-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);font-size:.8125rem;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease}.recetas-stat-chip:hover{background-color:#ffffff38}.recetas-layout-60-40{display:grid;grid-template-columns:60fr 40fr;gap:20px;padding:0 24px;align-items:start}.recetas-panel{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 4px #0000000f}.recetas-panel--left{display:flex;flex-direction:column}.recetas-panel--right{position:sticky;top:20px}.recetas-filter-bar{display:flex;gap:10px;padding:16px 16px 0;flex-wrap:wrap}.recetas-search-wrap{position:relative;flex:1;min-width:180px}.recetas-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.recetas-search-input{width:100%;height:44px;padding:0 36px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box;outline:none}.recetas-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;background:#fff}.recetas-search-input::placeholder{color:#9ca3af}.recetas-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:#6b7280;padding:0;transition:color .15s ease,background-color .15s ease}.recetas-search-clear:hover{color:#1f2937;background-color:#f3f4f6}.recetas-select-wrap{position:relative;flex:0 0 auto;min-width:180px}.recetas-select-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.recetas-filter-select{height:44px;width:100%;padding:0 12px 0 32px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;background:#f9fafb;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none;box-sizing:border-box}.recetas-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;background-color:#fff}.recetas-filter-row{display:flex;gap:10px;padding:10px 16px 0;align-items:center;flex-wrap:wrap}.recetas-filter-toggle{display:inline-flex;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb}.recetas-filter-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;min-height:36px;border:none;background:transparent;font-size:.78rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;white-space:nowrap}.recetas-filter-toggle-btn:not(:last-child){border-right:1px solid #e5e7eb}.recetas-filter-toggle-btn:hover:not(.recetas-filter-toggle-btn--active){background:#f3f4f6;color:#374151}.recetas-filter-toggle-btn--active{background:#2563eb;color:#fff;font-weight:600}.recetas-btn-back{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:36px}.recetas-btn-back:hover{background-color:#ffffff40}.recetas-results-count{padding:10px 16px 8px;font-size:.8rem;color:#6b7280;font-weight:400;border-bottom:1px solid #f3f4f6}.recetas-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;color:#6b7280;font-size:.875rem}.recetas-empty-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;color:#9ca3af;font-size:.9rem}.recetas-empty-list svg{opacity:.45}.recetas-spin{animation:recetas-rotate .9s linear infinite}@keyframes recetas-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recetas-product-list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 330px);overflow-y:auto;overscroll-behavior:contain}.recetas-product-list::-webkit-scrollbar{width:6px}.recetas-product-list::-webkit-scrollbar-track{background:transparent}.recetas-product-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.recetas-product-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.recetas-product-card{display:flex;align-items:center;gap:0;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .15s ease,transform .15s ease;min-height:64px;outline:none;position:relative}.recetas-product-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a;transform:translateY(-1px)}.recetas-product-card:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.recetas-product-card--selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 2px 10px #3b82f626;transform:translateY(-1px)}.recetas-product-card--selected:hover{border-color:#2563eb;box-shadow:0 4px 14px #3b82f633}.recetas-product-accent{width:5px;align-self:stretch;flex-shrink:0;transition:width .2s ease}.recetas-product-card--selected .recetas-product-accent{width:6px}.recetas-product-info{flex:1;padding:10px 12px;min-width:0}.recetas-product-name{font-size:.9rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;line-height:1.3}.recetas-product-card--selected .recetas-product-name{color:#1d4ed8}.recetas-product-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recetas-category-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid transparent;white-space:nowrap;line-height:1.6}.recetas-product-price{font-size:.78rem;color:#6b7280;font-weight:500}.recetas-recipe-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap;margin-right:12px;flex-shrink:0;letter-spacing:.01em;transition:background-color .2s ease}.recetas-recipe-badge--has{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.recetas-recipe-badge--none{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.recetas-product-card--selected .recetas-recipe-badge--none{background-color:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.recetas-editor-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 32px;gap:14px}.recetas-placeholder-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:#f1f5f9;border:2px dashed #cbd5e1}.recetas-placeholder-title{margin:0;font-size:1.125rem;font-weight:600;color:#374151}.recetas-placeholder-text{margin:0;font-size:.875rem;color:#6b7280;max-width:260px;line-height:1.6}.recetas-editor{display:flex;flex-direction:column;gap:0}.recetas-editor-header{padding:18px 20px 14px;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#eff6ff,#fff)}.recetas-editor-product-name{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#1e3a8a;margin-bottom:6px;line-height:1.3}.recetas-editor-product-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recetas-editor-product-price{display:flex;align-items:center;gap:4px;font-size:.82rem;color:#6b7280;font-weight:500}.recetas-editor-badge-saved{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:3px 10px;border-radius:12px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;font-size:.72rem;font-weight:600}.recetas-editor-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:#6b7280;font-size:.875rem;background:#f9fafbcc}.recetas-field-group{padding:14px 20px;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px}.recetas-label{font-size:.8rem;font-weight:600;color:#374151;letter-spacing:.02em;text-transform:uppercase}.recetas-input{height:44px;padding:0 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#1f2937;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.recetas-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.recetas-input--small{width:120px}.recetas-insumos-section{padding:0 0 4px;border-bottom:1px solid #e5e7eb}.recetas-insumos-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px}.recetas-insumos-title{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.recetas-row-labels{display:grid;grid-template-columns:1fr 72px 72px 80px 36px;gap:4px;padding:4px 16px;border-bottom:1px solid #f3f4f6}.recetas-col-label{font-size:.68rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.recetas-rows-container{display:flex;flex-direction:column;gap:2px;padding:6px 12px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.recetas-rows-container::-webkit-scrollbar{width:5px}.recetas-rows-container::-webkit-scrollbar-track{background:transparent}.recetas-rows-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.recetas-insumo-row{display:grid;grid-template-columns:1fr 72px 72px 80px 36px;gap:4px;align-items:start;padding:6px 4px;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6;transition:border-color .15s ease,background-color .15s ease}.recetas-insumo-row:hover{background:#eff6ff;border-color:#bfdbfe}.recetas-cell{display:flex;flex-direction:column;gap:3px}.recetas-cell--insumo{min-width:0}.recetas-select-insumo{height:44px;width:100%;padding:0 22px 0 8px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.78rem;color:#1f2937;background:#fff;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.recetas-select-insumo:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.recetas-select-insumo--stock-low{border-color:#fbbf24;background-color:#fffbeb}.recetas-select-insumo--stock-low:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.recetas-insumo-cost-hint{font-size:.68rem;color:#2563eb;font-weight:500;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recetas-input--cantidad{height:44px;width:100%;padding:0 8px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.85rem;color:#1f2937;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box;text-align:right;-moz-appearance:textfield}.recetas-input--cantidad::-webkit-inner-spin-button,.recetas-input--cantidad::-webkit-outer-spin-button{opacity:.4}.recetas-input--cantidad:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.recetas-select-unidad{height:44px;width:100%;padding:0 18px 0 6px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:.78rem;color:#1f2937;background:#fff;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.recetas-select-unidad:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.recetas-costo-linea{display:flex;align-items:center;justify-content:flex-end;height:44px;font-size:.8rem;font-weight:600;color:#1f2937;padding:0 4px;white-space:nowrap}.recetas-btn-del-row{display:flex;align-items:center;justify-content:center;width:36px;height:44px;border:none;background:transparent;cursor:pointer;border-radius:7px;color:#9ca3af;padding:0;transition:color .15s ease,background-color .15s ease;flex-shrink:0}.recetas-btn-del-row:hover{color:#ef4444;background-color:#fef2f2}.recetas-btn-del-row:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.recetas-btn-add-row{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:10px 16px 14px;height:44px;border:2px dashed #2563eb;border-radius:9px;background:transparent;color:#2563eb;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;outline:none}.recetas-btn-add-row:hover{background-color:#eff6ff;border-color:#1d4ed8;color:#1d4ed8;transform:translateY(-1px)}.recetas-btn-add-row:focus-visible{box-shadow:0 0 0 3px #2563eb33}.recetas-btn-add-row:active{transform:translateY(0)}.recetas-cost-summary{margin:0;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px}.recetas-cost-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:7px}.recetas-cost-row--total{background:#fff;border:1px solid #e5e7eb}.recetas-cost-row--price{background:#eff6ff;border:1px solid #bfdbfe}.recetas-cost-row--por-unidad{background:#fafafa;border:1px solid #e5e7eb}.recetas-cost-label{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:500;color:#6b7280}.recetas-cost-value{font-size:.9rem;font-weight:700;color:#1f2937}.recetas-cost-row--margen{border:1px solid transparent}.recetas-margen--good{background:#f0fdf4;border-color:#bbf7d0}.recetas-margen--good .recetas-cost-label{color:#166534}.recetas-margen--good .recetas-cost-value{color:#16a34a}.recetas-margen--warning{background:#fffbeb;border-color:#fde68a}.recetas-margen--warning .recetas-cost-label{color:#92400e}.recetas-margen--warning .recetas-cost-value{color:#d97706}.recetas-margen--negative{background:#fef2f2;border-color:#fecaca}.recetas-margen--negative .recetas-cost-label{color:#991b1b}.recetas-margen--negative .recetas-cost-value{color:#ef4444}.recetas-actions{display:flex;gap:10px;padding:16px 20px;flex-wrap:wrap}.recetas-btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:140px;height:48px;padding:0 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .15s ease,opacity .2s ease;outline:none;box-shadow:0 2px 8px #2563eb4d}.recetas-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.recetas-btn-save:focus-visible{box-shadow:0 0 0 3px #2563eb4d}.recetas-btn-save:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #2563eb40}.recetas-btn-save:disabled{opacity:.65;cursor:not-allowed;transform:none}.recetas-btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border:2px solid #fca5a5;border-radius:10px;background:#fff;color:#ef4444;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;outline:none}.recetas-btn-delete:hover{background:#fef2f2;border-color:#ef4444;box-shadow:0 2px 8px #ef444433;transform:translateY(-1px)}.recetas-btn-delete:focus-visible{box-shadow:0 0 0 3px #ef444433}.recetas-btn-delete:active{transform:translateY(0)}.recetas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:flex;align-items:center;justify-content:center;padding:16px;background-color:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:recetas-overlay-in .2s ease forwards}@keyframes recetas-overlay-in{0%{opacity:0}to{opacity:1}}.recetas-modal-content{background:#fff;border-radius:16px;padding:28px 28px 24px;max-width:420px;width:100%;box-shadow:0 20px 50px #0003;animation:recetas-modal-in .25s cubic-bezier(.34,1.3,.64,1) forwards}@keyframes recetas-modal-in{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1280px){.recetas-header{padding:22px 24px}.recetas-layout-60-40{padding:0 16px;gap:16px}}@media (max-width: 1024px){.recetas-layout-60-40{grid-template-columns:1fr;padding:0 12px;gap:16px}.recetas-panel--right{position:static}.recetas-product-list{max-height:400px}.recetas-rows-container{max-height:240px}}@media (max-width: 768px){.recetas-header{padding:18px 16px}.recetas-header-title{font-size:1.25rem}.recetas-header-subtitle{font-size:.8rem}.recetas-header-icon-wrap{width:46px;height:46px;border-radius:11px}.recetas-layout-60-40{padding:0 8px;gap:12px}.recetas-filter-bar{padding:12px 12px 0;flex-direction:column}.recetas-select-wrap{min-width:unset;width:100%}.recetas-row-labels{grid-template-columns:1fr 64px 60px 72px 36px;padding:4px 12px}.recetas-insumo-row{grid-template-columns:1fr 64px 60px 72px 36px}.recetas-actions{padding:14px}.recetas-editor-header{padding:14px 16px 12px}.recetas-cost-summary{padding:12px 14px}.recetas-toast{top:auto;bottom:20px;right:12px;left:12px;max-width:100%}}@media (max-width: 480px){.recetas-header-stats{display:none}.recetas-header-icon-wrap{width:40px;height:40px;border-radius:10px}.recetas-header-title{font-size:1.1rem}.recetas-layout-60-40{padding:0 6px}.recetas-row-labels{display:none}.recetas-insumo-row{grid-template-columns:1fr 60px 56px 68px 36px;gap:3px;padding:5px 3px}.recetas-select-insumo,.recetas-input--cantidad,.recetas-select-unidad,.recetas-btn-del-row{height:44px;font-size:.75rem}.recetas-costo-linea{height:44px;font-size:.72rem}}@media (prefers-reduced-motion: reduce){.recetas-toast,.recetas-modal-overlay,.recetas-modal-content,.recetas-product-card,.recetas-btn-save,.recetas-btn-delete,.recetas-btn-add-row{animation:none;transition:none}.recetas-spin{animation:none}}.recetas-skeleton-container{padding:8px;display:flex;flex-direction:column;gap:4px}.recetas-product-card-skeleton{display:flex;align-items:center;gap:0;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;min-height:64px}.recetas-skeleton-accent{width:4px;align-self:stretch;background:#e5e7eb}.recetas-skeleton-content{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.recetas-skeleton-line{border-radius:4px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:recetas-skeleton-shimmer 1.5s ease-in-out infinite}.recetas-skeleton-line--name{height:14px;width:60%}.recetas-skeleton-line--meta{height:10px;width:40%}.recetas-skeleton-line--badge{height:22px;width:72px;border-radius:6px;margin-right:12px;flex-shrink:0}@keyframes recetas-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recetas-loading-bar{height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa,#2563eb);background-size:200% 100%;animation:recetas-loading-bar-move 1s ease-in-out infinite}@keyframes recetas-loading-bar-move{0%{background-position:200% 0}to{background-position:-200% 0}}.recetas-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}.recetas-pag-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;min-height:44px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.recetas-pag-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff}.recetas-pag-btn:disabled{opacity:.4;cursor:not-allowed}.recetas-pag-info{font-size:.8125rem;color:#6b7280;font-weight:500;white-space:nowrap}@media print{.recetas-toast,.recetas-filter-bar,.recetas-results-count,.recetas-btn-add-row,.recetas-btn-del-row,.recetas-actions,.recetas-pagination,.recetas-loading-bar{display:none!important}.recetas-page{padding:0}.recetas-layout-60-40{grid-template-columns:1fr;padding:0}.recetas-panel--right{position:static}}.monitor-stat-card,.progress-fill,.detalle-insumo-card,.monitor-table tr{will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.monitor-page{padding:1.5rem;max-width:1400px;margin:0 auto}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monitor-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.monitor-header p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.btn-refresh{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem;cursor:pointer;color:#475569;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#e2e8f0;color:#1e293b}.btn-exportar-excel{display:flex;align-items:center;gap:.5rem;background:#065f46;color:#fff;border:none;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-exportar-excel:hover:not(:disabled){background:#047857;box-shadow:0 2px 8px #065f464d}.btn-exportar-excel:disabled{opacity:.5;cursor:not-allowed}.monitor-tabs{display:flex;gap:0;margin-bottom:1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.monitor-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:none;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.monitor-tab:hover{background:#f8fafc;color:#1e293b}.monitor-tab.active{color:#1e293b;font-weight:600;border-bottom-color:#3b82f6;background:#f8fafc}.monitor-tab-count{background:#e2e8f0;color:#475569;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.monitor-tab.active .monitor-tab-count{background:#3b82f6;color:#fff}.monitor-stat-card.tab-active{box-shadow:0 0 0 2px currentColor inset}.monitor-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.monitor-stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.monitor-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.monitor-stat-card.total{color:#3b82f6}.monitor-stat-card.total.active{background:#eff6ff;border-color:#3b82f6}.monitor-stat-card.disponible{color:#10b981}.monitor-stat-card.disponible.active{background:#ecfdf5;border-color:#10b981}.monitor-stat-card.critico{color:#f59e0b}.monitor-stat-card.critico.active{background:#fffbeb;border-color:#f59e0b}.monitor-stat-card.agotado{color:#ef4444}.monitor-stat-card.agotado.active{background:#fef2f2;border-color:#ef4444}.monitor-stat-card.con-receta{color:#8b5cf6}.monitor-stat-card.con-receta.active{background:#f5f3ff;border-color:#8b5cf6}.monitor-stat-card.sin-receta{color:#64748b}.monitor-stat-card.sin-receta.active{background:#f8fafc;border-color:#64748b}.monitor-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.monitor-stat-card.total .monitor-stat-icon{background:#eff6ff;color:#3b82f6}.monitor-stat-card.disponible .monitor-stat-icon{background:#ecfdf5;color:#10b981}.monitor-stat-card.critico .monitor-stat-icon{background:#fffbeb;color:#f59e0b}.monitor-stat-card.agotado .monitor-stat-icon{background:#fef2f2;color:#ef4444}.monitor-stat-card.con-receta .monitor-stat-icon{background:#f5f3ff;color:#8b5cf6}.monitor-stat-card.sin-receta .monitor-stat-icon{background:#f1f5f9;color:#64748b}.monitor-stat-info{display:flex;flex-direction:column}.monitor-stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-block}.monitor-stat-label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.monitor-filters{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;align-items:center;flex-wrap:wrap}.monitor-search{position:relative;display:flex;align-items:center}.monitor-search svg{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none;flex-shrink:0}.monitor-search input{border:1px solid #e2e8f0;border-radius:8px;padding:.625rem .625rem .625rem 2.5rem;width:300px;font-size:.875rem;color:#1e293b;outline:none;transition:all .2s;background:#fff}.monitor-search input::placeholder{color:#94a3b8}.monitor-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.monitor-select{border:1px solid #e2e8f0;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;color:#1e293b;outline:none;cursor:pointer;background:#fff;transition:all .2s}.monitor-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.monitor-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.monitor-table{width:100%;border-collapse:collapse}.monitor-table th{position:sticky;top:0;background:#f8fafc;text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:2px solid #e2e8f0;z-index:1}.monitor-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#1e293b;vertical-align:middle}.monitor-table tr:hover{background:#f8fafc}.capacidad-badge{display:inline-flex;font-size:1.25rem;font-weight:800;min-width:48px;justify-content:center}.capacidad-badge.verde{color:#10b981}.capacidad-badge.amarillo{color:#f59e0b}.capacidad-badge.rojo{color:#ef4444}.tipo-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:600;display:inline-block}.tipo-badge.receta{background:#f3e8ff;color:#7c3aed}.tipo-badge.directo{background:#f1f5f9;color:#64748b}.limitante-info{display:flex;flex-direction:column}.limitante-nombre{font-weight:600;color:#dc2626;font-size:.8rem}.limitante-detalle{font-size:.7rem;color:#94a3b8}.progress-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;width:100%;min-width:80px}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.estado-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;flex-shrink:0}.estado-dot.disponible{background:#10b981}.estado-dot.critico{background:#f59e0b}.estado-dot.agotado{background:#ef4444}.fila-critica{background:#fef2f2!important}.badge-critico-inline{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;color:#dc2626;background:#fee2e2;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}.insumos-criticos-section{margin-top:2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.insumos-criticos-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;transition:background .2s}.insumos-criticos-header:hover{background:#f1f5f9}.insumos-criticos-header h2{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.insumos-criticos-table{width:100%;border-collapse:collapse}.insumos-criticos-table th{position:sticky;top:0;background:#f8fafc;text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:2px solid #e2e8f0;z-index:1}.insumos-criticos-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#1e293b;vertical-align:middle}.insumos-criticos-table tr:hover{background:#f8fafc}.productos-afectados{display:flex;flex-wrap:wrap;gap:4px}.producto-tag{font-size:.7rem;background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:3px;font-weight:500;display:inline-block}.monitor-pagination{display:flex;justify-content:center;gap:.5rem;padding:1rem;align-items:center}.monitor-pagination .btn-pagina{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .15s}.monitor-pagination .btn-pagina:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.monitor-pagination .btn-pagina.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.monitor-pagination .btn-pagina:disabled{opacity:.4;cursor:not-allowed}.monitor-footer{text-align:center;padding:1rem;color:#94a3b8;font-size:.75rem;font-style:italic}.sin-datos{text-align:center;padding:3rem;color:#94a3b8;font-size:.9375rem}.expandible-row{cursor:pointer}.expandible-row:hover{background:#f8fafc}.detalle-insumos-row td{background:#f8fafc;padding:0}.detalle-insumos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem;padding:.75rem 1rem}.detalle-insumo-card{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;background:#fff;border:1px solid #e2e8f0;font-size:.8rem;transition:border-color .2s,background .2s}.detalle-insumo-card.es-limitante{border-color:#fca5a5;background:#fef2f2}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1rem;color:#64748b}.error{color:#dc2626}@media (max-width: 1200px){.monitor-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.monitor-stats-grid{grid-template-columns:repeat(2,1fr)}.monitor-search input{width:100%}.monitor-search{flex:1}}@media (max-width: 768px){.monitor-page,.monitor-stat-card{padding:1rem}.monitor-stat-value{font-size:1.375rem}.monitor-table-container{overflow-x:auto}.monitor-table,.insumos-criticos-table{min-width:700px}.monitor-table th,.monitor-table td,.insumos-criticos-table th,.insumos-criticos-table td{padding:.625rem .75rem}.monitor-pagination{gap:.25rem}}@media (max-width: 600px){.monitor-stats-grid{grid-template-columns:1fr;gap:.75rem}.monitor-filters{flex-direction:column;align-items:stretch}.monitor-search,.monitor-search input,.monitor-select{width:100%}.monitor-tabs{flex-direction:column}.monitor-tab{border-bottom:none;border-left:3px solid transparent}.monitor-tab.active{border-left-color:#3b82f6;border-bottom-color:transparent}.monitor-table th,.monitor-table td,.insumos-criticos-table th,.insumos-criticos-table td{font-size:.8125rem;padding:.5rem .625rem}.monitor-stat-value{font-size:1.25rem}.capacidad-badge{font-size:1rem;min-width:36px}.monitor-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-exportar-excel{font-size:.8rem;padding:.5rem .75rem}.btn-refresh{align-self:flex-end}.detalle-insumos-grid{grid-template-columns:1fr}.monitor-pagination .btn-pagina{min-width:28px;height:28px;font-size:.75rem}}:root{--mesa-disponible: #10b981;--mesa-disponible-light: #d1fae5;--mesa-disponible-border: #6ee7b7;--mesa-en-uso: #3b82f6;--mesa-en-uso-light: #dbeafe;--mesa-en-uso-border: #93c5fd;--mesa-ocupada: #f59e0b;--mesa-ocupada-light: #fef3c7;--mesa-ocupada-border: #fcd34d;--mesa-facturada: #8b5cf6;--mesa-facturada-light: #ede9fe;--mesa-facturada-border: #c4b5fd;--header-gradient-from: #1e3a5f;--header-gradient-to: #2d5986}.mesas-container{display:flex;flex-direction:column;padding:0;max-width:none;margin:-32px;height:calc(100vh - 70px);overflow:hidden;animation:mesasFadeIn .3s ease}@keyframes mesasFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mesas-header{background:linear-gradient(135deg,var(--header-gradient-from) 0%,var(--header-gradient-to) 100%);border-radius:0;padding:12px 20px;margin-bottom:0;box-shadow:0 2px 10px #1e3a5f33;position:relative;overflow:hidden;z-index:50;flex-shrink:0}.mesas-header:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:#ffffff0a;pointer-events:none}.mesas-header:after{content:"";position:absolute;bottom:-60px;right:80px;width:160px;height:160px;border-radius:50%;background:#ffffff08;pointer-events:none}.mesas-header-content{display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;z-index:1}.mesas-header-icon-title{display:flex;align-items:center;gap:12px}.mesas-header-icon{width:40px;height:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);flex-shrink:0;color:#fff}.mesas-header h1{margin:0 0 2px;font-size:20px;font-weight:700;letter-spacing:-.5px;color:#fff}.mesas-header-subtitle{margin:0;font-size:14px;color:#fffc;font-weight:400;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-stat{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.2px}.header-stat-disponible{background:#10b98140;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.header-stat-ocupada{background:#f59e0b40;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.header-stat-en-uso{background:#3b82f640;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.header-stat-facturada{background:#8b5cf640;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.mesas-live-badge{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.mesas-vista-toggle{display:flex;background:#ffffff26;border-radius:8px;padding:3px;gap:2px;border:1px solid rgba(255,255,255,.2)}.mesas-vista-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mesas-vista-btn:hover{color:#fff;background:#ffffff1a}.mesas-vista-btn--active{background:#ffffff40;color:#fff;box-shadow:0 1px 3px #0003}.mesas-vista-btn--active:hover{background:#ffffff4d;color:#fff}.salones-tabs-wrap{margin-bottom:0;overflow-x:auto;scrollbar-width:thin;flex-shrink:0;padding:6px 12px}.salones-tabs-wrap::-webkit-scrollbar{height:4px}.salones-tabs-wrap::-webkit-scrollbar-track{background:var(--color-surface, #f8f9fa);border-radius:2px}.salones-tabs-wrap::-webkit-scrollbar-thumb{background:var(--color-border, #dee2e6);border-radius:2px}.salones-tabs{display:flex;gap:4px;background:var(--color-surface, #f8f9fa);border-radius:12px;padding:6px;width:fit-content;min-width:100%;border:1px solid var(--color-border, #dee2e6)}.salon-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-secondary, #7f8c8d);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.salon-tab:hover{background:#fff;color:var(--color-text-primary, #2c3e50);box-shadow:0 1px 4px #00000014}.salon-tab-active{background:#fff;color:var(--header-gradient-from, #1e3a5f);font-weight:700;box-shadow:0 2px 8px #0000001a}.salon-tab-nombre{font-size:14px}.salon-tab-badge{background:var(--mesa-ocupada, #f59e0b);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.mesas-leyenda{display:flex;align-items:center;gap:20px;margin-bottom:0;padding:8px 16px;background:#fff;border-radius:0;border:none;border-bottom:1px solid var(--color-border, #dee2e6);width:100%;flex-wrap:wrap;flex-shrink:0}.leyenda-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--color-text-secondary, #7f8c8d);font-weight:500}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.dot-disponible{background:var(--mesa-disponible, #10b981);box-shadow:0 0 0 3px #10b98133}.dot-en-uso{background:var(--mesa-en-uso, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.dot-ocupada{background:var(--mesa-ocupada, #f59e0b);box-shadow:0 0 0 3px #f59e0b33;animation:dotPulse 2s ease infinite}.dot-facturada{background:var(--mesa-facturada, #8b5cf6);box-shadow:0 0 0 3px #8b5cf633}@keyframes dotPulse{0%,to{box-shadow:0 0 0 3px #f59e0b33}50%{box-shadow:0 0 0 6px #f59e0b14}}.mesas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;align-items:start;animation:mesasFadeIn .3s ease;flex:1;overflow-y:auto;align-content:start}.mesas-grid-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;flex:1;align-content:start;overflow-y:auto}.mesa-card-skeleton{height:160px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;border-radius:14px;animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mesa-card{background-color:#fff;background-clip:padding-box;border-radius:14px;padding:18px;border:2px solid var(--color-border, #dee2e6);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;-webkit-user-select:none;user-select:none;min-height:148px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000f;outline:none;overflow:visible}.mesa-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.mesa-card:focus-visible{box-shadow:0 0 0 3px #3b82f666}.mesa-card-disponible{border-color:var(--mesa-disponible-border, #6ee7b7);background-image:linear-gradient(145deg,#fff,#f0fdf4);background-clip:padding-box}.mesa-card-disponible:hover{border-color:var(--mesa-disponible, #10b981);box-shadow:0 8px 20px #10b98126}.mesa-card-en_uso{border-color:var(--mesa-en-uso-border, #93c5fd);background-image:linear-gradient(145deg,#fff,#eff6ff);background-clip:padding-box}.mesa-card-en_uso:hover{border-color:var(--mesa-en-uso, #3b82f6);box-shadow:0 8px 20px #3b82f626}.mesa-card-ocupada{border-color:var(--mesa-ocupada-border, #fcd34d);background-image:linear-gradient(145deg,#fff,#fffbeb);background-clip:padding-box}.mesa-card-ocupada:hover{border-color:var(--mesa-ocupada, #f59e0b);box-shadow:0 8px 20px #f59e0b26}.mesa-card-facturada{border-color:var(--mesa-facturada-border, #c4b5fd);background-image:linear-gradient(145deg,#fff,#f5f3ff);background-clip:padding-box}.mesa-card-facturada:hover{border-color:var(--mesa-facturada, #8b5cf6);box-shadow:0 8px 20px #8b5cf626}.mesa-card.mesa-card-active{z-index:40;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent!important;transform:none!important;box-shadow:0 1px 3px #0000000f!important}.mesa-card-top{display:flex;justify-content:space-between;align-items:center}.mesa-numero-wrap{display:flex;flex-direction:column;gap:2px}.mesa-numero{font-size:26px;font-weight:800;color:var(--color-text-primary, #2c3e50);line-height:1}.mesa-nombre-label{font-size:11px;color:var(--color-text-secondary, #7f8c8d);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-dropdown-toggle{background:transparent;border:1px solid var(--color-border, #dee2e6);border-radius:6px;padding:4px 6px;cursor:pointer;color:var(--color-text-secondary, #7f8c8d);transition:all .2s ease;display:flex;align-items:center}.btn-dropdown-toggle:hover{background:var(--color-surface, #f8f9fa);color:var(--color-text-primary, #2c3e50)}.btn-dropdown-toggle .chevron-up{transform:rotate(180deg)}.mesa-status-badge{display:flex;align-items:center;gap:7px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content}.status-label{line-height:1}.status-disponible{background:var(--mesa-disponible-light, #d1fae5);color:#065f46}.status-en-uso{background:var(--mesa-en-uso-light, #dbeafe);color:#1e40af}.status-ocupada{background:var(--mesa-ocupada-light, #fef3c7);color:#92400e}.status-facturada{background:var(--mesa-facturada-light, #ede9fe);color:#4c1d95}.mesa-card-info{display:flex;flex-direction:column;gap:5px;flex:1}.mesa-info-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #7f8c8d);font-weight:500}.mesa-info-row svg{flex-shrink:0;opacity:.7}.mesa-total-row{color:var(--color-text-primary, #2c3e50);font-weight:700}.mesa-total-value{color:#065f46;font-weight:700;font-size:13px}.mesa-bloqueada-row{color:#92400e}.btn-liberar-mesa{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px;background:var(--mesa-facturada-light, #ede9fe);color:#4c1d95;border:1px solid var(--mesa-facturada-border, #c4b5fd);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.btn-liberar-mesa:hover{background:var(--mesa-facturada, #8b5cf6);color:#fff;border-color:var(--mesa-facturada, #8b5cf6);transform:none}.mesa-actions-dropdown{position:absolute;top:100%;left:-2px;right:-2px;background:#fff;border:2px solid var(--mesa-ocupada-border, #fcd34d);border-top:1px solid #e5e7eb;border-radius:0 0 14px 14px;box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;animation:dropdownOpen .15s ease}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--color-text-primary, #2c3e50);cursor:pointer;transition:background .15s ease;text-align:left}.dropdown-item:hover{background:var(--color-surface, #f8f9fa)}.dropdown-item+.dropdown-item{border-top:1px solid var(--color-border, #dee2e6)}.dropdown-item-facturar{color:var(--mesa-facturada, #8b5cf6)}.dropdown-item-facturar:hover{background:var(--mesa-facturada-light, #ede9fe)}.modal-overlay-mesas{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-cuenta{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:modalSlideIn .2s ease;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-cuenta-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border, #dee2e6);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-cuenta-title{display:flex;align-items:center;gap:14px;color:var(--color-text-primary, #2c3e50)}.modal-cuenta-title svg{color:var(--mesa-facturada, #8b5cf6);flex-shrink:0}.modal-cuenta-title h2{font-size:18px;font-weight:700;margin:0 0 2px}.modal-cuenta-title p{font-size:13px;color:var(--color-text-secondary, #7f8c8d);margin:0}.btn-close-modal{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary, #7f8c8d);padding:6px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center}.btn-close-modal:hover{background:var(--color-surface, #f8f9fa);color:var(--color-text-primary, #2c3e50)}.modal-cuenta-body{flex:1;overflow-y:auto;padding:16px 24px}.cuenta-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--color-text-light, #95a5a6)}.cuenta-empty p{font-size:14px;font-weight:500}.cuenta-items{display:flex;flex-direction:column;gap:2px}.cuenta-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;border-radius:8px;transition:background .15s ease}.cuenta-item:hover{background:var(--color-surface, #f8f9fa)}.cuenta-item-info{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.cuenta-qty{font-size:13px;font-weight:700;color:var(--mesa-en-uso, #3b82f6);flex-shrink:0}.cuenta-nombre{font-size:14px;font-weight:500;color:var(--color-text-primary, #2c3e50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cuenta-variante{font-size:12px;color:var(--color-text-secondary, #7f8c8d);font-weight:400}.cuenta-nota{display:block;font-size:11px;color:var(--color-text-light, #95a5a6);font-style:italic;margin-top:2px}.cuenta-subtotal{font-size:14px;font-weight:700;color:var(--color-text-primary, #2c3e50);flex-shrink:0;margin-left:12px}.modal-cuenta-footer{padding:16px 24px;border-top:1px solid var(--color-border, #dee2e6);background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:space-between;align-items:center}.cuenta-comandas-count{font-size:12px;color:var(--color-text-secondary, #7f8c8d);font-weight:500}.cuenta-total{display:flex;align-items:center;gap:12px;font-size:15px}.cuenta-total span{color:var(--color-text-secondary, #7f8c8d);font-weight:500}.cuenta-total strong{font-size:22px;font-weight:800;color:var(--color-text-primary, #2c3e50)}.mesas-loading,.mesas-error{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px 20px;font-size:16px;color:var(--color-text-secondary, #7f8c8d);font-weight:500;flex:1}.mesas-error{color:#e74c3c}.mesas-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;color:var(--color-text-light, #95a5a6);text-align:center;flex:1}.mesas-empty-state h3{font-size:20px;font-weight:700;color:var(--color-text-secondary, #7f8c8d);margin:0}.mesas-empty-state p{font-size:14px;margin:0;max-width:320px}.spin-icon{animation:spinRotate 1s linear infinite}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mesas-liberando-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.liberando-spinner{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:20px 32px;font-size:15px;font-weight:600;color:var(--color-text-primary, #2c3e50);box-shadow:0 8px 32px #00000026}@media (max-width: 1200px){.mesas-grid,.mesas-grid-loading{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.mesas-container{margin:-20px -16px;height:calc(100vh - 70px)}.mesas-header{padding:10px 16px}.mesas-header h1{font-size:22px}.mesas-header-icon{width:48px;height:48px}.mesas-live-badge{display:none}.mesas-grid,.mesas-grid-loading{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 600px){.mesas-container{margin:-20px -16px;height:calc(100vh - 60px)}.mesas-header{padding:8px 12px}.mesas-header-icon-title{gap:14px}.mesas-header h1{font-size:20px}.mesas-header-subtitle{font-size:12px;gap:6px}.header-stat{font-size:11px;padding:2px 8px}.salones-tabs{padding:4px}.salon-tab{padding:8px 14px;font-size:13px}.mesas-leyenda{gap:12px;padding:8px 12px}.leyenda-item{font-size:11px}.mesas-grid,.mesas-grid-loading{grid-template-columns:repeat(2,1fr);gap:10px}.mesa-card{padding:14px;min-height:130px}.mesa-numero{font-size:22px}.mesa-status-badge{padding:3px 8px;font-size:11px}.modal-cuenta{max-height:90vh;border-radius:12px 12px 0 0}.modal-overlay-mesas{align-items:flex-end;padding:0}}@media (max-width: 360px){.mesas-grid,.mesas-grid-loading{grid-template-columns:1fr}}.comandar-container{--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-50: #f0fdf4;--green-100: #dcfce7;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--red-50: #fef2f2;--red-100: #fee2e2;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--amber-400: #fbbf24;--amber-500: #f59e0b;--header-h: 64px;--footer-h: 88px;--header-bg: #ffffff;--header-border: var(--slate-200);--header-accent: var(--green-500);--cat-btn-min-h: 60px;--cat-btn-radius: 12px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-enviar: 0 4px 14px rgba(22,163,74,.35);--shadow-enviar-hover: 0 8px 24px rgba(22,163,74,.45);--enviar-h: 60px}.comandar-loading,.comandar-lock-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 70px);gap:16px;color:var(--slate-500)}.comandar-loading p{font-size:15px;font-weight:500}.lock-error-card{background:#fff;border:2px solid var(--red-400);border-radius:16px;padding:40px 48px;text-align:center;max-width:400px;box-shadow:0 8px 32px #ef444426}.lock-error-card svg{color:var(--red-500);margin-bottom:16px}.lock-error-card h2{font-size:20px;font-weight:800;color:var(--slate-800);margin-bottom:10px}.lock-error-card p{font-size:14px;color:var(--slate-600);line-height:1.5;margin-bottom:8px}.lock-redirect-msg{font-size:12px!important;color:var(--slate-400)!important;font-style:italic}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comandar-container{display:flex;flex-direction:column;height:calc(100vh - 70px);background-color:var(--slate-100);overflow:hidden;margin:-32px;width:calc(100% + 64px)}.comandar-header{display:flex;align-items:center;gap:16px;padding:10px 20px;min-height:var(--header-h);background-color:var(--header-bg);color:var(--slate-800);flex-shrink:0;box-shadow:0 1px 4px #0000000d;border-bottom:1px solid var(--header-border);z-index:10}.btn-volver{display:flex;align-items:center;gap:6px;background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-700);padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s;white-space:nowrap;flex-shrink:0}.btn-volver:hover{background-color:var(--slate-200)}.btn-volver svg{width:18px;height:18px}.header-mesa-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.header-mesa-numero{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.header-mesa-numero svg{width:18px;height:18px;color:var(--green-600)}.header-salon-nombre{font-size:12px;color:var(--slate-500);font-weight:400}.header-estado-badge{flex-shrink:0;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-600)}.header-estado-badge[data-estado=ocupada]{background-color:var(--red-50);border-color:var(--red-400);color:var(--red-600)}.header-estado-badge[data-estado=libre]{background-color:var(--green-50);border-color:var(--green-400);color:var(--green-700)}.comandar-body{display:grid;grid-template-columns:1fr 360px;flex:1;overflow:hidden;min-height:0}.comandar-catalogo{display:flex;flex-direction:column;background-color:#fff;border-right:1px solid var(--slate-200);box-shadow:2px 0 6px #00000008;overflow:hidden}.catalogo-search{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--slate-200);flex-shrink:0;position:relative}.catalogo-search .search-icon{color:var(--slate-400);flex-shrink:0;width:18px;height:18px}.catalogo-search input{flex:1;border:1px solid var(--slate-300);border-radius:8px;padding:9px 36px 9px 12px;font-size:14px;color:var(--slate-800);background-color:var(--slate-50);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s;outline:none}.catalogo-search input:focus{border-color:var(--blue-500);background:var(--blue-50);box-shadow:0 0 0 3px #3b82f61a}.catalogo-search input::placeholder{color:var(--slate-400)}.btn-clear-search{position:absolute;right:20px;background:transparent;border:none;cursor:pointer;color:var(--slate-400);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .15s}.btn-clear-search:hover{color:var(--slate-600)}.catalogo-categorias{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:10px 16px;max-height:180px;overflow-y:auto;flex-shrink:0;background-color:var(--slate-50);border-bottom:1px solid var(--slate-200);scrollbar-width:thin}.catalogo-categorias::-webkit-scrollbar{width:5px}.catalogo-categorias::-webkit-scrollbar-track{background:var(--slate-100)}.catalogo-categorias::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.categorias-loading{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--slate-500);padding:4px 0}.categoria-pill{display:flex;align-items:center;justify-content:center;text-align:center;min-height:var(--cat-btn-min-h);padding:10px 12px;border-radius:var(--cat-btn-radius);border:1px solid var(--slate-200);border-left:4px solid var(--cat-color, var(--blue-400));background-color:#fff;background-clip:padding-box;color:var(--slate-700);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-card);word-break:break-word;line-height:1.25}.categoria-pill:hover{border-color:var(--cat-color, var(--blue-500));color:var(--cat-color, var(--blue-600));background-color:var(--slate-50);box-shadow:var(--shadow-card-hover)}.categoria-pill.activa{background-color:var(--cat-color, var(--blue-500));border-color:var(--cat-color, var(--blue-500));border-left-color:var(--cat-color, var(--blue-500));color:#fff;background-clip:padding-box;box-shadow:0 2px 8px #0003}.catalogo-grid-wrap{flex:1;overflow-y:auto;min-height:0;padding:0 0 8px}.catalogo-grid-wrap::-webkit-scrollbar{width:6px}.catalogo-grid-wrap::-webkit-scrollbar-track{background:var(--slate-100)}.catalogo-grid-wrap::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.catalogo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;padding:6px 14px 10px;align-content:start}.catalogo-grupo{margin-bottom:4px}.catalogo-grupo-header{display:flex;align-items:center;gap:8px;padding:10px 14px 4px;position:sticky;top:0;z-index:2;background:var(--slate-50)}.catalogo-grupo-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.catalogo-grupo-nombre{font-size:13px;font-weight:700;color:var(--slate-700);text-transform:uppercase;letter-spacing:.5px}.catalogo-grupo-count{font-size:11px;font-weight:600;color:var(--slate-400);background:var(--slate-200);padding:1px 7px;border-radius:10px}.productos-loading,.productos-vacio{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--slate-400);text-align:center}.productos-loading svg,.productos-vacio svg{opacity:.5}.productos-vacio p{font-size:14px;font-weight:500}.producto-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;border:1px solid var(--slate-200);border-radius:12px;padding:16px 16px 14px;cursor:pointer;transition:all .15s;text-align:left;overflow:hidden;min-height:90px;box-shadow:var(--shadow-card);background-clip:padding-box}.producto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color, var(--blue-400));transform:scaleX(0);transform-origin:left;transition:transform .2s}.producto-card-cat-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px 10px 0 0}.producto-card:hover{border-color:var(--cat-color, var(--blue-400));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.producto-card:active{transform:translateY(0);box-shadow:none}.producto-card-nombre{font-size:13px;font-weight:600;color:var(--slate-800);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto;padding-top:4px}.producto-card-precio{font-size:16px;font-weight:800;color:var(--green-700);margin-top:10px}.producto-card-add-icon{position:absolute;bottom:8px;right:8px;width:26px;height:26px;background:var(--cat-color, var(--blue-500));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:all .15s}.producto-card:hover .producto-card-add-icon{opacity:1;transform:scale(1)}.producto-card-badge-receta{position:absolute;top:6px;right:6px;width:20px;height:20px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:5px;line-height:1;box-shadow:0 1px 4px #f59e0b66;z-index:2}.producto-card--agotado{opacity:.5;cursor:not-allowed!important;pointer-events:auto;filter:grayscale(.5)}.producto-card--agotado:hover{transform:none;box-shadow:var(--shadow-card);border-color:var(--slate-200)}.producto-card-agotado-label{position:absolute;bottom:8px;right:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--red-500);background:var(--red-50);border:1px solid var(--red-400);border-radius:4px;padding:2px 6px}.comandar-pedido{display:flex;flex-direction:column;background:#fff;overflow:hidden}.pedido-mesa-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff;color:var(--slate-800);border-bottom:1px solid var(--slate-200);border-left:3px solid var(--green-500);flex-shrink:0}.pedido-mesa-title{display:flex;align-items:center;gap:6px;font-size:14px}.pedido-mesa-title svg{color:var(--green-600);width:16px;height:16px}.pedido-mesa-nombre{font-weight:400;color:var(--slate-600);font-size:13px}.pedido-salon{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--slate-500)}.pedido-salon svg{width:13px;height:13px}.pedido-scroll{flex:1;overflow-y:auto;min-height:0}.pedido-scroll::-webkit-scrollbar{width:5px}.pedido-scroll::-webkit-scrollbar-track{background:var(--slate-100)}.pedido-scroll::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.comandas-existentes{padding:12px 14px;border-bottom:1px solid var(--slate-200);background-color:var(--slate-50)}.comandas-existentes-titulo{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--slate-500);margin-bottom:10px}.comandas-existentes-titulo svg{width:15px;height:15px;color:var(--amber-500)}.comanda-acordeon{border:1px solid var(--slate-200);border-radius:8px;margin-bottom:8px;overflow:hidden;background-color:#fff;box-shadow:var(--shadow-card)}.comanda-acordeon:last-child{margin-bottom:0}.comanda-acordeon-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:none;cursor:pointer;text-align:left;gap:8px;transition:background .15s}.comanda-acordeon-header:hover{background:var(--slate-50)}.acordeon-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.comanda-numero{font-size:13px;font-weight:700;color:var(--slate-800);white-space:nowrap}.comanda-estado-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}.comanda-usuario{font-size:11px;color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acordeon-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.comanda-items-count{font-size:11px;color:var(--slate-500);white-space:nowrap}.acordeon-header-right svg{color:var(--slate-400);width:16px;height:16px;transition:transform .2s}.comanda-acordeon-body{padding:8px 12px 12px;background:var(--slate-50);border-top:1px solid var(--slate-200);animation:expandDown .18s ease}@keyframes expandDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.comanda-sin-items{font-size:12px;color:var(--slate-400);font-style:italic;padding:8px 0}.comanda-detalle-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--slate-200)}.comanda-detalle-row:last-of-type{border-bottom:none}.detalle-cantidad{font-size:13px;font-weight:700;color:var(--blue-600);min-width:28px;flex-shrink:0}.detalle-info{flex:1;min-width:0}.detalle-nombre{font-size:13px;color:var(--slate-800);font-weight:500;display:block}.detalle-variante{font-size:12px;color:var(--slate-500);font-style:italic}.detalle-notas{display:block;font-size:11px;color:var(--slate-500);margin-top:2px;font-style:italic}.detalle-estado-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.detalle-subtotal{font-size:13px;font-weight:600;color:var(--slate-700);flex-shrink:0}.comanda-notas-generales{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;background:#fffbeb;border-left:3px solid var(--amber-400);border-radius:0 6px 6px 0;font-size:12px;color:var(--slate-700)}.comanda-notas-generales svg{color:var(--amber-500);flex-shrink:0;margin-top:1px;width:13px;height:13px}.nueva-orden{padding:12px 14px}.nueva-orden-titulo{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--green-600);margin-bottom:10px}.nueva-orden-titulo svg{width:15px;height:15px}.nueva-orden-vacia{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;color:var(--slate-400);text-align:center}.nueva-orden-vacia svg{opacity:.4}.nueva-orden-vacia p{font-size:13px;font-weight:500}.nueva-orden-items{display:flex;flex-direction:column;gap:8px}.orden-item{background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-card)}.orden-item:hover{border-color:var(--green-400)}.orden-item-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.orden-item-nombre{flex:1;font-size:13px;font-weight:600;color:var(--slate-800);line-height:1.3}.btn-eliminar-item{background:transparent;border:none;cursor:pointer;color:var(--slate-400);padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.btn-eliminar-item:hover{color:var(--red-500);background:var(--red-50)}.orden-item-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cantidad-controls{display:flex;align-items:center;gap:0;border:1px solid var(--slate-300);border-radius:7px;overflow:hidden;background-color:#fff}.btn-cantidad{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--slate-100);border:none;cursor:pointer;color:var(--slate-600);transition:background .15s,color .15s;flex-shrink:0}.btn-cantidad:hover{background:var(--green-100);color:var(--green-700)}.btn-cantidad svg{width:14px;height:14px}.cantidad-input{width:38px;height:30px;text-align:center;border:none;border-left:1px solid var(--slate-200);border-right:1px solid var(--slate-200);font-size:14px;font-weight:700;color:var(--slate-800);background:#fff;outline:none}.cantidad-input::-webkit-outer-spin-button,.cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-notas-item{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:#fff;border:1px solid var(--slate-300);border-radius:6px;font-size:12px;font-weight:600;color:var(--slate-600);cursor:pointer;transition:all .15s}.btn-notas-item svg{width:13px;height:13px}.btn-notas-item:hover,.btn-notas-item.activo{border-color:var(--amber-500);color:#92400e;background:#fffbeb}.orden-item-subtotal{margin-left:auto;font-size:14px;font-weight:700;color:var(--green-700);white-space:nowrap}.orden-item-nota-input{margin-top:8px;animation:expandDown .15s ease}.orden-item-nota-input input{width:100%;border:1.5px solid var(--amber-400);border-radius:6px;padding:7px 10px;font-size:12px;color:var(--slate-800);background:#fffbeb;outline:none;transition:border-color .2s}.orden-item-nota-input input:focus{border-color:var(--amber-500);box-shadow:0 0 0 2px #f59e0b26}.orden-item-nota-input input::placeholder{color:#a16207;opacity:.6}.notas-generales-section{margin-top:12px;padding-top:12px;border-top:1px dashed var(--slate-300)}.notas-generales-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--slate-500);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.notas-generales-label svg{width:13px;height:13px}.notas-generales-textarea{width:100%;border:1.5px solid var(--slate-300);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--slate-800);background:var(--slate-50);resize:none;font-family:inherit;line-height:1.4;transition:border-color .2s,box-shadow .2s;outline:none}.notas-generales-textarea:focus{border-color:var(--blue-500);background:var(--blue-50);box-shadow:0 0 0 3px #3b82f61a}.notas-generales-textarea::placeholder{color:var(--slate-400)}.pedido-footer{padding:12px 14px;background-color:var(--slate-50);border-top:1px solid var(--slate-200);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.pedido-total-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--green-50);border:1px solid var(--green-100);border-radius:8px}.pedido-total-label{font-size:13px;color:var(--green-700);font-weight:500}.pedido-total-valor{font-size:20px;font-weight:800;color:var(--green-700)}.btn-enviar-comanda{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--enviar-h);background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-enviar)}.btn-enviar-comanda svg{width:20px;height:20px}@keyframes enviarPulse{0%,to{box-shadow:var(--shadow-enviar)}50%{box-shadow:0 4px 20px #16a34a80}}.btn-enviar-comanda:not(:disabled){animation:enviarPulse 2.5s ease-in-out infinite}.btn-enviar-comanda:hover:not(:disabled){animation:none;background:linear-gradient(135deg,var(--green-600) 0%,var(--green-700) 100%);box-shadow:var(--shadow-enviar-hover);transform:translateY(-1px)}.btn-enviar-comanda:active:not(:disabled){animation:none;transform:translateY(0);box-shadow:0 2px 6px #16a34a40}.btn-enviar-comanda:disabled{background:linear-gradient(135deg,var(--slate-300) 0%,var(--slate-400) 100%);box-shadow:none;cursor:not-allowed;transform:none}.comandar-toast{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:14px 16px 14px 14px;box-shadow:0 10px 40px #00000026;max-width:360px;min-width:260px;animation:slideInRight .3s ease;border-left:4px solid transparent}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--green-500)}.toast-error{border-left-color:var(--red-500)}.toast-warning{border-left-color:var(--amber-500)}.toast-icon-wrap{flex-shrink:0}.toast-success .toast-icon-wrap svg{color:var(--green-500)}.toast-error .toast-icon-wrap svg{color:var(--red-500)}.toast-warning .toast-icon-wrap svg{color:var(--amber-500)}.toast-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toast-text strong{font-size:13px;font-weight:700;color:var(--slate-800)}.toast-text span{font-size:12px;color:var(--slate-600);line-height:1.4}.toast-close{background:transparent;border:none;cursor:pointer;color:var(--slate-400);display:flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.toast-close:hover{color:var(--slate-600);background:var(--slate-100)}@media (max-width: 900px){.comandar-container{height:calc(100dvh - 70px)}.comandar-body{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.comandar-catalogo{width:100%;border-right:none;box-shadow:none;border-bottom:2px solid var(--slate-200);min-height:55vh;max-height:55vh;flex-shrink:0}.comandar-pedido{width:100%;min-height:45vh;flex-shrink:0}.catalogo-categorias{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:140px}.categoria-pill{min-height:52px;font-size:13px}.catalogo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.btn-enviar-comanda{height:56px}}@media (max-width: 600px){.comandar-container{margin:-16px;width:calc(100% + 32px)}.comandar-header{padding:0 12px;gap:10px}.btn-volver span{display:none}.btn-volver{padding:7px 10px}.header-mesa-numero{font-size:14px}.catalogo-search{padding:10px 12px}.catalogo-categorias{padding:8px 12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:120px}.categoria-pill{min-height:48px;font-size:12px;padding:8px}.catalogo-grid{padding:10px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.producto-card{padding:10px;min-height:78px}.producto-card-nombre{font-size:12px}.producto-card-precio{font-size:14px}.pedido-mesa-header{padding:8px 12px}.nueva-orden,.comandas-existentes,.pedido-footer{padding:10px 12px}.btn-enviar-comanda{height:56px;font-size:15px}.orden-item-bottom{gap:6px}.comandar-toast{left:12px;right:12px;bottom:12px;max-width:none;min-width:unset}}.btn-volver:focus-visible,.categoria-pill:focus-visible,.producto-card:focus-visible,.btn-cantidad:focus-visible,.btn-notas-item:focus-visible,.btn-eliminar-item:focus-visible,.btn-enviar-comanda:focus-visible,.comanda-acordeon-header:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.btn-anular-detalle{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;border-radius:6px;padding:.3rem .4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin-left:.35rem;flex-shrink:0}.btn-anular-detalle:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:scale(1.05)}.btn-anular-detalle:active{transform:scale(.95)}.kds-container{margin:-32px;width:calc(100% + 64px);min-height:calc(100vh - 70px);display:flex;flex-direction:column;background-color:#f1f5f9;color:#1e293b;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.kds-container{--kds-bg: #f1f5f9;--kds-surface: #ffffff;--kds-surface-raised: #f8fafc;--kds-border: #e2e8f0;--kds-text-primary: #1e293b;--kds-text-secondary: #64748b;--kds-text-muted: #94a3b8;--alert-yellow-color: #f59e0b;--alert-yellow-bg: #fffbeb;--alert-orange-color: #f97316;--alert-orange-bg: #fff7ed;--alert-red-color: #ef4444;--alert-red-bg: #fef2f2;--estado-pendiente: #64748b;--estado-pendiente-bg: #f8fafc;--estado-preparando: #3b82f6;--estado-preparando-bg: #eff6ff;--estado-listo: #16a34a;--estado-listo-bg: #f0fdf4;--estado-entregado: #94a3b8;--estado-entregado-bg: #f8fafc}.kds-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background-color:#fff;border-bottom:1px solid var(--kds-border);box-shadow:0 1px 3px #0000000f;position:sticky;top:0;z-index:100;gap:16px;min-height:64px}.kds-topbar-left{display:flex;align-items:center;gap:12px}.kds-logo-icon{color:#f97316;flex-shrink:0}.kds-title{font-size:1.35rem;font-weight:700;color:var(--kds-text-primary);letter-spacing:-.01em;margin:0;white-space:nowrap}.kds-contador-badge{background:#f97316;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;min-width:24px;text-align:center;line-height:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.kds-topbar-right{display:flex;align-items:center;gap:12px}.kds-refresh-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#16a34a;font-weight:500}.pulse-dot{color:#16a34a;animation:pulsar 2s ease-in-out infinite}@keyframes pulsar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.kds-btn-refresh{background:var(--kds-surface);border:1px solid var(--kds-border);color:var(--kds-text-secondary);border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;min-width:44px;min-height:44px}.kds-btn-refresh:hover{background-color:#e2e8f0;color:var(--kds-text-primary);border-color:#cbd5e1}.kds-btn-refresh:active{background-color:#cbd5e1}.kds-zona-nav{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;border-bottom:1px solid var(--kds-border);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-shrink:0}.kds-zona-nav::-webkit-scrollbar{height:4px}.kds-zona-nav::-webkit-scrollbar-track{background:transparent}.kds-zona-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.kds-zona-tab{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:8px;border:1.5px solid transparent;background:var(--kds-surface);color:var(--kds-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;min-height:40px;outline:none}.kds-zona-tab:hover{background:var(--kds-surface-raised);color:var(--kds-text-primary)}.kds-zona-tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.kds-zona-tab.activo{background-color:#fff;color:var(--kds-text-primary);border-color:var(--zona-color, #6b7280);box-shadow:0 1px 3px #0000000f}.zona-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kds-main-content{flex:1;padding:20px 24px 32px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.kds-main-content::-webkit-scrollbar{width:6px}.kds-main-content::-webkit-scrollbar-track{background:transparent}.kds-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kds-comandas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}@media (max-width: 1400px){.kds-comandas-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.kds-comandas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.kds-comandas-grid{grid-template-columns:1fr}}.kds-estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:16px;color:var(--kds-text-muted);text-align:center}.kds-estado-vacio svg{opacity:.3}.kds-estado-vacio h2{font-size:1.25rem;font-weight:600;color:var(--kds-text-secondary);margin:0}.kds-estado-vacio p{font-size:.9rem;color:var(--kds-text-muted);margin:0}.comanda-card{background-color:var(--kds-surface);border-radius:12px;border:1px solid var(--kds-border);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.comanda-card.alert-yellow{border-color:var(--alert-yellow-color);border-width:2px;background-color:#fffbeb;box-shadow:0 2px 8px #f59e0b1f}.comanda-card.alert-orange{border-color:var(--alert-orange-color);border-width:2px;background-color:#fff7ed;box-shadow:0 2px 12px #f9731626}.comanda-card.alert-red{border-color:var(--alert-red-color);border-width:2px;background-color:#fef2f2;box-shadow:0 2px 12px #ef444426;animation:pulso-rojo 2.5s ease-in-out infinite}@keyframes pulso-rojo{0%,to{box-shadow:0 2px 12px #ef444426}50%{box-shadow:0 4px 20px #ef444440}}.comanda-card-header{padding:14px 16px 10px;border-bottom:1px solid var(--kds-border);display:flex;flex-direction:column;gap:8px}.comanda-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.comanda-numero{font-size:1.15rem;font-weight:800;color:var(--kds-text-primary);letter-spacing:.01em;font-variant-numeric:tabular-nums}.tiempo-badge{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--kds-surface-raised);color:var(--kds-text-secondary);white-space:nowrap}.tiempo-badge.alert-yellow{background-color:#fef3c7;color:#92400e}.tiempo-badge.alert-orange{background-color:#ffedd5;color:#9a3412}.tiempo-badge.alert-red{background-color:#fee2e2;color:#991b1b}.comanda-card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.meta-mesa,.meta-mesero{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--kds-text-secondary)}.meta-mesa{font-weight:700;color:var(--kds-text-primary);font-size:.95rem}.meta-mesa svg{color:#f97316}.meta-mesero svg{color:var(--kds-text-muted)}.comanda-notas-generales{display:flex;align-items:flex-start;gap:7px;padding:8px 16px;background-color:#fef3c7;border-bottom:1px solid #fde68a;font-size:.82rem;color:#92400e;font-style:italic;line-height:1.4}.comanda-notas-generales svg{flex-shrink:0;margin-top:1px;opacity:.8}.comanda-items-list{padding:8px 0;flex:1;display:flex;flex-direction:column;gap:2px}.item-comanda{padding:10px 16px;display:flex;flex-direction:column;gap:6px;border-left:3px solid transparent;transition:background .1s}.item-comanda.estado-pendiente{border-left-color:var(--estado-pendiente)}.item-comanda.estado-preparando{border-left-color:var(--estado-preparando);background:var(--estado-preparando-bg)}.item-comanda.estado-listo{border-left-color:var(--estado-listo);background:var(--estado-listo-bg)}.item-comanda.estado-entregado{border-left-color:var(--estado-entregado);opacity:.45}.item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-cantidad-nombre{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.item-cantidad{font-size:1rem;font-weight:800;color:#f97316;flex-shrink:0;font-variant-numeric:tabular-nums}.item-nombre{font-size:.9rem;font-weight:600;color:var(--kds-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-entregado .item-nombre{text-decoration:line-through;color:var(--kds-text-muted)}.item-estado-badge{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.item-estado-badge.estado-pendiente{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.item-estado-badge.estado-preparando{background-color:#dbeafe;color:#1d4ed8}.item-estado-badge.estado-listo{background-color:#dcfce7;color:#15803d}.item-estado-badge.estado-entregado{background-color:#f1f5f9;color:var(--estado-entregado)}.item-notas{display:flex;align-items:flex-start;gap:5px;font-size:.78rem;color:#64748b;font-style:italic;padding-left:2px;line-height:1.4}.item-notas svg{flex-shrink:0;margin-top:1px;opacity:.7}.btn-accion-item{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;border-radius:7px;border:none;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,transform .08s;letter-spacing:.01em;margin-top:2px}.btn-accion-item:active:not(:disabled){transform:scale(.97)}.btn-accion-item:disabled{opacity:.5;cursor:not-allowed}.btn-accion-item.btn-preparando{background-color:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.btn-accion-item.btn-preparando:hover:not(:disabled){background-color:#bfdbfe}.btn-accion-item.btn-listo{background-color:#dcfce7;color:#15803d;border:1px solid #86efac}.btn-accion-item.btn-listo:hover:not(:disabled){background-color:#bbf7d0}.btn-accion-item.btn-entregado{background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-accion-item.btn-entregado:hover:not(:disabled){background-color:#e2e8f0}.comanda-card-footer{padding:12px 14px;border-top:1px solid var(--kds-border);background-color:#f8fafc}.btn-marcar-todo-listo{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:9px;border:2px solid #86efac;background-color:#dcfce7;color:#15803d;font-size:.9rem;font-weight:800;cursor:pointer;transition:background-color .15s,border-color .15s,transform .08s;letter-spacing:.01em}.btn-marcar-todo-listo:hover:not(:disabled){background-color:#bbf7d0;border-color:#4ade80}.btn-marcar-todo-listo:active:not(:disabled){transform:scale(.98)}.btn-marcar-todo-listo:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.kds-container{margin:-16px;width:calc(100% + 32px)}.kds-topbar{padding:12px 16px}.kds-title{font-size:1.1rem}.kds-zona-nav{padding:10px 16px;gap:6px}.kds-zona-tab{padding:7px 14px;font-size:.82rem}.kds-main-content{padding:14px 16px 24px}.comanda-numero{font-size:1rem}.meta-mesa{font-size:.88rem}.btn-marcar-todo-listo{min-height:48px;font-size:.85rem}}@media (max-width: 480px){.kds-container{margin:-16px;width:calc(100% + 32px)}.kds-topbar{padding:10px 14px;min-height:56px}.kds-title{font-size:1rem}.kds-refresh-indicator span{display:none}.kds-main-content{padding:12px 12px 20px}}.btn-accion-item:focus-visible,.btn-marcar-todo-listo:focus-visible,.kds-btn-refresh:focus-visible,.kds-zona-tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.pap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.pap-card{background:#fff;border-radius:var(--radius-lg, 12px);width:100%;max-width:440px;box-shadow:0 20px 60px #0003;overflow:hidden}.pap-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pap-titulo{margin:0;font-size:18px;font-weight:700;color:var(--color-primary, #2c3e50)}.pap-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-surface, #f8f9fa);border-radius:50%;cursor:pointer;color:var(--color-text-secondary, #7f8c8d);transition:background .15s ease}.pap-close:hover{background:var(--color-surface-dark, #e9ecef);color:var(--color-text-primary, #2c3e50)}.pap-progreso{display:flex;gap:8px;justify-content:center;padding:16px 24px 8px}.pap-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border, #dee2e6);transition:background .2s ease,transform .2s ease}.pap-dot--activo{background:var(--color-accent, #3498db);transform:scale(1.3)}.pap-dot--completado{background:var(--color-success, #27ae60)}.pap-contenido{text-align:center;padding:24px 32px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pap-icono-wrapper{width:80px;height:80px;border-radius:50%;background:#3498db1a;display:flex;align-items:center;justify-content:center;color:var(--color-accent, #3498db);margin-bottom:16px}.pap-paso-numero{font-size:12px;color:var(--color-text-light, #95a5a6);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.pap-paso-titulo{font-size:20px;font-weight:700;color:var(--color-primary, #2c3e50);margin:0 0 8px}.pap-paso-desc{font-size:15px;color:var(--color-text-secondary, #7f8c8d);line-height:1.5;margin:0;max-width:320px}.pap-nav{display:flex;gap:12px;padding:16px 24px 24px;justify-content:space-between}.pap-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;min-height:44px;border:1px solid var(--color-border, #dee2e6);background:#fff;color:var(--color-text-primary, #2c3e50);border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pap-nav-btn:hover:not(:disabled){background:var(--color-surface, #f8f9fa);border-color:var(--color-accent, #3498db)}.pap-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pap-nav-btn--primary{background:var(--color-accent, #3498db);color:#fff;border-color:var(--color-accent, #3498db)}.pap-nav-btn--primary:hover:not(:disabled){background:#2980b9;border-color:#2980b9}@media (max-width: 480px){.pap-card{max-width:100%}.pap-contenido{padding:20px;min-height:180px}.pap-icono-wrapper{width:64px;height:64px}.pap-icono-wrapper svg{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.pap-dot{transition:none}}.ayuda-page{display:flex;gap:0;min-height:calc(100vh - 102px);position:relative}.ayuda-sidebar{width:280px;min-width:280px;position:sticky;top:90px;height:fit-content;max-height:calc(100vh - 110px);overflow-y:auto;padding:16px;background:#fff;border-right:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-lg, 12px);margin-right:24px}.ayuda-sidebar-home{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--color-text-secondary, #7f8c8d);border-radius:var(--radius-sm, 4px);transition:background .15s ease,color .15s ease;margin-bottom:4px}.ayuda-sidebar-home:hover{background:var(--color-surface, #f8f9fa);color:var(--color-accent, #3498db)}.ayuda-sidebar-home--activo{background:#3498db1a;color:var(--color-accent, #3498db)}.ayuda-sidebar-titulo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary, #7f8c8d);margin:8px 0 6px;padding:0 8px}.ayuda-sidebar-lista{list-style:none;margin:0;padding:0}.ayuda-sidebar-lista li{margin:0}.ayuda-sidebar-link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:7px 10px;border:none;background:none;cursor:pointer;font-size:13px;line-height:1.4;color:var(--color-text-primary, #2c3e50);border-radius:var(--radius-sm, 4px);transition:background .15s ease,color .15s ease}.ayuda-sidebar-link:hover{background:var(--color-surface, #f8f9fa);color:var(--color-accent, #3498db)}.ayuda-sidebar-link--activo{background:#3498db1a;color:var(--color-accent, #3498db);font-weight:600}.ayuda-sidebar-link--oculto{opacity:.35;pointer-events:none}.ayuda-sidebar-num{font-size:11px;font-weight:700;color:var(--color-text-light, #95a5a6);min-width:16px;flex-shrink:0}.ayuda-sidebar-link--activo .ayuda-sidebar-num{color:var(--color-accent, #3498db)}.ayuda-buscador{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface, #f8f9fa);border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-md, 8px);transition:border-color .15s ease;margin-bottom:8px}.ayuda-buscador:focus-within{border-color:var(--color-accent, #3498db);box-shadow:0 0 0 3px #3498db1a}.ayuda-buscador svg{color:var(--color-text-light, #95a5a6);flex-shrink:0}.ayuda-buscador-input{flex:1;border:none;background:none;outline:none;font-size:13.5px;color:var(--color-text-primary, #2c3e50);min-width:0}.ayuda-buscador-input::placeholder{color:var(--color-text-light, #95a5a6)}.ayuda-buscador-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:var(--color-surface-dark, #e9ecef);border-radius:50%;cursor:pointer;color:var(--color-text-secondary, #7f8c8d);flex-shrink:0;transition:background .15s ease}.ayuda-buscador-clear:hover{background:var(--color-border, #dee2e6)}.ayuda-buscador-resultados{font-size:12px;color:var(--color-text-secondary, #7f8c8d);margin:0 0 4px;padding:0 8px}.ayuda-contenido{flex:1;max-width:900px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:var(--color-text-primary, #2c3e50);min-height:400px}.ayuda-intro{padding-top:8px}.ayuda-intro-titulo{font-size:2rem;font-weight:800;margin:0 0 8px;color:var(--color-primary, #2c3e50)}.ayuda-intro-subtitulo{font-size:17px;color:var(--color-text-secondary, #7f8c8d);margin:0 0 24px;font-weight:500}.ayuda-intro-desc{font-size:15px;color:var(--color-text-secondary, #7f8c8d);margin:0 0 16px}.ayuda-intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ayuda-intro-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;min-height:56px}.ayuda-intro-card:hover{border-color:var(--color-accent, #3498db);box-shadow:0 2px 12px #3498db1f;transform:translateY(-1px)}.ayuda-intro-card-num{font-size:22px;font-weight:800;color:var(--color-accent, #3498db);min-width:32px;text-align:center;flex-shrink:0}.ayuda-intro-card-titulo{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary, #2c3e50);line-height:1.3}.ayuda-intro-card-arrow{color:var(--color-text-light, #95a5a6);flex-shrink:0;transition:color .15s ease,transform .15s ease}.ayuda-intro-card:hover .ayuda-intro-card-arrow{color:var(--color-accent, #3498db);transform:translate(2px)}.ayuda-bloque-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ayuda-bloque-home{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border, #dee2e6);background:#fff;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text-secondary, #7f8c8d);transition:border-color .15s ease,color .15s ease;min-height:36px}.ayuda-bloque-home:hover{border-color:var(--color-accent, #3498db);color:var(--color-accent, #3498db)}.ayuda-bloque-indicador{font-size:12px;font-weight:600;color:var(--color-text-light, #95a5a6);text-transform:uppercase;letter-spacing:.04em}.ayuda-progreso-bar{height:3px;background:var(--color-surface-dark, #e9ecef);border-radius:2px;margin-bottom:24px;overflow:hidden}.ayuda-progreso-fill{height:100%;background:var(--color-accent, #3498db);border-radius:2px;transition:width .3s ease}.ayuda-bloque-contenido h2{font-size:1.5rem;font-weight:700;margin:0 0 16px;padding-left:8px;border-radius:var(--radius-sm, 4px);color:var(--color-primary, #2c3e50);transition:background .3s ease}.ayuda-bloque-contenido h2:first-of-type{border-top:none}.ayuda-h3-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0 12px}.ayuda-h3-wrapper h3{font-size:1.15rem;font-weight:600;color:var(--color-secondary, #34495e);margin:0}.ayuda-paso-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;min-height:32px;border:1px solid var(--color-accent, #3498db);background:#3498db14;color:var(--color-accent, #3498db);border-radius:16px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.ayuda-paso-btn:hover{background:var(--color-accent, #3498db);color:#fff}.ayuda-bloque-contenido p{margin:0 0 16px}.ayuda-bloque-contenido strong{color:var(--color-primary, #2c3e50)}.ayuda-bloque-contenido ul,.ayuda-bloque-contenido ol{margin:0 0 16px;padding-left:24px}.ayuda-bloque-contenido li{margin-bottom:6px}.ayuda-bloque-contenido hr{border:none;height:1px;background:var(--color-border, #dee2e6);margin:32px 0}.ayuda-bloque-contenido code{background:var(--color-surface, #f8f9fa);padding:2px 6px;border-radius:3px;font-size:.9em;color:var(--color-danger, #e74c3c)}.ayuda-callout{display:flex;gap:12px;margin:16px 0;padding:14px 16px;border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;border-left:4px solid}.ayuda-callout--info{background:#3498db0f;border-left-color:var(--color-accent, #3498db)}.ayuda-callout--warning{background:#f39c1214;border-left-color:var(--color-warning, #f39c12)}.ayuda-callout--success{background:#27ae600f;border-left-color:var(--color-success, #27ae60)}.ayuda-callout-icono{flex-shrink:0;margin-top:2px}.ayuda-callout--info .ayuda-callout-icono{color:var(--color-accent, #3498db)}.ayuda-callout--warning .ayuda-callout-icono{color:var(--color-warning, #f39c12)}.ayuda-callout--success .ayuda-callout-icono{color:var(--color-success, #27ae60)}.ayuda-callout-contenido{flex:1;min-width:0}.ayuda-callout-contenido p{margin:0}@keyframes highlight-flash{0%{background:#f39c1240}to{background:transparent}}.ayuda-highlight-flash{animation:highlight-flash 2s ease-out forwards;border-radius:var(--radius-sm, 4px)}.ayuda-tabla-wrapper{overflow-x:auto;margin:16px 0;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #dee2e6)}.ayuda-tabla{width:100%;border-collapse:collapse;font-size:14px}.ayuda-tabla th{background:var(--color-surface, #f8f9fa);font-weight:600;text-align:left;padding:12px 16px;border-bottom:2px solid var(--color-border, #dee2e6);color:var(--color-primary, #2c3e50);white-space:nowrap}.ayuda-tabla td{padding:10px 16px;border-bottom:1px solid var(--color-surface-dark, #e9ecef)}.ayuda-tabla tr:nth-child(2n){background:var(--color-surface, #f8f9fa)}.ayuda-tabla tr:last-child td{border-bottom:none}.ayuda-tabla tr:hover{background:#3498db0a}.ayuda-img-wrapper{display:inline-block;position:relative;cursor:zoom-in;border-radius:var(--radius-md, 8px);overflow:hidden;margin:8px 0}.ayuda-img{max-width:100%;height:auto;display:block;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #dee2e6)}.ayuda-img-zoom{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.ayuda-img-wrapper:hover .ayuda-img-zoom{opacity:1}.ayuda-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10002;padding:40px;cursor:zoom-out}.ayuda-lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;background:#ffffff26;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.ayuda-lightbox-close:hover{background:#ffffff4d}.ayuda-lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md, 8px);cursor:default}.ayuda-nav-seccion{display:flex;justify-content:space-between;align-items:stretch;gap:16px;margin:40px 0 16px;padding-top:20px;border-top:1px solid var(--color-surface-dark, #e9ecef)}.ayuda-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:44px;border:1px solid var(--color-border, #dee2e6);background:#fff;border-radius:var(--radius-md, 8px);cursor:pointer;transition:border-color .15s ease,background .15s ease;max-width:48%}.ayuda-nav-btn span{font-size:13.5px;font-weight:600;color:var(--color-text-primary, #2c3e50);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ayuda-nav-btn svg{flex-shrink:0;color:var(--color-text-light, #95a5a6);transition:color .15s ease}.ayuda-nav-btn:hover{border-color:var(--color-accent, #3498db);background:#3498db0a}.ayuda-nav-btn:hover svg{color:var(--color-accent, #3498db)}.ayuda-nav-btn--prev{text-align:left}.ayuda-nav-btn--next{text-align:right;margin-left:auto}.ayuda-nav-btn--finalizar{text-align:right;margin-left:auto;border-color:var(--color-success, #27ae60);background:#27ae600f}.ayuda-nav-btn--finalizar svg{color:var(--color-success, #27ae60)}.ayuda-nav-btn--finalizar span{color:var(--color-success, #27ae60)}.ayuda-nav-btn--finalizar:hover{background:var(--color-success, #27ae60);border-color:var(--color-success, #27ae60)}.ayuda-nav-btn--finalizar:hover svg,.ayuda-nav-btn--finalizar:hover span{color:#fff}.ayuda-sin-resultados{text-align:center;padding:48px 24px;color:var(--color-text-secondary, #7f8c8d)}.ayuda-sin-resultados svg{margin-bottom:12px;color:var(--color-text-light, #95a5a6)}.ayuda-sin-resultados p{margin:0 0 8px;font-size:16px}.ayuda-sin-resultados-tip{font-size:13px;color:var(--color-text-light, #95a5a6)}.ayuda-soporte{margin-top:32px;padding:32px;text-align:center;background:linear-gradient(135deg,#27ae600f,#3498db0f);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border, #dee2e6)}.ayuda-soporte-texto{font-size:16px;color:var(--color-text-secondary, #7f8c8d);margin:0 0 16px}.ayuda-soporte-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--color-success, #27ae60);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease;min-height:48px}.ayuda-soporte-btn:hover{background:#219a52;transform:translateY(-1px)}.ayuda-soporte-btn:active{transform:translateY(0)}.ayuda-menu-toggle,.ayuda-overlay{display:none}@media (max-width: 1024px){.ayuda-sidebar{width:240px;min-width:240px;margin-right:16px}}@media (max-width: 768px){.ayuda-page{flex-direction:column}.ayuda-menu-toggle{display:inline-flex;align-items:center;gap:6px;position:sticky;top:70px;z-index:100;background:#fff;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-md, 8px);padding:8px 14px;font-size:14px;font-weight:600;color:var(--color-text-primary, #2c3e50);cursor:pointer;margin-bottom:12px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));min-height:44px}.ayuda-sidebar{position:fixed;top:0;left:-320px;width:300px;min-width:300px;height:100vh;max-height:100vh;z-index:1000;margin:0;border-radius:0;border-right:1px solid var(--color-border, #dee2e6);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .1));transition:left .3s ease;padding-top:20px}.ayuda-sidebar--abierto{left:0}.ayuda-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999}.ayuda-contenido{max-width:100%}.ayuda-intro-titulo{font-size:1.5rem}.ayuda-intro-grid{grid-template-columns:1fr}.ayuda-bloque-contenido h2{font-size:1.25rem}.ayuda-nav-seccion{flex-direction:column;gap:8px}.ayuda-nav-btn{max-width:100%}.ayuda-nav-btn--next,.ayuda-nav-btn--finalizar{margin-left:0}.ayuda-h3-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.ayuda-lightbox{padding:16px}.ayuda-bloque-header{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion: reduce){.ayuda-highlight-flash{animation:none}.ayuda-nav-btn,.ayuda-sidebar-link,.ayuda-soporte-btn,.ayuda-intro-card{transition:none}}.floating-help-fab{position:fixed;bottom:30px;right:30px;z-index:9999;width:56px;height:56px;border-radius:50%;border:none;background:var(--color-accent, #3498db);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3498db66,0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.floating-help-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #3498db80,0 4px 8px #00000026}.floating-help-fab:active{transform:scale(.95)}@keyframes fab-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #3498db66,0 2px 4px #0000001a}50%{transform:scale(1.12);box-shadow:0 6px 24px #3498db99,0 0 0 8px #3498db26}}.floating-help-fab--pulse{animation:fab-pulse 2s ease-in-out infinite}.floating-help-fab--pulse:hover{animation:none;transform:scale(1.1)}.floating-help-tooltip{position:absolute;bottom:calc(100% + 10px);right:0;background:var(--color-primary, #2c3e50);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(4px)}.floating-help-tooltip:after{content:"";position:absolute;top:100%;right:18px;border:5px solid transparent;border-top-color:var(--color-primary, #2c3e50)}.floating-help-fab:hover .floating-help-tooltip{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.floating-help-fab,.floating-help-fab--pulse{animation:none;transition:none}}@media (max-width: 768px){.floating-help-fab{bottom:20px;right:20px;width:48px;height:48px}.floating-help-fab svg{width:22px;height:22px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2c3e50;--color-primary-dark: #1a252f;--color-secondary: #34495e;--color-accent: #3498db;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-info: #3498db;--color-background: #ffffff;--color-surface: #f8f9fa;--color-surface-dark: #e9ecef;--color-text-primary: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-light: #95a5a6;--color-border: #dee2e6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#229954;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:6px 12px;font-size:12px}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;border:1px solid var(--color-border);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background-color:#fff;color:var(--color-text-primary)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db1a}.label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:var(--color-text-primary)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:#27ae601a;color:var(--color-success)}.badge-warning{background-color:#f39c121a;color:var(--color-warning)}.badge-danger{background-color:#e74c3c1a;color:var(--color-danger)}.badge-info{background-color:#3498db1a;color:var(--color-info)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-secondary)}.error{background-color:#e74c3c1a;border:1px solid var(--color-danger);color:var(--color-danger);padding:12px 16px;border-radius:var(--radius-md);margin:16px 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.page-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--color-border)}.page-header h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.page-header p{color:var(--color-text-secondary);font-size:14px}.page-placeholder{background:#fff;padding:64px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--color-border)}.page-placeholder h1{font-size:32px;color:var(--color-text-primary);margin-bottom:16px}.page-placeholder p{color:var(--color-text-secondary);font-size:16px}