.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:32px}.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:105px;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:8px;flex:1;justify-content:center}.nav-item-container{position:relative}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-item: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}.nav-item:hover:before{left:100%}.nav-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-item.active{background:#fff;color:var(--color-primary);box-shadow:0 4px 16px #0003}.mega-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:600px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.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:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .5s ease}.menu-card:hover:before{left:100%}.menu-card:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--color-primary);transform:translate(4px);box-shadow:0 8px 24px #3b82f626}.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{transform:scale(1.1) rotate(5deg);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-factubox{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-factubox: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}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.nav-item-factubox:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 6px 20px #10b98180}.nav-item-factubox:active{transform:translateY(-1px);box-shadow:0 3px 10px #10b98166}.header-actions{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}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.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)}.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;bottom:0;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-factubox-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-factubox-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-factubox-button:active:before{opacity:1}.mobile-factubox-button:active{background:linear-gradient(135deg,#059669,#047857)}.mobile-factubox-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-factubox-content{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.mobile-factubox-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.mobile-factubox-desc{font-size:12px;color:#ffffffe6;line-height:1.4}.mobile-factubox-button>svg{color:#fff;flex-shrink:0}@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 16px;gap:16px}.logo-image{height:50px}.desktop-nav{display:none}.mobile-menu-toggle,.mobile-menu{display:block}.caja-status-badge span{display:none}.caja-status-badge,.user-info{padding:10px}.user-name,.user-role{display:none}.btn-logout{padding:8px}}.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}}.config-protected-page{min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:2rem}.config-protected-page .modal-overlay-config{width:100%;max-width:440px}.config-protected-page .modal-auth-config{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.config-protected-page .modal-header-auth{text-align:center;margin-bottom:2rem}.config-protected-page .header-icon{width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.config-protected-page .modal-header-auth h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.config-protected-page .modal-header-auth p{color:#64748b;font-size:.875rem}.config-protected-page .form-auth{display:flex;flex-direction:column;gap:1.5rem}.config-protected-page .error-mensaje{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.config-protected-page .input-group-auth label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.config-protected-page .password-input-wrapper{display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:0 1rem;transition:all .2s}.config-protected-page .password-input-wrapper:focus-within{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.config-protected-page .password-input-wrapper svg{color:#94a3b8;flex-shrink:0}.config-protected-page .password-input-wrapper input{flex:1;border:none;background:transparent;padding:.875rem .75rem;font-size:1rem;color:#1e293b;outline:none}.config-protected-page .password-input-wrapper input::placeholder{color:#94a3b8}.config-protected-page .btn-toggle-password{background:none;border:none;cursor:pointer;padding:.25rem;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .2s}.config-protected-page .btn-toggle-password:hover{color:#1e293b}.config-protected-page .acciones-auth{display:flex;gap:1rem;margin-top:.5rem}.config-protected-page .btn-cancelar-auth,.config-protected-page .btn-acceder-auth{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.config-protected-page .btn-cancelar-auth{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.config-protected-page .btn-cancelar-auth:hover{background:#e2e8f0}.config-protected-page .btn-acceder-auth{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.config-protected-page .btn-acceder-auth:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.config-protected-page .btn-acceder-auth:disabled{opacity:.6;cursor:not-allowed}.config-protected-page .info-contacto{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fffbeb;border-radius:8px;color:#b45309;font-size:.8rem}.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,#f59e0b,#d97706);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}.spinner{animation:spin 1s linear infinite}.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:#764ba2}.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}}.dash-page{min-height:100vh;background:#f8fafc;padding:24px;max-width:1400px;margin:0 auto}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:16px}.dash-welcome h1{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 6px}.dash-welcome p{font-size:14px;color:#64748b;margin:0}.dash-date{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 16px;border-radius:10px;border:1px solid #e2e8f0;font-size:13px;color:#64748b;text-transform:capitalize}.dash-date svg{color:#3b82f6}.dash-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px}.dash-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease;position:relative}.dash-stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#eff6ff;color:#3b82f6}.stat-icon.purple{background:#f3e8ff;color:#9333ea}.stat-icon.green{background:#ecfdf5;color:#059669}.stat-icon.teal{background:#f0fdfa;color:#14b8a6}.stat-icon.orange{background:#fff7ed;color:#f97316}.stat-info{display:flex;flex-direction:column;gap:2px;flex:1}.stat-value{font-size:24px;font-weight:700;color:#1e293b}.stat-label{font-size:13px;color:#64748b}.stat-arrow{color:#cbd5e1;transition:all .2s ease}.dash-stat-card:hover .stat-arrow{color:#3b82f6;transform:translate(4px)}.dash-quick-actions{margin-bottom:28px}.dash-quick-actions h2{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 14px}.quick-buttons{display:flex;gap:12px;flex-wrap:wrap}.quick-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.quick-btn.primary{background:#3b82f6;color:#fff}.quick-btn.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.quick-btn.success{background:#059669;color:#fff}.quick-btn.success:hover{background:#047857;box-shadow:0 4px 12px #0596694d}.quick-btn.info{background:#0ea5e9;color:#fff}.quick-btn.info:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e94d}.quick-btn.purple{background:#9333ea;color:#fff}.quick-btn.purple:hover{background:#7e22ce;box-shadow:0 4px 12px #9333ea4d}.dash-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f1f5f9}.card-title{display:flex;align-items:center;gap:10px}.card-title svg{color:#3b82f6}.card-title h3{font-size:15px;font-weight:600;color:#1e293b;margin:0}.card-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#3b82f6;background:none;border:none;cursor:pointer;transition:all .2s ease}.card-link:hover{color:#2563eb}.card-link:hover svg{transform:translate(3px)}.card-link svg{transition:transform .2s ease}.card-content{padding:0}.card-loading{padding:40px;text-align:center;color:#64748b;font-size:14px}.card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.card-empty svg{color:#cbd5e1;margin-bottom:12px}.card-empty p{font-size:14px;color:#64748b;margin:0 0 16px}.card-empty button{padding:10px 18px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.card-empty button:hover{background:#2563eb}.card-list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f8fafc}.item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#3b82f6;flex-shrink:0}.item-icon.orange{background:#fff7ed;color:#f97316}.item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.item-title{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.item-amount{font-size:14px;font-weight:600;color:#059669}.item-amount.red{color:#dc2626}.item-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.item-badge.success{background:#ecfdf5;color:#059669}.item-badge.warning{background:#fffbeb;color:#d97706}.item-badge.danger{background:#fef2f2;color:#dc2626}.item-badge.info{background:#eff6ff;color:#3b82f6}.item-badge.default{background:#f1f5f9;color:#64748b}.dash-footer{display:flex;justify-content:center;padding-top:8px}.footer-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.footer-item svg{color:#cbd5e1}@media (max-width: 1200px){.dash-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.dash-content{grid-template-columns:1fr}}@media (max-width: 768px){.dash-page{padding:16px}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column;align-items:flex-start}.quick-buttons{flex-direction:column}.quick-btn{justify-content:center}}@media (max-width: 480px){.dash-stats{grid-template-columns:1fr}.dash-stat-card{padding:16px}.stat-value{font-size:20px}}.configuracion-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px 24px}.configuracion-page:has(.modal-overlay-config){padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.modal-overlay-config{width:100%;max-width:440px;margin:0 auto;padding:1rem}.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)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(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,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #f59e0b4d}.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:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.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,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-acceder-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.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:#fef3c7;border-radius:8px;color:#92400e;font-size:12px;font-weight:500}.configuracion-container{max-width:1400px;margin:0 auto}.configuracion-header{margin-bottom:40px;animation:fadeIn .5s ease}.header-title svg{color:#f59e0b}.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}.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)}.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,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #f59e0b4d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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:#fef3c7;border:2px solid #fde68a;border-radius:12px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;color:#92400e}.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,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-close-info:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.configuracion-categorias{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.categoria-seccion{animation:fadeIn .5s ease}.categoria-header{margin-bottom:1.25rem;padding-left:.5rem;border-left:4px solid #f59e0b}.categoria-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.categoria-header p{font-size:.875rem;color:#64748b;margin:0}.categoria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.seccion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .25s ease;position:relative}.seccion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-color);border-radius:12px 0 0 12px;transform:scaleY(0);transition:transform .25s ease}.seccion-card:hover{border-color:var(--card-color);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.seccion-card:hover:before{transform:scaleY(1)}.seccion-card .card-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s ease}.seccion-card:hover .card-icon{transform:scale(1.05)}.seccion-card .card-content{flex:1;min-width:0}.seccion-card .card-content h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.seccion-card .card-content p{font-size:.8125rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seccion-card .card-arrow{flex-shrink:0;opacity:.5;transition:all .25s ease}.seccion-card:hover .card-arrow{opacity:1;transform:translate(4px)}.distribuidor-info{max-width:1400px;margin:3rem auto 0;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;padding:1.25rem 1.5rem}.distribuidor-content{display:flex;align-items:center;gap:1rem;color:#fff}.distribuidor-content svg{color:#f59e0b;flex-shrink:0}.distribuidor-content h4{font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.distribuidor-content p{font-size:.8125rem;color:#94a3b8;margin:0}.distribuidor-content strong{color:#fff}@media (max-width: 768px){.configuracion-page{padding:24px 16px}.configuracion-header{margin-bottom:2rem}.configuracion-header h1{font-size:1.5rem}.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%}.categoria-grid{grid-template-columns:1fr}.distribuidor-content{flex-direction:column;text-align:center}.distribuidor-content p{font-size:.75rem}}.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}}.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}.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:#6366f1;transform:translate(-2px)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title svg{color:#6366f1}.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,#6366f1,#4f46e5);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:#6366f1}.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}.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:#8b5cf6;border-color:#c4b5fd}.btn-permisos:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);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,#6366f1,#4f46e5);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{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{background:#fff;border-radius:12px;border:1px solid #e5e7eb;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-permisos{max-width:900px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-subtitle{margin:.5rem 0 0;font-size:.9375rem;color:#6b7280}.modal-subtitle strong{color:#6366f1}.text-warning{color:#f59e0b;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{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.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:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fafbff}.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:#6366f1;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:#6366f1;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:#6366f1}.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:#6366f1;flex-shrink:0}.checkbox-label:has(input:checked){border-color:#6366f1;background:#f5f3ff}.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{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:#6366f1;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:#4f46e5}.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{max-width:100%;border-radius:16px;max-height:95vh}.modal-header,.modal-footer{padding:1.25rem 1.5rem}.permisos-leyenda{flex-direction:column;gap:.75rem}.btn-cancelar,.btn-guardar{padding:.75rem 1.5rem;min-width:100px}}.config-factus-page{padding:24px;max-width:1000px;margin:0 auto;min-height:100vh;background:#f8fafc}.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 svg{color:#0ea5e9}.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:#f59e0b}.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}.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-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}@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}}.resoluciones-page{min-height:100vh;background:#f3f4f6;padding:1.5rem 2rem}.resoluciones-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.resoluciones-page .header-left{display:flex;align-items:center;gap:1rem}.resoluciones-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s}.resoluciones-page .btn-back:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.resoluciones-page .header-title{display:flex;align-items:center;gap:.75rem}.resoluciones-page .header-title svg{color:#3b82f6}.resoluciones-page .header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.resoluciones-page .header-title p{font-size:.875rem;color:#64748b;margin:0}.resoluciones-page .header-actions{display:flex;gap:.75rem;align-items:center}.resoluciones-page .btn-primary,.resoluciones-page .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.resoluciones-page .btn-primary{background:#3b82f6;color:#fff}.resoluciones-page .btn-primary:hover:not(:disabled){background:#2563eb}.resoluciones-page .btn-secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0}.resoluciones-page .btn-secondary:hover{background:#f8fafc;color:#1e293b}.tabs-container{background:#fff;border-radius:12px;padding:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.tabs-list{display:flex;gap:.5rem}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b;font-weight:500;font-size:.9375rem}.tab-item:hover{background:#f8fafc;color:#1e293b}.tab-item.active{background:var(--tab-color, #3b82f6);color:#fff;box-shadow:0 2px 8px #00000026}.tab-item svg{flex-shrink:0}.tab-label{white-space:nowrap}.tab-badge{margin-left:.25rem}.badge-activa-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffff40;border-radius:10px;font-size:.75rem;font-weight:600}.tab-item:not(.active) .badge-activa-count{background:#dcfce7;color:#166534}.badge-total-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#f1f5f9;border-radius:10px;font-size:.75rem;font-weight:600;color:#64748b}.tab-item.active .badge-total-count{background:#ffffff40;color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.tipo-info-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--tipo-color, #3b82f6) 0%,color-mix(in srgb,var(--tipo-color, #3b82f6) 80%,#000) 100%);color:#fff}.tipo-info-left{display:flex;align-items:center;gap:1rem}.tipo-icono{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px}.tipo-info-left h2{font-size:1.25rem;font-weight:700;margin:0}.tipo-info-left p{font-size:.875rem;margin:0;opacity:.9}.tipo-info-header .btn-primary{background:#fff;color:var(--tipo-color, #3b82f6)}.tipo-info-header .btn-primary:hover{background:#f8fafc}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h2{font-size:1.25rem;color:#1e293b;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0 0 1.5rem}.resoluciones-lista{overflow-x:auto}.resoluciones-table{width:100%;border-collapse:collapse}.resoluciones-table th,.resoluciones-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e2e8f0}.resoluciones-table th{background:#f8fafc;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.resoluciones-table tbody tr{transition:background .15s}.resoluciones-table tbody tr:hover{background:#f8fafc}.resoluciones-table tbody tr:last-child td{border-bottom:none}.resoluciones-table tr.fila-inactiva{opacity:.6}.resoluciones-table tr.fila-vencida td{background:#fef2f2}.resoluciones-table tr.fila-agotada td{background:#fdf2f8}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-activa{background:#dcfce7;color:#166534}.badge-inactiva{background:#f3f4f6;color:#6b7280}.badge-vencida{background:#fee2e2;color:#dc2626}.badge-pendiente{background:#fef3c7;color:#b45309}.badge-agotada{background:#fce7f3;color:#be185d}.celda-resolucion{display:flex;flex-direction:column;gap:.25rem}.numero-resolucion{font-weight:600;color:#1e293b;font-family:Consolas,Monaco,monospace}.descripcion-resolucion{font-size:.8125rem;color:#64748b}.prefijo-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:.8125rem;font-weight:600;font-family:Consolas,Monaco,monospace}.rango-text{font-size:.875rem;color:#475569;font-family:Consolas,Monaco,monospace}.numero-actual{font-weight:600;color:#10b981;font-family:Consolas,Monaco,monospace}.celda-disponibles{display:flex;flex-direction:column;gap:.375rem;min-width:100px}.disponibles-count{font-weight:600;color:#10b981;font-size:.875rem}.disponibles-count.advertencia{color:#f59e0b}.disponibles-count.critico{color:#ef4444}.mini-progress{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.mini-progress-fill.advertencia{background:#f59e0b}.mini-progress-fill.critico{background:#ef4444}.celda-vigencia span{font-size:.875rem;color:#475569}.celda-vigencia .fecha-vencida{color:#dc2626;font-weight:500}.acciones-celda{display:flex;gap:.5rem}.btn-accion{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.btn-accion:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.btn-editar:hover{background:#eff6ff;color:#3b82f6;border-color:#93c5fd}.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;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--modal-color, #3b82f6);color:#fff}.modal-title-group{display:flex;align-items:center;gap:.75rem}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ffffff4d}.modal-body{padding:1.5rem;overflow-y:auto}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section h3{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row.tres-columnas{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.form-hint{display:block;font-size:.75rem;color:#64748b;margin-top:.25rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.checkbox-label:hover{border-color:#3b82f6;background:#eff6ff}.checkbox-label input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#3b82f6}.checkbox-text{display:flex;flex-direction:column;gap:.25rem}.checkbox-text strong{font-size:.875rem;color:#1e293b}.checkbox-text small{font-size:.8125rem;color:#64748b}.radio-group-modalidad{display:flex;gap:1rem;margin-top:.5rem}.radio-card{flex:1;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;background:#f8fafc}.radio-card:hover,.radio-card.selected{border-color:#3b82f6;background:#eff6ff}.radio-card input[type=radio]{width:18px;height:18px;margin:2px 0 0;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.radio-card-content{display:flex;flex-direction:column;gap:.25rem}.radio-card-title{font-size:.875rem;font-weight:600;color:#1e293b}.radio-card-description{font-size:.75rem;color:#64748b;line-height:1.4}.badge-modalidad{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-modalidad.habilitacion{background:#fef3c7;color:#b45309}.badge-modalidad.autorizacion{background:#d1fae5;color:#065f46}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;margin-top:1.5rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:.75rem 1.5rem}@media (max-width: 1024px){.tabs-list{flex-wrap:wrap}.tab-item{flex:1 1 calc(50% - .25rem)}}@media (max-width: 768px){.resoluciones-page{padding:1rem}.resoluciones-page .page-header{flex-direction:column;align-items:flex-start}.resoluciones-page .header-actions{width:100%}.resoluciones-page .header-actions button{flex:1;justify-content:center}.tabs-list{flex-direction:column}.tab-item{flex:none;width:100%;justify-content:flex-start;padding:.875rem 1rem}.tipo-info-header{flex-direction:column;gap:1rem;text-align:center}.tipo-info-left{flex-direction:column}.tipo-info-header .btn-primary{width:100%;justify-content:center}.resoluciones-table th,.resoluciones-table td{padding:.75rem 1rem}.resoluciones-table th:nth-child(4),.resoluciones-table td:nth-child(4),.resoluciones-table th:nth-child(5),.resoluciones-table td:nth-child(5){display:none}.form-row,.form-row.tres-columnas{grid-template-columns:1fr}}@media (max-width: 480px){.resoluciones-table th:nth-child(3),.resoluciones-table td:nth-child(3),.resoluciones-table th:nth-child(6),.resoluciones-table td:nth-child(6){display:none}}.soporte-page{min-height:100vh;background:#f3f4f6;padding:1.5rem 2rem}.soporte-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.soporte-page .header-left{display:flex;align-items:center;gap:1rem}.soporte-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s}.soporte-page .btn-back:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.soporte-page .header-title{display:flex;align-items:center;gap:.75rem}.soporte-page .header-title svg{color:#8b5cf6}.soporte-page .header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.soporte-page .header-title p{font-size:.875rem;color:#64748b;margin:0}.soporte-content{max-width:1000px;margin:0 auto}.distribuidor-section{margin-bottom:2rem}.distribuidor-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.distribuidor-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.distribuidor-logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff3;border-radius:12px}.distribuidor-info h2{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.distribuidor-info p{font-size:.875rem;opacity:.9;margin:0}.contacto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.contacto-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.contacto-item.full-width{grid-column:1 / -1}.contacto-item.destacado{background:#ecfdf5;border-color:#a7f3d0}.contacto-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:8px;color:#64748b;flex-shrink:0}.contacto-icon.whatsapp{background:#25d366;color:#fff}.contacto-info{flex:1;min-width:0}.contacto-info .label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.125rem}.contacto-info .value{display:block;font-size:.9375rem;font-weight:600;color:#1e293b}.contacto-info .value-secondary{display:block;font-size:.8125rem;color:#64748b;margin-top:.125rem}.btn-copiar,.btn-externo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.btn-copiar:hover,.btn-externo:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.btn-whatsapp{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-whatsapp:hover{background:#1da851}.horarios-section{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e2e8f0}.horarios-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.horarios-header svg{color:#64748b}.horarios-header h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0}.horarios-grid{display:flex;flex-wrap:wrap;gap:.75rem}.horario-item{padding:.5rem 1rem;background:#f1f5f9;border-radius:6px;font-size:.8125rem;color:#475569}.horario-item.cerrado{background:#fef2f2;color:#dc2626}.recursos-section{margin-bottom:2rem}.recursos-section h2{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.recursos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.recurso-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.recurso-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.recurso-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f1f5f9;border-radius:10px;color:#6366f1;flex-shrink:0}.recurso-info{flex:1;min-width:0}.recurso-info h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.recurso-info p{font-size:.8125rem;color:#64748b;margin:0}.btn-recurso{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#f1f5f9;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-recurso:hover{background:#e2e8f0;color:#1e293b}.faq-section{margin-bottom:2rem}.faq-section h2{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden}.faq-item summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:500;color:#1e293b;transition:background .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:#f8fafc}.faq-item summary svg{color:#8b5cf6;flex-shrink:0}.faq-item summary span{flex:1}.faq-item[open] summary{background:#f8fafc;border-bottom:1px solid #e2e8f0}.faq-respuesta{padding:1rem 1.25rem}.faq-respuesta p{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}.version-info{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:.8125rem;color:#94a3b8}.version-info svg{color:#94a3b8}@media (max-width: 768px){.soporte-page{padding:1rem}.contacto-grid,.recursos-grid{grid-template-columns:1fr}.recurso-card{flex-direction:column;text-align:center}.btn-recurso{width:100%;justify-content:center}}.facturacion-page{max-width:1400px;margin:0 auto;padding:24px}.facturacion-page .page-header{margin-bottom:24px}.facturacion-page .header-title{display:flex;align-items:center;gap:16px}.facturacion-page .header-title svg{color:#3b82f6}.facturacion-page .header-title h1{font-size:28px;color:#1e293b;margin:0}.facturacion-page .header-title p{font-size:14px;color:#64748b;margin:0}.facturacion-page .stats-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px;margin-bottom:32px}.facturacion-page .stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.facturacion-page .stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.facturacion-page .stat-card.principal{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.facturacion-page .stat-card.principal .stat-label{color:#fffc}.facturacion-page .stat-card.principal .stat-value{font-size:28px}.facturacion-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.facturacion-page .stat-card.principal .stat-icon{background:#fff3}.facturacion-page .stat-icon.aprobado{background:#d1fae5;color:#059669}.facturacion-page .stat-icon.pendiente{background:#fef3c7;color:#d97706}.facturacion-page .stat-icon.rechazado{background:#fee2e2;color:#dc2626}.facturacion-page .stat-icon.total{background:#e0f2fe;color:#0284c7}.facturacion-page .stat-info{display:flex;flex-direction:column;gap:4px}.facturacion-page .stat-value{font-size:24px;font-weight:700;color:#1e293b}.facturacion-page .stat-label{font-size:13px;color:#64748b}.facturacion-page .seccion{margin-bottom:32px}.facturacion-page .seccion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.facturacion-page .seccion-titulo{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.facturacion-page .seccion-header .seccion-titulo{margin:0}.facturacion-page .btn-ver-todos{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#3b82f6;cursor:pointer;transition:all .2s ease}.facturacion-page .btn-ver-todos:hover{background:#f8fafc;border-color:#3b82f6}.facturacion-page .acciones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.facturacion-page .accion-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.facturacion-page .accion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-color)}.facturacion-page .accion-card:hover{transform:translateY(-4px);border-color:var(--card-color);box-shadow:0 8px 16px -4px #0000001a}.facturacion-page .accion-icono{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f8fafc;flex-shrink:0}.facturacion-page .accion-info{flex:1}.facturacion-page .accion-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.facturacion-page .accion-info p{font-size:13px;color:#64748b;margin:0}.facturacion-page .accion-arrow{color:#cbd5e1;transition:all .2s ease}.facturacion-page .accion-card:hover .accion-arrow{color:var(--card-color);transform:translate(4px)}.facturacion-page .contenido-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.facturacion-page .documentos-lista{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden}.facturacion-page .documento-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s ease}.facturacion-page .documento-item:last-child{border-bottom:none}.facturacion-page .documento-item:hover{background:#f8fafc}.facturacion-page .doc-icono{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0284c7}.facturacion-page .doc-info{display:flex;flex-direction:column;gap:2px}.facturacion-page .doc-numero{font-weight:600;color:#1e293b;font-size:14px}.facturacion-page .doc-tipo{font-size:12px;color:#64748b}.facturacion-page .doc-tercero{font-size:13px;color:#475569;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facturacion-page .doc-monto{font-weight:600;color:#059669;font-size:14px}.facturacion-page .doc-estado{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.facturacion-page .doc-estado.aprobado{background:#d1fae5;color:#059669}.facturacion-page .doc-estado.pendiente{background:#fef3c7;color:#d97706}.facturacion-page .doc-estado.rechazado{background:#fee2e2;color:#dc2626}.facturacion-page .doc-estado.borrador{background:#f1f5f9;color:#64748b}.facturacion-page .doc-estado.anulado{background:#f3f4f6;color:#6b7280}.facturacion-page .navegacion-lista{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:20px}.facturacion-page .navegacion-item{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.facturacion-page .navegacion-item:last-child{border-bottom:none}.facturacion-page .navegacion-item:hover{background:#f8fafc}.facturacion-page .navegacion-item:hover svg:last-child{transform:translate(4px);color:#3b82f6}.facturacion-page .nav-icono{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#3b82f6}.facturacion-page .nav-info{flex:1}.facturacion-page .nav-info h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}.facturacion-page .nav-info p{font-size:12px;color:#64748b;margin:0}.facturacion-page .navegacion-item>svg:last-child{color:#cbd5e1;transition:all .2s ease}.facturacion-page .resumen-otros{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.facturacion-page .resumen-otros h3{font-size:14px;font-weight:600;color:#64748b;margin:0 0 16px}.facturacion-page .resumen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.facturacion-page .resumen-item{text-align:center;padding:12px;background:#fff;border-radius:10px}.facturacion-page .resumen-valor{display:block;font-size:24px;font-weight:700;color:#1e293b}.facturacion-page .resumen-label{font-size:11px;color:#64748b}.facturacion-page .empty-mini{padding:40px 20px;text-align:center;color:#64748b}.facturacion-page .empty-mini svg{color:#cbd5e1;margin-bottom:12px}.facturacion-page .empty-mini p{margin:0;font-size:14px}.facturacion-page .loading-mini{padding:40px 20px;text-align:center;color:#64748b;font-size:14px}@media (max-width: 1200px){.facturacion-page .stats-grid{grid-template-columns:repeat(3,1fr)}.facturacion-page .stat-card.principal{grid-column:span 3}.facturacion-page .acciones-grid{grid-template-columns:repeat(2,1fr)}.facturacion-page .contenido-grid{grid-template-columns:1fr}}@media (max-width: 768px){.facturacion-page{padding:16px}.facturacion-page .stats-grid{grid-template-columns:repeat(2,1fr)}.facturacion-page .stat-card.principal{grid-column:span 2}.facturacion-page .acciones-grid{grid-template-columns:1fr}.facturacion-page .documento-item{grid-template-columns:auto 1fr auto;gap:12px}.facturacion-page .doc-tercero,.facturacion-page .doc-monto{display:none}.facturacion-page .resumen-grid{grid-template-columns:1fr}}.crear-factura-page{max-width:1600px;margin:0 auto;padding:24px}.crear-factura-page .page-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.crear-factura-page .btn-volver{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-volver:hover{border-color:#3b82f6;color:#3b82f6}.crear-factura-page .header-titulo{display:flex;align-items:center;gap:14px;flex:1}.crear-factura-page .header-titulo svg{color:#3b82f6}.crear-factura-page .header-titulo h1{font-size:24px;color:#1e293b;margin:0}.crear-factura-page .header-titulo p{font-size:14px;color:#64748b;margin:0}.crear-factura-page .header-acciones{display:flex;gap:12px}.crear-factura-page .btn-primario,.crear-factura-page .btn-secundario{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.crear-factura-page .btn-primario{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.crear-factura-page .btn-primario:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.crear-factura-page .btn-secundario{background:#fff;border:2px solid #e2e8f0;color:#475569}.crear-factura-page .btn-secundario:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.crear-factura-page .btn-primario:disabled,.crear-factura-page .btn-secundario:disabled{opacity:.6;cursor:not-allowed}.crear-factura-page .alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.crear-factura-page .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.crear-factura-page .alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.crear-factura-page .factura-contenido{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.crear-factura-page .factura-panel-izquierdo{display:flex;flex-direction:column;gap:20px}.crear-factura-page .seccion-factura{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-factura-page .seccion-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-factura-page .seccion-header svg{color:#3b82f6}.crear-factura-page .seccion-header h2{flex:1;font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-factura-page .btn-agregar-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#eff6ff;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#3b82f6;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-agregar-item:hover{background:#dbeafe}.crear-factura-page .cliente-seleccionado{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:10px}.crear-factura-page .cliente-info{display:flex;align-items:center;gap:14px;flex:1}.crear-factura-page .cliente-avatar{width:48px;height:48px;border-radius:12px;background:#e0f2fe;color:#0284c7;display:flex;align-items:center;justify-content:center}.crear-factura-page .cliente-datos{display:flex;flex-direction:column;gap:2px}.crear-factura-page .cliente-nombre{font-weight:600;color:#1e293b;font-size:15px}.crear-factura-page .cliente-documento{font-size:13px;color:#64748b}.crear-factura-page .cliente-email{font-size:12px;color:#94a3b8}.crear-factura-page .btn-limpiar{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-factura-page .btn-limpiar:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-factura-page .buscador-cliente{position:relative}.crear-factura-page .input-busqueda{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.crear-factura-page .input-busqueda:focus-within{border-color:#3b82f6;background:#fff}.crear-factura-page .input-busqueda svg{color:#94a3b8;flex-shrink:0}.crear-factura-page .input-busqueda input{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.crear-factura-page .input-busqueda input::placeholder{color:#94a3b8}.crear-factura-page .dropdown-busqueda{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.crear-factura-page .opcion-consumidor-final,.crear-factura-page .opcion-cliente{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-factura-page .opcion-consumidor-final:hover,.crear-factura-page .opcion-cliente:hover{background:#f8fafc}.crear-factura-page .opcion-consumidor-final{background:#f0fdf4;color:#059669;font-weight:500}.crear-factura-page .opcion-consumidor-final:hover{background:#dcfce7}.crear-factura-page .opcion-cliente svg{color:#94a3b8}.crear-factura-page .opcion-cliente-info{display:flex;flex-direction:column;gap:2px}.crear-factura-page .opcion-cliente-info .nombre{font-weight:500;color:#1e293b;font-size:14px}.crear-factura-page .opcion-cliente-info .documento{font-size:12px;color:#64748b}.crear-factura-page .buscando{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#64748b;font-size:13px}.crear-factura-page .sin-resultados{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.crear-factura-page .error-campo{display:block;margin-top:8px;font-size:12px;color:#dc2626}.crear-factura-page .seccion-items .alert{margin:0 0 16px}.crear-factura-page .tabla-items{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.crear-factura-page .tabla-header{display:grid;grid-template-columns:1fr 100px 100px 70px 100px 110px 50px;gap:10px;padding:12px 16px;background:#f8fafc;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.crear-factura-page .tabla-fila{display:grid;grid-template-columns:1fr 100px 100px 70px 100px 110px 50px;gap:10px;padding:14px 16px;border-bottom:1px solid #f1f5f9;align-items:start}.crear-factura-page .tabla-fila:last-child{border-bottom:none}.crear-factura-page .col-descripcion,.crear-factura-page .input-con-busqueda{position:relative}.crear-factura-page .col-descripcion input,.crear-factura-page .col-cantidad input,.crear-factura-page .col-precio input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .2s ease}.crear-factura-page .col-descripcion input:focus,.crear-factura-page .col-cantidad input:focus,.crear-factura-page .col-precio input:focus{outline:none;border-color:#3b82f6}.crear-factura-page .input-busqueda-producto{position:absolute;top:100%;left:0;right:0;margin-top:4px;padding:10px 12px;border:2px solid #3b82f6;border-radius:8px;font-size:13px;z-index:101}.crear-factura-page .codigo-item{display:block;margin-top:4px;font-size:11px;color:#94a3b8}.crear-factura-page .col-cantidad{display:flex;flex-direction:column;gap:6px}.crear-factura-page .select-unidad{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;background:#f8fafc}.crear-factura-page .col-iva select{width:100%;padding:10px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff}.crear-factura-page .col-precio-iva input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#f0fdf4;transition:border-color .2s ease}.crear-factura-page .col-precio-iva input:focus{outline:none;border-color:#22c55e;background:#fff}.crear-factura-page .col-subtotal{display:flex;flex-direction:column;gap:2px;text-align:right;padding-top:10px}.crear-factura-page .valor-subtotal{font-weight:600;color:#1e293b;font-size:14px}.crear-factura-page .valor-iva{font-size:11px;color:#64748b}.crear-factura-page .col-acciones{display:flex;justify-content:center;padding-top:6px}.crear-factura-page .btn-eliminar-item{width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-factura-page .btn-eliminar-item:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-factura-page .btn-eliminar-item:disabled{opacity:.3;cursor:not-allowed}.crear-factura-page .dropdown-productos{position:absolute;top:calc(100% + 44px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:250px;overflow-y:auto}.crear-factura-page .dropdown-hint{padding:12px 16px;font-size:12px;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e2e8f0}.crear-factura-page .opcion-producto{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-factura-page .opcion-producto:hover{background:#f8fafc}.crear-factura-page .opcion-producto:last-child{border-bottom:none}.crear-factura-page .opcion-producto .producto-info{display:flex;flex-direction:column;gap:2px}.crear-factura-page .opcion-producto .codigo{font-size:11px;color:#94a3b8}.crear-factura-page .opcion-producto .nombre{font-weight:500;color:#1e293b;font-size:13px}.crear-factura-page .opcion-producto .precio{font-weight:600;color:#059669;font-size:13px}.crear-factura-page .grid-pago{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.crear-factura-page .campo{display:flex;flex-direction:column;gap:6px}.crear-factura-page .campo label{font-size:13px;font-weight:500;color:#475569}.crear-factura-page .campo select,.crear-factura-page .campo input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s ease}.crear-factura-page .campo select:focus,.crear-factura-page .campo input:focus{outline:none;border-color:#3b82f6}.crear-factura-page textarea{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;resize:vertical;font-family:inherit;transition:border-color .2s ease}.crear-factura-page textarea:focus{outline:none;border-color:#3b82f6}.crear-factura-page textarea::placeholder{color:#94a3b8}.crear-factura-page .factura-panel-derecho{position:sticky;top:24px}.crear-factura-page .panel-resumen{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-factura-page .resumen-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-factura-page .resumen-header svg{color:#3b82f6}.crear-factura-page .resumen-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-factura-page .resumen-lineas{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.crear-factura-page .linea-resumen{display:flex;justify-content:space-between;align-items:center;font-size:14px}.crear-factura-page .linea-resumen span:first-child{color:#64748b}.crear-factura-page .linea-resumen span:last-child{font-weight:500;color:#1e293b}.crear-factura-page .linea-resumen.descuento span:last-child,.crear-factura-page .linea-resumen.retencion span:last-child{color:#dc2626}.crear-factura-page .resumen-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;margin-bottom:16px}.crear-factura-page .resumen-total span:first-child{font-size:14px;font-weight:600;color:#ffffffe6}.crear-factura-page .resumen-total span:last-child{font-size:22px;font-weight:700;color:#fff}.crear-factura-page .resumen-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#f8fafc;border-radius:10px;margin-bottom:16px}.crear-factura-page .info-item{display:flex;flex-direction:column;gap:2px}.crear-factura-page .info-item .label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.crear-factura-page .info-item .valor{font-size:14px;font-weight:600;color:#1e293b}.crear-factura-page .resumen-resolucion{display:flex;flex-direction:column;gap:8px}.crear-factura-page .resumen-resolucion .label{font-size:12px;color:#64748b;font-weight:500}.crear-factura-page .resumen-resolucion select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#fff}.crear-factura-page .acciones-movil{display:none;gap:12px;margin-top:16px}.crear-factura-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.crear-factura-page .modal-transmision{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040}.crear-factura-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.crear-factura-page .modal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.crear-factura-page .btn-cerrar{width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-factura-page .btn-cerrar:hover{background:#e2e8f0;color:#1e293b}.crear-factura-page .modal-body{padding:32px 24px}.crear-factura-page .transmitiendo{text-align:center}.crear-factura-page .transmitiendo svg{color:#3b82f6;margin-bottom:16px}.crear-factura-page .transmitiendo p{font-size:16px;font-weight:500;color:#1e293b;margin:0 0 8px}.crear-factura-page .transmitiendo .hint{font-size:13px;color:#64748b}.crear-factura-page .resultado-exito{text-align:center}.crear-factura-page .resultado-exito svg{color:#059669;margin-bottom:16px}.crear-factura-page .resultado-exito h4{font-size:18px;font-weight:600;color:#059669;margin:0 0 8px}.crear-factura-page .resultado-exito p{font-size:14px;color:#475569;margin:0 0 16px}.crear-factura-page .cufe-info{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:left}.crear-factura-page .cufe-info .label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.crear-factura-page .cufe-info .valor{display:block;font-size:12px;color:#1e293b;font-family:monospace;word-break:break-all;margin-top:4px}.crear-factura-page .resultado-exito .hint{font-size:13px;color:#64748b}.crear-factura-page .resultado-error{text-align:center}.crear-factura-page .resultado-error svg{color:#dc2626;margin-bottom:16px}.crear-factura-page .resultado-error h4{font-size:18px;font-weight:600;color:#dc2626;margin:0 0 8px}.crear-factura-page .resultado-error p{font-size:14px;color:#475569;margin:0 0 16px}.crear-factura-page .lista-errores{background:#fef2f2;padding:12px 16px;border-radius:8px;margin:0 0 16px;text-align:left;list-style:none}.crear-factura-page .lista-errores li{font-size:13px;color:#dc2626;padding:4px 0}.crear-factura-page .lista-errores li:before{content:"•";margin-right:8px}.crear-factura-page .resultado-error.servidor-caido svg{color:#f97316}.crear-factura-page .resultado-error.servidor-caido h4{color:#ea580c}.crear-factura-page .servidor-caido-info{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;padding:16px;margin:16px 0}.crear-factura-page .servidor-caido-info .hint{color:#9a3412;font-size:13px;line-height:1.5;margin:0}.crear-factura-page .modal-acciones-error{display:flex;gap:12px;justify-content:center;margin-top:8px}.crear-factura-page .btn-reintentar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-reintentar:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.crear-factura-page .btn-reintentar svg{color:#fff;margin:0}.crear-factura-page .overlay-buscador{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.crear-factura-page .spin{animation:spin 1s linear infinite}@media (max-width: 1200px){.crear-factura-page .factura-contenido{grid-template-columns:1fr}.crear-factura-page .factura-panel-derecho{position:static;order:-1}.crear-factura-page .acciones-movil{display:flex}.crear-factura-page .header-acciones{display:none}}@media (max-width: 900px){.crear-factura-page .tabla-header,.crear-factura-page .tabla-fila{grid-template-columns:1fr;gap:8px}.crear-factura-page .tabla-header{display:none}.crear-factura-page .tabla-fila{padding:16px;border-bottom:2px solid #e2e8f0}.crear-factura-page .col-descripcion,.crear-factura-page .col-cantidad,.crear-factura-page .col-precio,.crear-factura-page .col-iva,.crear-factura-page .col-precio-iva{display:flex;flex-direction:column;gap:6px}.crear-factura-page .col-cantidad{flex-direction:row;align-items:center}.crear-factura-page .col-cantidad input{flex:1}.crear-factura-page .col-subtotal{text-align:left;padding-top:8px;border-top:1px solid #f1f5f9}.crear-factura-page .col-acciones{justify-content:flex-end}.crear-factura-page .grid-pago{grid-template-columns:1fr}}@media (max-width: 640px){.crear-factura-page{padding:16px}.crear-factura-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.crear-factura-page .header-titulo{flex-direction:column;align-items:flex-start;gap:8px}.crear-factura-page .header-titulo h1{font-size:20px}.crear-factura-page .acciones-movil{width:100%}.crear-factura-page .acciones-movil button{flex:1;justify-content:center}.crear-factura-page .resumen-total span:last-child{font-size:18px}}.crear-factura-page .cargando-factura{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:10px;color:#64748b;font-size:14px}.crear-factura-page .cargando-factura svg{color:#3b82f6;animation:spin 1s linear infinite}.crear-factura-page .factura-referencia-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:10px;margin-bottom:16px}.crear-factura-page .ref-datos{display:flex;flex-direction:column;gap:4px}.crear-factura-page .ref-numero{font-weight:600;color:#059669;font-size:16px}.crear-factura-page .ref-fecha{font-size:13px;color:#64748b}.crear-factura-page .ref-total{font-weight:600;color:#1e293b;font-size:14px}.crear-factura-page .btn-cambiar{padding:8px 14px;background:#fff;border:1px solid #bbf7d0;border-radius:6px;font-size:13px;font-weight:500;color:#059669;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-cambiar:hover{background:#059669;color:#fff}.crear-factura-page .sin-factura{text-align:center;padding:20px;background:#f8fafc;border-radius:10px}.crear-factura-page .sin-factura p{font-size:14px;color:#64748b;margin:0 0 16px}.crear-factura-page .btn-seleccionar-factura{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#3b82f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-seleccionar-factura:hover{background:#2563eb}.crear-factura-page .concepto-nc{margin-top:16px}.crear-factura-page .concepto-nc label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:8px}.crear-factura-page .concepto-nc select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff}.crear-factura-page .lista-facturas{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.crear-factura-page .opcion-factura{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:#f8fafc;border:2px solid transparent;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease}.crear-factura-page .opcion-factura:hover{background:#e0f2fe;border-color:#3b82f6}.crear-factura-page .opcion-factura .factura-info{display:flex;flex-direction:column;gap:4px}.crear-factura-page .opcion-factura .numero{font-weight:600;color:#1e293b;font-size:15px}.crear-factura-page .opcion-factura .fecha{font-size:12px;color:#64748b}.crear-factura-page .opcion-factura .total{font-weight:700;color:#059669;font-size:16px}.crear-factura-page .opcion-factura-container{display:flex;flex-direction:column;gap:0}.crear-factura-page .opcion-factura-container.tiene-nota-aprobada .opcion-factura{background:#f1f5f9;opacity:.7}.crear-factura-page .opcion-factura.deshabilitada{cursor:not-allowed;opacity:.6}.crear-factura-page .opcion-factura.deshabilitada:hover{background:#f1f5f9;border-color:transparent}.crear-factura-page .notas-existentes{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 12px;background:#fafafa;border-radius:0 0 10px 10px;margin-top:-4px}.crear-factura-page .nota-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.crear-factura-page .nota-badge.aprobada{background:#dcfce7;color:#166534}.crear-factura-page .nota-badge.pendiente{background:#fef3c7;color:#92400e}.crear-factura-page .nota-badge.rechazada{background:#fee2e2;color:#991b1b}.crear-factura-page .nota-badge svg{flex-shrink:0}.crear-factura-page .info-ds{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;background:#f0f9ff;border-radius:8px;font-size:13px;color:#0369a1}.crear-factura-page .info-ds svg{flex-shrink:0;margin-top:2px}.crear-factura-page .retencion-control{display:flex;align-items:center;gap:8px}.crear-factura-page .checkbox-retencion{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.crear-factura-page .checkbox-retencion input{width:16px;height:16px;cursor:pointer}.crear-factura-page .input-porcentaje{width:60px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;text-align:center}.crear-factura-page .valor-iva.retencion{color:#dc2626}.crear-factura-page .btn-cotizacion{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-cotizacion:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.crear-factura-page .btn-cotizacion:disabled{opacity:.6;cursor:not-allowed}.crear-factura-page .cotizacion-cargada-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #c4b5fd;border-radius:12px}.crear-factura-page .cotizacion-banner-info{display:flex;align-items:center;gap:12px}.crear-factura-page .cotizacion-banner-info>svg{color:#8b5cf6}.crear-factura-page .cotizacion-banner-datos{display:flex;flex-direction:column;gap:2px}.crear-factura-page .cotizacion-banner-label{font-size:12px;color:#64748b}.crear-factura-page .cotizacion-banner-numero{font-weight:700;color:#7c3aed;font-size:15px}.crear-factura-page .btn-limpiar-cotizacion{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e9d5ff;border-radius:8px;font-size:13px;font-weight:500;color:#7c3aed;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-limpiar-cotizacion:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-factura-page .modal-cotizacion{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.crear-factura-page .modal-cotizacion .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:16px 16px 0 0}.crear-factura-page .modal-titulo{display:flex;align-items:center;gap:12px}.crear-factura-page .modal-titulo svg{color:#8b5cf6}.crear-factura-page .modal-cotizacion .modal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.crear-factura-page .modal-cotizacion .modal-body{padding:20px 24px;flex:1;overflow:hidden;display:flex;flex-direction:column}.crear-factura-page .modal-busqueda{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:16px;transition:all .2s ease}.crear-factura-page .modal-busqueda:focus-within{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.crear-factura-page .modal-busqueda svg{color:#94a3b8;flex-shrink:0}.crear-factura-page .modal-busqueda input{flex:1;border:none;background:transparent;font-size:15px;color:#1e293b;outline:none}.crear-factura-page .modal-busqueda input::placeholder{color:#94a3b8}.crear-factura-page .modal-resultados{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.crear-factura-page .modal-placeholder,.crear-factura-page .modal-cargando,.crear-factura-page .modal-sin-resultados{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%;min-height:200px}.crear-factura-page .modal-placeholder svg{color:#c4b5fd;margin-bottom:16px}.crear-factura-page .modal-placeholder p{font-size:14px;color:#94a3b8;margin:0}.crear-factura-page .modal-cargando svg{color:#8b5cf6;margin-bottom:16px}.crear-factura-page .modal-cargando p{font-size:14px;color:#64748b;margin:0}.crear-factura-page .modal-sin-resultados svg{color:#fca5a5;margin-bottom:16px}.crear-factura-page .modal-sin-resultados p{font-size:14px;color:#94a3b8;margin:0}.crear-factura-page .lista-cotizaciones{display:flex;flex-direction:column;gap:8px}.crear-factura-page .item-cotizacion{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.crear-factura-page .item-cotizacion:hover{background:#f5f3ff;border-color:#c4b5fd}.crear-factura-page .item-cotizacion-icono{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.crear-factura-page .item-cotizacion-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.crear-factura-page .item-numero{font-weight:600;color:#1e293b;font-size:15px}.crear-factura-page .item-cliente{font-size:13px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crear-factura-page .item-titulo{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crear-factura-page .item-cotizacion-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.crear-factura-page .item-total{font-weight:700;color:#059669;font-size:15px}.crear-factura-page .item-estado{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.crear-factura-page .item-estado.estado-borrador{background:#f1f5f9;color:#64748b}.crear-factura-page .item-estado.estado-enviada{background:#dbeafe;color:#2563eb}.crear-factura-page .item-estado.estado-aceptada{background:#d1fae5;color:#059669}.crear-factura-page .item-estado.estado-rechazada{background:#fee2e2;color:#dc2626}.crear-factura-page .item-estado.estado-vencida{background:#fef3c7;color:#d97706}.crear-factura-page .modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.crear-factura-page .btn-cancelar{padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-cancelar:hover{border-color:#94a3b8;color:#475569}.crear-factura-page .btn-cambiar-cliente{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-cambiar-cliente:hover{background:#e2e8f0;color:#475569}.crear-factura-page .buscador-cliente{position:relative;margin-top:12px}.crear-factura-page .btn-cerrar-busqueda{width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.crear-factura-page .btn-cerrar-busqueda:hover{background:#fee2e2;color:#dc2626}.crear-factura-page .opcion-crear-cliente{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#eff6ff;border:none;border-bottom:1px solid #dbeafe;cursor:pointer;text-align:left;color:#3b82f6;font-weight:500;transition:background .2s ease}.crear-factura-page .opcion-crear-cliente:hover{background:#dbeafe}.crear-factura-page .sin-resultados{padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.crear-factura-page .sin-resultados span{color:#94a3b8;font-size:13px}.crear-factura-page .btn-crear-desde-busqueda{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f6;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.crear-factura-page .btn-crear-desde-busqueda:hover{background:#2563eb}.crear-factura-page .modal-crear-cliente{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.crear-factura-page .modal-crear-cliente .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px 16px 0 0}.crear-factura-page .modal-crear-cliente .modal-titulo svg{color:#3b82f6}.crear-factura-page .modal-crear-cliente .modal-body{padding:24px;overflow-y:auto}.crear-factura-page .form-cliente-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crear-factura-page .form-cliente-grid .campo-full{grid-column:1 / -1}.crear-factura-page .modal-crear-cliente .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}@media (max-width: 540px){.crear-factura-page .form-cliente-grid{grid-template-columns:1fr}.crear-factura-page .form-cliente-grid .campo-full{grid-column:1}}.selector-tipo-nota{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tipo-nota-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.tipo-nota-btn span{font-size:15px;font-weight:600;color:#1e293b}.tipo-nota-btn small{font-size:12px;color:#64748b;text-align:center}.tipo-nota-btn svg{color:#64748b}.tipo-nota-btn:hover{border-color:#94a3b8;background:#f8fafc}.tipo-nota-btn.active.credito{border-color:#ef4444;background:#fef2f2}.tipo-nota-btn.active.credito svg{color:#ef4444}.tipo-nota-btn.active.credito span{color:#dc2626}.tipo-nota-btn.active.debito{border-color:#f97316;background:#fff7ed}.tipo-nota-btn.active.debito svg{color:#f97316}.tipo-nota-btn.active.debito span{color:#ea580c}@media (max-width: 480px){.selector-tipo-nota{grid-template-columns:1fr}}.historial-page{max-width:1400px;margin:0 auto;padding:24px}.historial-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.historial-page .header-titulo{display:flex;align-items:center;gap:14px}.historial-page .header-titulo svg{color:#3b82f6}.historial-page .header-titulo h1{font-size:24px;color:#1e293b;margin:0}.historial-page .header-titulo p{font-size:14px;color:#64748b;margin:0}.historial-page .header-acciones{display:flex;gap:12px}.historial-page .btn-filtros{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;position:relative}.historial-page .btn-filtros:hover,.historial-page .btn-filtros.activo{border-color:#3b82f6;color:#3b82f6}.historial-page .badge-filtros{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#3b82f6;border-radius:50%;color:#fff;font-size:10px;line-height:12px;text-align:center}.historial-page .btn-refrescar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.historial-page .btn-refrescar:hover{border-color:#3b82f6;color:#3b82f6}.historial-page .tabs-tipo-documento{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:#f8fafc;border-radius:12px;overflow-x:auto}.historial-page .tab-tipo{display:flex;align-items:center;gap:8px;padding:12px 18px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.historial-page .tab-tipo:hover{background:#fff;color:var(--tab-color)}.historial-page .tab-tipo.activo{background:var(--tab-bg);color:var(--tab-color);box-shadow:0 2px 8px #00000014}.historial-page .tab-tipo svg{flex-shrink:0}.historial-page .panel-filtros{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:20px}.historial-page .filtros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.historial-page .filtro-grupo{display:flex;flex-direction:column;gap:6px}.historial-page .filtro-grupo label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.historial-page .filtro-grupo select,.historial-page .filtro-grupo input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s ease}.historial-page .filtro-grupo select:focus,.historial-page .filtro-grupo input:focus{outline:none;border-color:#3b82f6}.historial-page .btn-limpiar-filtros{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 14px;background:#f1f5f9;border:none;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s ease}.historial-page .btn-limpiar-filtros:hover{background:#e2e8f0;color:#475569}.historial-page .tabla-container{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden}.historial-page .loading-tabla,.historial-page .tabla-vacia{padding:60px 20px;text-align:center;color:#64748b}.historial-page .loading-tabla svg,.historial-page .tabla-vacia svg{color:#cbd5e1;margin-bottom:16px}.historial-page .tabla-vacia h3{font-size:18px;color:#475569;margin:0 0 8px}.historial-page .tabla-vacia p{font-size:14px;margin:0}.historial-page .tabla-documentos{width:100%;border-collapse:collapse}.historial-page .tabla-documentos th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.historial-page .tabla-documentos td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.historial-page .tabla-documentos tr{cursor:pointer;transition:background .2s ease}.historial-page .tabla-documentos tbody tr:hover{background:#f8fafc}.historial-page .tabla-documentos tbody tr:last-child td{border-bottom:none}.historial-page .col-numero .numero{font-weight:600;color:#1e293b;font-size:14px}.historial-page .col-tipo .tipo-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.historial-page .tipo-badge.factura{background:#e0f2fe;color:#0284c7}.historial-page .tipo-badge.nota_credito{background:#dcfce7;color:#059669}.historial-page .tipo-badge.nota_debito{background:#fee2e2;color:#dc2626}.historial-page .tipo-badge.documento_soporte{background:#f3e8ff;color:#7c3aed}.historial-page .tipo-badge.remision{background:#fef3c7;color:#d97706}.historial-page .col-cliente{display:flex;flex-direction:column;gap:2px}.historial-page .cliente-nombre{font-weight:500;color:#1e293b;font-size:14px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historial-page .cliente-doc{font-size:12px;color:#64748b}.historial-page .col-fecha{font-size:14px;color:#475569}.historial-page .col-total{font-weight:600;color:#059669;font-size:14px}.historial-page .badge-estado{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.historial-page .badge-estado.verde{background:#dcfce7;color:#059669}.historial-page .badge-estado.amarillo{background:#fef3c7;color:#d97706}.historial-page .badge-estado.rojo{background:#fee2e2;color:#dc2626}.historial-page .badge-estado.gris{background:#f1f5f9;color:#64748b}.historial-page .badge-estado.gris-oscuro{background:#e2e8f0;color:#475569}.historial-page .col-acciones{width:130px}.historial-page .acciones-grupo{display:flex;gap:6px}.historial-page .btn-accion{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.historial-page .btn-accion:hover{background:#e2e8f0;color:#3b82f6}.historial-page .btn-accion.warning:hover{background:#fef3c7;color:#d97706}.historial-page .btn-accion:disabled{opacity:.5;cursor:not-allowed}.historial-page .paginacion{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 14px 14px;margin-top:-14px}.historial-page .paginacion-info{font-size:13px;color:#64748b}.historial-page .paginacion-controles{display:flex;align-items:center;gap:16px}.historial-page .select-por-pagina{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;background:#fff}.historial-page .paginacion-botones{display:flex;align-items:center;gap:8px}.historial-page .btn-pagina{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.historial-page .btn-pagina:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.historial-page .btn-pagina:disabled{opacity:.4;cursor:not-allowed}.historial-page .pagina-actual{font-size:14px;font-weight:500;color:#475569;min-width:60px;text-align:center}.historial-page .spin{animation:spin 1s linear infinite}@media (max-width: 1024px){.historial-page .filtros-grid{grid-template-columns:repeat(3,1fr)}.historial-page .tabs-tipo-documento{gap:6px}.historial-page .tab-tipo{padding:10px 14px;font-size:13px}.historial-page .tab-tipo span{display:none}}@media (max-width: 768px){.historial-page{padding:16px}.historial-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.historial-page .tabs-tipo-documento{width:100%;justify-content:flex-start;padding:4px;gap:4px}.historial-page .tab-tipo{padding:10px 12px;flex:0 0 auto}.historial-page .filtros-grid{grid-template-columns:1fr}.historial-page .tabla-documentos{display:block;overflow-x:auto}.historial-page .paginacion{flex-direction:column;gap:12px;align-items:flex-start}.historial-page .paginacion-controles{width:100%;justify-content:space-between}}.modal-overlay-reintento{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:fadeIn .2s ease}.modal-reintento{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-cerrar-modal{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.btn-cerrar-modal:hover{background:#e2e8f0;color:#475569}.modal-header-reintento{position:relative;padding:24px 24px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px}.modal-header-reintento h2,.modal-header-reintento h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.icono-alerta{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#fef3c7;color:#f59e0b;flex-shrink:0}.icono-alerta.rechazado{background:#fee2e2;color:#ef4444}.modal-body-reintento{padding:20px 24px}.info-documento{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px}.info-fila{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-fila:not(:last-child){border-bottom:1px solid #e2e8f0}.info-label{font-size:13px;color:#64748b;font-weight:500}.info-valor{font-size:14px;color:#1e293b;font-weight:600}.info-valor.destacado{color:#3b82f6;font-size:15px}.aviso-reintento{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;margin-bottom:16px}.aviso-reintento.rechazado{background:#fef2f2;border-color:#fecaca}.aviso-reintento svg{flex-shrink:0;color:#d97706}.aviso-reintento.rechazado svg{color:#dc2626}.aviso-reintento p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.aviso-reintento.rechazado p{color:#991b1b}.texto-confirmacion{font-size:14px;color:#475569;margin:0;line-height:1.5}.modal-acciones{display:flex;gap:12px;padding:16px 24px 24px}.modal-acciones .btn-cancelar,.modal-acciones .btn-secondary{flex:1;padding:12px 20px;background:#f1f5f9;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.modal-acciones .btn-cancelar:hover,.modal-acciones .btn-secondary:hover{background:#e2e8f0;color:#475569}.modal-acciones .btn-transmitir,.modal-acciones .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.modal-acciones .btn-transmitir:hover:not(:disabled),.modal-acciones .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.modal-acciones .btn-transmitir:disabled,.modal-acciones .btn-primary:disabled{opacity:.6;cursor:not-allowed}.resultado-transmision{padding:40px 24px;text-align:center}.resultado-icono{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border-radius:50%}.resultado-transmision.exito .resultado-icono{background:#dcfce7;color:#059669}.resultado-transmision.error .resultado-icono{background:#fee2e2;color:#dc2626}.resultado-transmision h4{margin:0 0 12px;font-size:18px;font-weight:600}.resultado-transmision.exito h4{color:#059669}.resultado-transmision.error h4{color:#dc2626}.resultado-transmision p{margin:0 0 24px;font-size:14px;color:#64748b;line-height:1.5}.resultado-transmision .btn-cerrar-resultado{padding:12px 32px;background:#f1f5f9;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.resultado-transmision .btn-cerrar-resultado:hover{background:#e2e8f0}.cufe-info{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-bottom:20px}.cufe-label{font-size:11px;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:.5px}.cufe-valor{font-size:12px;color:#166534;font-family:monospace;word-break:break-all}.transmitiendo{padding:50px 24px;text-align:center}.transmitiendo svg{color:#3b82f6;margin-bottom:20px}.transmitiendo h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.transmitiendo p{margin:0;font-size:14px;color:#64748b}.historial-page .col-estado-dian{min-width:120px}.historial-page .btn-accion.reintento,.historial-page .btn-accion.warning{background:#fef3c7;color:#d97706}.historial-page .btn-accion.reintento:hover,.historial-page .btn-accion.warning:hover{background:#fde68a;color:#b45309}.historial-page .btn-accion.primary{background:#dbeafe;color:#2563eb}.historial-page .btn-accion.primary:hover{background:#bfdbfe;color:#1d4ed8}@media (max-width: 540px){.modal-reintento{margin:16px;max-width:calc(100% - 32px)}.modal-header-reintento,.modal-body-reintento,.modal-acciones{padding-left:16px;padding-right:16px}.modal-acciones{flex-direction:column}}.detalle-page{max-width:1400px;margin:0 auto;padding:24px}.detalle-page .loading-detalle,.detalle-page .error-detalle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b}.detalle-page .loading-detalle svg,.detalle-page .error-detalle svg{margin-bottom:16px}.detalle-page .error-detalle svg{color:#dc2626}.detalle-page .error-detalle h3{font-size:20px;color:#1e293b;margin:0 0 8px}.detalle-page .error-detalle p{margin:0 0 20px}.detalle-page .page-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.detalle-page .btn-volver{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.detalle-page .btn-volver:hover{border-color:#3b82f6;color:#3b82f6}.detalle-page .header-info{flex:1}.detalle-page .doc-tipo{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detalle-page .doc-numero{font-size:28px;font-weight:700;color:#1e293b;margin:0}.detalle-page .header-estado{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px}.detalle-page .header-acciones{display:flex;gap:10px}.detalle-page .btn-primario,.detalle-page .btn-secundario,.detalle-page .btn-peligro{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.detalle-page .btn-primario{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.detalle-page .btn-primario:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.detalle-page .btn-secundario{background:#fff;border:2px solid #e2e8f0;color:#475569}.detalle-page .btn-secundario:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.detalle-page .btn-peligro{background:#fee2e2;color:#dc2626}.detalle-page .btn-peligro:hover:not(:disabled){background:#fecaca}.detalle-page .btn-primario:disabled,.detalle-page .btn-secundario:disabled,.detalle-page .btn-peligro:disabled{opacity:.6;cursor:not-allowed}.detalle-page .mensaje{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.detalle-page .mensaje-exito{background:#dcfce7;color:#059669}.detalle-page .mensaje-error{background:#fee2e2;color:#dc2626}.detalle-page .mensaje-info{background:#e0f2fe;color:#0284c7}.detalle-page .mensaje-servidor-caido{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c;border:1px solid #fed7aa}.detalle-page .mensaje button{margin-left:auto;background:none;border:none;cursor:pointer;opacity:.6;color:inherit}.detalle-page .mensaje button:hover{opacity:1}.detalle-page .detalle-contenido{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.detalle-page .panel-principal{display:flex;flex-direction:column;gap:20px}.detalle-page .seccion{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.detalle-page .seccion-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalle-page .seccion-header svg{color:#3b82f6}.detalle-page .seccion-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.detalle-page .cliente-info{display:flex;align-items:flex-start;gap:16px}.detalle-page .cliente-avatar{width:56px;height:56px;border-radius:14px;background:#e0f2fe;color:#0284c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detalle-page .cliente-datos{display:flex;flex-direction:column;gap:4px}.detalle-page .cliente-datos .nombre{font-size:18px;font-weight:600;color:#1e293b}.detalle-page .cliente-datos .documento{font-size:14px;color:#64748b}.detalle-page .cliente-datos .email,.detalle-page .cliente-datos .direccion{font-size:13px;color:#94a3b8}.detalle-page .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.detalle-page .info-item{display:flex;flex-direction:column;gap:4px}.detalle-page .info-item .label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detalle-page .info-item .valor{font-size:14px;font-weight:500;color:#1e293b}.detalle-page .tabla-items{width:100%;border-collapse:collapse}.detalle-page .tabla-items th{padding:12px 14px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.detalle-page .tabla-items td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:14px}.detalle-page .tabla-items tr:last-child td{border-bottom:none}.detalle-page .tabla-items .text-center{text-align:center}.detalle-page .tabla-items .text-right{text-align:right}.detalle-page .tabla-items .font-semibold{font-weight:600;color:#1e293b}.detalle-page .item-descripcion{display:block;font-weight:500;color:#1e293b}.detalle-page .item-codigo{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.detalle-page .valor-iva-item{display:block;font-size:11px;color:#94a3b8}.detalle-page .observaciones-texto{font-size:14px;color:#475569;line-height:1.6;margin:0}.detalle-page .panel-lateral{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.detalle-page .card-totales{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.detalle-page .card-totales h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalle-page .totales-lineas{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.detalle-page .totales-lineas .linea{display:flex;justify-content:space-between;font-size:14px}.detalle-page .totales-lineas .linea span:first-child{color:#64748b}.detalle-page .totales-lineas .linea span:last-child{font-weight:500;color:#1e293b}.detalle-page .totales-lineas .linea.descuento span:last-child,.detalle-page .totales-lineas .linea.retencion span:last-child{color:#dc2626}.detalle-page .total-final{display:flex;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff}.detalle-page .total-final span:first-child{font-size:14px;font-weight:600}.detalle-page .total-final span:last-child{font-size:22px;font-weight:700}.detalle-page .card-dian{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.detalle-page .card-dian h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalle-page .dian-item{margin-bottom:14px}.detalle-page .dian-item .label{display:block;font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detalle-page .dian-item .valor{font-size:13px;color:#1e293b}.detalle-page .cufe-container{display:flex;align-items:center;gap:8px}.detalle-page .cufe-valor{font-family:monospace;font-size:12px;color:#475569;background:#f8fafc;padding:6px 10px;border-radius:6px;flex:1;overflow:hidden;text-overflow:ellipsis}.detalle-page .btn-copiar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.detalle-page .btn-copiar:hover{background:#e2e8f0;color:#3b82f6}.detalle-page .qr-container{margin-top:16px;text-align:center}.detalle-page .qr-container img{max-width:150px;border-radius:8px}.detalle-page .card-logs{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.detalle-page .card-logs h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.detalle-page .logs-lista{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.detalle-page .log-item{padding:12px;border-radius:8px;background:#f8fafc}.detalle-page .log-item.exitoso{border-left:3px solid #059669}.detalle-page .log-item.fallido{border-left:3px solid #dc2626}.detalle-page .log-header{display:flex;align-items:center;gap:8px;font-size:13px}.detalle-page .log-item.exitoso .log-header svg{color:#059669}.detalle-page .log-item.fallido .log-header svg{color:#dc2626}.detalle-page .log-operacion{font-weight:500;color:#1e293b;text-transform:capitalize}.detalle-page .log-fecha{margin-left:auto;font-size:11px;color:#94a3b8}.detalle-page .log-error{font-size:12px;color:#dc2626;margin:8px 0 0;background:#fee2e2;padding:6px 10px;border-radius:4px}.detalle-page .log-tiempo{font-size:11px;color:#94a3b8;display:block;margin-top:4px}.detalle-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.detalle-page .modal-anular{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.detalle-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.detalle-page .modal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.detalle-page .btn-cerrar{width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.detalle-page .modal-body{padding:24px}.detalle-page .alerta-anulacion{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fef3c7;border-radius:10px;margin-bottom:20px}.detalle-page .alerta-anulacion svg{color:#d97706;flex-shrink:0;margin-top:2px}.detalle-page .alerta-anulacion p{font-size:13px;color:#92400e;margin:0;line-height:1.5}.detalle-page .modal-body .campo{display:flex;flex-direction:column;gap:8px}.detalle-page .modal-body .campo label{font-size:14px;font-weight:500;color:#475569}.detalle-page .modal-body .campo textarea{padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;resize:vertical;font-family:inherit}.detalle-page .modal-body .campo textarea:focus{outline:none;border-color:#3b82f6}.detalle-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-radius:0 0 16px 16px}.detalle-page .spin{animation:spin 1s linear infinite}@media (max-width: 1100px){.detalle-page .detalle-contenido{grid-template-columns:1fr}.detalle-page .panel-lateral{position:static;order:-1}}@media (max-width: 768px){.detalle-page{padding:16px}.detalle-page .page-header{flex-direction:column;align-items:flex-start}.detalle-page .header-acciones{width:100%;flex-wrap:wrap}.detalle-page .info-grid{grid-template-columns:repeat(2,1fr)}.detalle-page .tabla-items{display:block;overflow-x:auto}}.listado-cotizaciones-page{max-width:1400px;margin:0 auto;padding:24px}.header-title{display:flex;align-items:center;gap:12px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#e0e7ff;color:#4338ca}.stat-icon.pendiente{background:#fef3c7;color:#d97706}.stat-icon.aceptadas{background:#d1fae5;color:#059669}.stat-icon.monto{background:#dbeafe;color:#2563eb}.stat-icon.conversion{background:#f3e8ff;color:#9333ea}.filtros-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:250px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.search-box svg{color:#94a3b8}.filtro-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer;min-width:160px}.fecha-filtro{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.fecha-filtro input{border:none;background:transparent;font-size:14px;color:#1e293b;outline:none;width:130px}.fecha-filtro svg{color:#94a3b8}.btn-limpiar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.btn-limpiar:hover{background:#f8fafc;color:#1e293b}.cotizaciones-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.cotizaciones-table{width:100%;border-collapse:collapse}.cotizaciones-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.cotizaciones-table td{padding:14px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9}.cotizaciones-table tr:hover{background:#f8fafc}.cotizaciones-table tr.fila-vencida{background:#fff7ed}.cotizaciones-table tr.fila-vencida:hover{background:#ffedd5}.numero-link{color:#8b5cf6;font-weight:600;cursor:pointer}.numero-link:hover{text-decoration:underline}.cliente{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titulo{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}td.vencida{color:#ea580c;display:flex;align-items:center;gap:6px}.icono-vencida{color:#ea580c}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-secondary{background:#f1f5f9;color:#64748b}.badge-info{background:#dbeafe;color:#2563eb}.badge-success{background:#d1fae5;color:#059669}.badge-danger{background:#fee2e2;color:#dc2626}.badge-warning{background:#fef3c7;color:#d97706}.badge-primary{background:#f3e8ff;color:#9333ea}.acciones-menu{display:flex;align-items:center;gap:4px}.btn-icono{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .2s}.btn-icono:hover{background:#f1f5f9}.btn-ver{color:#8b5cf6}.btn-editar{color:#3b82f6}.btn-menu{color:#64748b}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;min-width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;padding:6px}.menu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;font-size:14px;color:#1e293b;cursor:pointer;border-radius:6px;text-align:left}.menu-dropdown button:hover{background:#f1f5f9}.menu-dropdown button.danger{color:#dc2626}.menu-dropdown button.danger:hover{background:#fef2f2}.menu-divider{height:1px;background:#e2e8f0;margin:6px 0}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px}.btn-pag{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s}.btn-pag:hover:not(:disabled){background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.pag-info{font-size:14px;color:#64748b}.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}.modal-rechazo{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:450px}.modal-rechazo h3{margin:0 0 8px;font-size:1.25rem;color:#1e293b}.modal-rechazo p{margin:0 0 16px;color:#64748b;font-size:14px}.modal-rechazo textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;margin-bottom:16px}.modal-rechazo textarea:focus{outline:none;border-color:#8b5cf6}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:10px 20px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc}.btn-danger{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#b91c1c}@media (max-width: 1024px){.estadisticas-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.listado-cotizaciones-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.estadisticas-grid{grid-template-columns:repeat(2,1fr)}.filtros-bar{flex-direction:column}.search-box{min-width:100%}.cotizaciones-container{overflow-x:auto}.cotizaciones-table{min-width:800px}}.crear-cotizacion-page{max-width:1600px;margin:0 auto;padding:24px}.crear-cotizacion-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.crear-cotizacion-page .page-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.crear-cotizacion-page .btn-volver{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-cotizacion-page .btn-volver:hover{border-color:#8b5cf6;color:#8b5cf6}.crear-cotizacion-page .header-titulo{display:flex;align-items:center;gap:14px;flex:1}.crear-cotizacion-page .header-titulo svg{color:#8b5cf6}.crear-cotizacion-page .header-titulo h1{font-size:24px;color:#1e293b;margin:0}.crear-cotizacion-page .header-titulo p{font-size:14px;color:#64748b;margin:0}.crear-cotizacion-page .header-acciones{display:flex;gap:12px}.crear-cotizacion-page .btn-primario,.crear-cotizacion-page .btn-secundario{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.crear-cotizacion-page .btn-primario{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.crear-cotizacion-page .btn-primario:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.crear-cotizacion-page .btn-secundario{background:#fff;border:2px solid #e2e8f0;color:#475569}.crear-cotizacion-page .btn-secundario:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6}.crear-cotizacion-page .btn-primario:disabled,.crear-cotizacion-page .btn-secundario:disabled{opacity:.6;cursor:not-allowed}.crear-cotizacion-page .alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.crear-cotizacion-page .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.crear-cotizacion-page .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.crear-cotizacion-page .alert span{flex:1}.crear-cotizacion-page .btn-cerrar-mensaje{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;opacity:.7}.crear-cotizacion-page .btn-cerrar-mensaje:hover{opacity:1}.crear-cotizacion-page .cotizacion-contenido{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.crear-cotizacion-page .cotizacion-panel-izquierdo{display:flex;flex-direction:column;gap:20px}.crear-cotizacion-page .seccion-cotizacion{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-cotizacion-page .seccion-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-cotizacion-page .seccion-header svg{color:#8b5cf6}.crear-cotizacion-page .seccion-header h2{flex:1;font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-cotizacion-page .btn-agregar-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f3e8ff;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#8b5cf6;cursor:pointer;transition:all .2s ease}.crear-cotizacion-page .btn-agregar-item:hover{background:#e9d5ff}.crear-cotizacion-page .cliente-seleccionado{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:10px}.crear-cotizacion-page .cliente-info{display:flex;align-items:center;gap:14px;flex:1}.crear-cotizacion-page .cliente-avatar{width:48px;height:48px;border-radius:12px;background:#f3e8ff;color:#8b5cf6;display:flex;align-items:center;justify-content:center}.crear-cotizacion-page .cliente-datos{display:flex;flex-direction:column;gap:2px}.crear-cotizacion-page .cliente-nombre{font-weight:600;color:#1e293b;font-size:15px}.crear-cotizacion-page .cliente-documento{font-size:13px;color:#64748b}.crear-cotizacion-page .cliente-email{font-size:12px;color:#94a3b8}.crear-cotizacion-page .btn-limpiar{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-cotizacion-page .btn-limpiar:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-cotizacion-page .buscador-cliente{position:relative}.crear-cotizacion-page .input-busqueda{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.crear-cotizacion-page .input-busqueda:focus-within{border-color:#8b5cf6;background:#fff}.crear-cotizacion-page .input-busqueda svg{color:#94a3b8;flex-shrink:0}.crear-cotizacion-page .input-busqueda input{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.crear-cotizacion-page .input-busqueda input::placeholder{color:#94a3b8}.crear-cotizacion-page .dropdown-busqueda{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.crear-cotizacion-page .opcion-cliente{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-cotizacion-page .opcion-cliente:hover{background:#f8fafc}.crear-cotizacion-page .opcion-cliente svg{color:#94a3b8}.crear-cotizacion-page .opcion-cliente-info{display:flex;flex-direction:column;gap:2px}.crear-cotizacion-page .opcion-cliente-info .nombre{font-weight:500;color:#1e293b;font-size:14px}.crear-cotizacion-page .opcion-cliente-info .documento{font-size:12px;color:#64748b}.crear-cotizacion-page .buscando{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#64748b;font-size:13px}.crear-cotizacion-page .sin-resultados{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.crear-cotizacion-page .info-opcional{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fefce8;color:#a16207;font-size:12px;border-top:1px solid #fef3c7}.crear-cotizacion-page .btn-cambiar-cliente{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f3e8ff;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#8b5cf6;cursor:pointer;transition:all .2s ease}.crear-cotizacion-page .btn-cambiar-cliente:hover{background:#e9d5ff}.crear-cotizacion-page .btn-crear-desde-busqueda{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#f3e8ff;border:none;border-top:2px solid #e9d5ff;cursor:pointer;text-align:left;transition:background .2s ease;color:#8b5cf6;font-weight:500;font-size:14px}.crear-cotizacion-page .btn-crear-desde-busqueda:hover{background:#e9d5ff}.crear-cotizacion-page .modal-crear-cliente{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.crear-cotizacion-page .modal-crear-cliente .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.crear-cotizacion-page .modal-crear-cliente .modal-titulo{display:flex;align-items:center;gap:12px}.crear-cotizacion-page .modal-crear-cliente .modal-titulo svg{color:#8b5cf6}.crear-cotizacion-page .modal-crear-cliente .modal-titulo h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.crear-cotizacion-page .modal-crear-cliente .modal-body{padding:24px}.crear-cotizacion-page .modal-crear-cliente .form-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.crear-cotizacion-page .modal-crear-cliente .campo-full{grid-column:1 / -1}.crear-cotizacion-page .modal-crear-cliente .campo{display:flex;flex-direction:column;gap:6px}.crear-cotizacion-page .modal-crear-cliente .campo label{font-size:13px;font-weight:500;color:#475569}.crear-cotizacion-page .modal-crear-cliente .campo input,.crear-cotizacion-page .modal-crear-cliente .campo select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b}.crear-cotizacion-page .modal-crear-cliente .campo input:focus,.crear-cotizacion-page .modal-crear-cliente .campo select:focus{outline:none;border-color:#8b5cf6}.crear-cotizacion-page .modal-crear-cliente .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.crear-cotizacion-page .grid-detalles{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:16px}.crear-cotizacion-page .campo{display:flex;flex-direction:column;gap:6px}.crear-cotizacion-page .campo-full{grid-column:1 / -1}.crear-cotizacion-page .campo label{font-size:13px;font-weight:500;color:#475569}.crear-cotizacion-page .campo select,.crear-cotizacion-page .campo input,.crear-cotizacion-page .campo textarea{padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s ease;font-family:inherit}.crear-cotizacion-page .campo select:focus,.crear-cotizacion-page .campo input:focus,.crear-cotizacion-page .campo textarea:focus{outline:none;border-color:#8b5cf6}.crear-cotizacion-page .campo textarea{resize:vertical}.crear-cotizacion-page .campo textarea::placeholder,.crear-cotizacion-page .campo input::placeholder{color:#94a3b8}.crear-cotizacion-page .seccion-items .alert{margin:0 0 16px}.crear-cotizacion-page .tabla-items{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.crear-cotizacion-page .tabla-header{display:grid;grid-template-columns:1fr 100px 100px 70px 100px 110px 50px;gap:12px;padding:12px 16px;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.crear-cotizacion-page .tabla-fila{display:grid;grid-template-columns:1fr 100px 100px 70px 100px 110px 50px;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;align-items:start}.crear-cotizacion-page .tabla-fila:last-child{border-bottom:none}.crear-cotizacion-page .col-descripcion,.crear-cotizacion-page .input-con-busqueda{position:relative}.crear-cotizacion-page .col-descripcion input,.crear-cotizacion-page .col-cantidad input,.crear-cotizacion-page .col-precio input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .2s ease}.crear-cotizacion-page .col-descripcion input:focus,.crear-cotizacion-page .col-cantidad input:focus,.crear-cotizacion-page .col-precio input:focus,.crear-cotizacion-page .col-precio-iva input:focus{outline:none;border-color:#8b5cf6}.crear-cotizacion-page .col-precio-iva input{width:100%;padding:10px 12px;border:1px solid #bbf7d0;border-radius:8px;font-size:14px;color:#1e293b;background:#f0fdf4;transition:border-color .2s ease}.crear-cotizacion-page .col-precio-iva input:focus{border-color:#22c55e;background:#fff}.crear-cotizacion-page .codigo-item{display:block;margin-top:4px;font-size:11px;color:#94a3b8}.crear-cotizacion-page .col-cantidad{display:flex;flex-direction:column;gap:6px}.crear-cotizacion-page .select-unidad{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;background:#f8fafc}.crear-cotizacion-page .col-iva select{width:100%;padding:10px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff}.crear-cotizacion-page .col-subtotal{display:flex;flex-direction:column;gap:2px;text-align:right;padding-top:10px}.crear-cotizacion-page .valor-subtotal{font-weight:600;color:#1e293b;font-size:14px}.crear-cotizacion-page .valor-iva{font-size:11px;color:#64748b}.crear-cotizacion-page .col-acciones{display:flex;justify-content:center;padding-top:6px}.crear-cotizacion-page .btn-eliminar-item{width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-cotizacion-page .btn-eliminar-item:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-cotizacion-page .btn-eliminar-item:disabled{opacity:.3;cursor:not-allowed}.crear-cotizacion-page .dropdown-productos{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:250px;overflow-y:auto}.crear-cotizacion-page .opcion-producto{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-cotizacion-page .opcion-producto:hover{background:#f8fafc}.crear-cotizacion-page .opcion-producto:last-child{border-bottom:none}.crear-cotizacion-page .opcion-producto .producto-info{display:flex;flex-direction:column;gap:2px}.crear-cotizacion-page .opcion-producto .codigo{font-size:11px;color:#94a3b8}.crear-cotizacion-page .opcion-producto .nombre{font-weight:500;color:#1e293b;font-size:13px}.crear-cotizacion-page .opcion-producto .precio{font-weight:600;color:#059669;font-size:13px}.crear-cotizacion-page .grid-pago{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.crear-cotizacion-page .grid-notas{display:flex;flex-direction:column;gap:16px}.crear-cotizacion-page .campo-notas-internas textarea{background:#fffbeb;border-color:#fde68a}.crear-cotizacion-page .campo-notas-internas textarea:focus{border-color:#f59e0b}.crear-cotizacion-page .cotizacion-panel-derecho{position:sticky;top:24px}.crear-cotizacion-page .panel-resumen{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-cotizacion-page .resumen-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-cotizacion-page .resumen-header svg{color:#8b5cf6}.crear-cotizacion-page .resumen-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-cotizacion-page .resumen-lineas{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.crear-cotizacion-page .linea-resumen{display:flex;justify-content:space-between;align-items:center;font-size:14px}.crear-cotizacion-page .linea-resumen span:first-child{color:#64748b}.crear-cotizacion-page .linea-resumen span:last-child{font-weight:500;color:#1e293b}.crear-cotizacion-page .linea-resumen.descuento span:last-child{color:#dc2626}.crear-cotizacion-page .resumen-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;margin-bottom:16px}.crear-cotizacion-page .resumen-total span:first-child{font-size:14px;font-weight:600;color:#ffffffe6}.crear-cotizacion-page .resumen-total span:last-child{font-size:22px;font-weight:700;color:#fff}.crear-cotizacion-page .resumen-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#f8fafc;border-radius:10px;margin-bottom:16px}.crear-cotizacion-page .info-item{display:flex;flex-direction:column;gap:2px}.crear-cotizacion-page .info-item .label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.crear-cotizacion-page .info-item .valor{font-size:14px;font-weight:600;color:#1e293b}.crear-cotizacion-page .descuento-global{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fefce8;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px}.crear-cotizacion-page .descuento-global label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#a16207}.crear-cotizacion-page .descuento-global input{padding:10px 12px;border:1px solid #fde68a;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;text-align:center}.crear-cotizacion-page .descuento-global input:focus{outline:none;border-color:#f59e0b}.crear-cotizacion-page .info-cotizacion{padding:14px;background:#f8fafc;border-radius:10px}.crear-cotizacion-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.crear-cotizacion-page .info-row .label{font-size:13px;color:#64748b}.crear-cotizacion-page .info-row .valor{font-size:13px;font-weight:600;color:#1e293b}.crear-cotizacion-page .badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.crear-cotizacion-page .badge-borrador{background:#f1f5f9;color:#64748b}.crear-cotizacion-page .badge-enviada{background:#dbeafe;color:#2563eb}.crear-cotizacion-page .badge-aceptada{background:#d1fae5;color:#059669}.crear-cotizacion-page .badge-rechazada{background:#fee2e2;color:#dc2626}.crear-cotizacion-page .badge-vencida{background:#fef3c7;color:#d97706}.crear-cotizacion-page .badge-convertida{background:#f3e8ff;color:#9333ea}.crear-cotizacion-page .acciones-movil{display:none;gap:12px;margin-top:16px}.crear-cotizacion-page .overlay-buscador{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.crear-cotizacion-page .spin{animation:spin 1s linear infinite}@media (max-width: 1200px){.crear-cotizacion-page .cotizacion-contenido{grid-template-columns:1fr}.crear-cotizacion-page .cotizacion-panel-derecho{position:static;order:-1}.crear-cotizacion-page .acciones-movil{display:flex}.crear-cotizacion-page .header-acciones{display:none}}@media (max-width: 900px){.crear-cotizacion-page .tabla-header,.crear-cotizacion-page .tabla-fila{grid-template-columns:1fr;gap:8px}.crear-cotizacion-page .tabla-header{display:none}.crear-cotizacion-page .tabla-fila{padding:16px;border-bottom:2px solid #e2e8f0}.crear-cotizacion-page .col-descripcion,.crear-cotizacion-page .col-cantidad,.crear-cotizacion-page .col-precio,.crear-cotizacion-page .col-iva{display:flex;flex-direction:column;gap:6px}.crear-cotizacion-page .col-cantidad{flex-direction:row;align-items:center}.crear-cotizacion-page .col-cantidad input{flex:1}.crear-cotizacion-page .col-subtotal{text-align:left;padding-top:8px;border-top:1px solid #f1f5f9}.crear-cotizacion-page .col-acciones{justify-content:flex-end}.crear-cotizacion-page .grid-pago,.crear-cotizacion-page .grid-detalles{grid-template-columns:1fr}}@media (max-width: 640px){.crear-cotizacion-page{padding:16px}.crear-cotizacion-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.crear-cotizacion-page .header-titulo{flex-direction:column;align-items:flex-start;gap:8px}.crear-cotizacion-page .header-titulo h1{font-size:20px}.crear-cotizacion-page .acciones-movil{width:100%}.crear-cotizacion-page .acciones-movil button{flex:1;justify-content:center}.crear-cotizacion-page .resumen-total span:last-child{font-size:18px}}.crear-remision-page{max-width:1600px;margin:0 auto;padding:24px}.crear-remision-page .page-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.crear-remision-page .btn-volver{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-volver:hover{border-color:#f59e0b;color:#f59e0b}.crear-remision-page .header-titulo{display:flex;align-items:center;gap:14px;flex:1}.crear-remision-page .header-titulo svg{color:#f59e0b}.crear-remision-page .header-titulo h1{font-size:24px;color:#1e293b;margin:0}.crear-remision-page .header-titulo p{font-size:14px;color:#64748b;margin:0}.crear-remision-page .header-acciones{display:flex;gap:12px}.crear-remision-page .btn-primario,.crear-remision-page .btn-secundario{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.crear-remision-page .btn-primario{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.crear-remision-page .btn-primario:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.crear-remision-page .btn-secundario{background:#fff;border:2px solid #e2e8f0;color:#475569}.crear-remision-page .btn-secundario:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.crear-remision-page .btn-primario:disabled,.crear-remision-page .btn-secundario:disabled{opacity:.6;cursor:not-allowed}.crear-remision-page .btn-cotizacion{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-cotizacion:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.crear-remision-page .btn-cotizacion:disabled{opacity:.6;cursor:not-allowed}.crear-remision-page .alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.crear-remision-page .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.crear-remision-page .alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.crear-remision-page .remision-contenido{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.crear-remision-page .remision-panel-izquierdo{display:flex;flex-direction:column;gap:20px}.crear-remision-page .cotizacion-cargada-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #c4b5fd;border-radius:12px}.crear-remision-page .cotizacion-banner-info{display:flex;align-items:center;gap:12px}.crear-remision-page .cotizacion-banner-info>svg{color:#8b5cf6}.crear-remision-page .cotizacion-banner-datos{display:flex;flex-direction:column;gap:2px}.crear-remision-page .cotizacion-banner-label{font-size:12px;color:#64748b}.crear-remision-page .cotizacion-banner-numero{font-weight:700;color:#7c3aed;font-size:15px}.crear-remision-page .btn-limpiar-cotizacion{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e9d5ff;border-radius:8px;font-size:13px;font-weight:500;color:#7c3aed;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-limpiar-cotizacion:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-remision-page .seccion-remision{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-remision-page .seccion-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-remision-page .seccion-header svg{color:#f59e0b}.crear-remision-page .seccion-header h2{flex:1;font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-remision-page .btn-agregar-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fef3c7;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#d97706;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-agregar-item:hover{background:#fde68a}.crear-remision-page .cliente-seleccionado{display:flex;align-items:center;gap:16px;padding:16px;background:#fffbeb;border-radius:10px}.crear-remision-page .cliente-info{display:flex;align-items:center;gap:14px;flex:1}.crear-remision-page .cliente-avatar{width:48px;height:48px;border-radius:12px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center}.crear-remision-page .cliente-datos{display:flex;flex-direction:column;gap:2px}.crear-remision-page .cliente-nombre{font-weight:600;color:#1e293b;font-size:15px}.crear-remision-page .cliente-documento{font-size:13px;color:#64748b}.crear-remision-page .cliente-email{font-size:12px;color:#94a3b8}.crear-remision-page .btn-limpiar{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-remision-page .btn-limpiar:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-remision-page .buscador-cliente{position:relative}.crear-remision-page .input-busqueda{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.crear-remision-page .input-busqueda:focus-within{border-color:#f59e0b;background:#fff}.crear-remision-page .input-busqueda svg{color:#94a3b8;flex-shrink:0}.crear-remision-page .input-busqueda input{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.crear-remision-page .input-busqueda input::placeholder{color:#94a3b8}.crear-remision-page .dropdown-busqueda{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.crear-remision-page .opcion-cliente{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-remision-page .opcion-cliente:hover{background:#fffbeb}.crear-remision-page .opcion-cliente svg{color:#94a3b8}.crear-remision-page .opcion-cliente-info{display:flex;flex-direction:column;gap:2px}.crear-remision-page .opcion-cliente-info .nombre{font-weight:500;color:#1e293b;font-size:14px}.crear-remision-page .opcion-cliente-info .documento{font-size:12px;color:#64748b}.crear-remision-page .buscando{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#64748b;font-size:13px}.crear-remision-page .sin-resultados{padding:16px;text-align:center;color:#94a3b8;font-size:13px}.crear-remision-page .error-campo{display:block;margin-top:8px;font-size:12px;color:#dc2626}.crear-remision-page .btn-cambiar-cliente{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fef3c7;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#d97706;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-cambiar-cliente:hover{background:#fde68a}.crear-remision-page .btn-crear-desde-busqueda{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#fef3c7;border:none;border-top:2px solid #fde68a;cursor:pointer;text-align:left;transition:background .2s ease;color:#d97706;font-weight:500;font-size:14px}.crear-remision-page .btn-crear-desde-busqueda:hover{background:#fde68a}.crear-remision-page .modal-crear-cliente{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.crear-remision-page .modal-crear-cliente .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.crear-remision-page .modal-crear-cliente .modal-titulo{display:flex;align-items:center;gap:12px}.crear-remision-page .modal-crear-cliente .modal-titulo svg{color:#f59e0b}.crear-remision-page .modal-crear-cliente .modal-titulo h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.crear-remision-page .modal-crear-cliente .modal-body{padding:24px}.crear-remision-page .modal-crear-cliente .form-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}.crear-remision-page .modal-crear-cliente .campo-full{grid-column:1 / -1}.crear-remision-page .modal-crear-cliente .campo{display:flex;flex-direction:column;gap:6px}.crear-remision-page .modal-crear-cliente .campo label{font-size:13px;font-weight:500;color:#475569}.crear-remision-page .modal-crear-cliente .campo input,.crear-remision-page .modal-crear-cliente .campo select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b}.crear-remision-page .modal-crear-cliente .campo input:focus,.crear-remision-page .modal-crear-cliente .campo select:focus{outline:none;border-color:#f59e0b}.crear-remision-page .modal-crear-cliente .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.crear-remision-page .grid-entrega{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.crear-remision-page .campo{display:flex;flex-direction:column;gap:6px}.crear-remision-page .campo-full{grid-column:span 3}.crear-remision-page .campo label{font-size:13px;font-weight:500;color:#475569}.crear-remision-page .campo select,.crear-remision-page .campo input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s ease}.crear-remision-page .campo select:focus,.crear-remision-page .campo input:focus{outline:none;border-color:#f59e0b}.crear-remision-page .seccion-items .alert{margin:0 0 16px}.crear-remision-page .tabla-items{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.crear-remision-page .tabla-header{display:grid;grid-template-columns:1fr 150px 130px 120px 50px;gap:12px;padding:12px 16px;background:#fffbeb;font-size:12px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.crear-remision-page .tabla-fila{display:grid;grid-template-columns:1fr 150px 130px 120px 50px;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;align-items:start}.crear-remision-page .tabla-fila:last-child{border-bottom:none}.crear-remision-page .col-descripcion,.crear-remision-page .input-con-busqueda{position:relative}.crear-remision-page .col-descripcion input,.crear-remision-page .col-cantidad input,.crear-remision-page .col-precio input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .2s ease}.crear-remision-page .col-descripcion input:focus,.crear-remision-page .col-cantidad input:focus,.crear-remision-page .col-precio input:focus{outline:none;border-color:#f59e0b}.crear-remision-page .codigo-item{display:block;margin-top:4px;font-size:11px;color:#94a3b8}.crear-remision-page .col-cantidad{display:flex;flex-direction:column;gap:6px}.crear-remision-page .select-unidad{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;background:#f8fafc}.crear-remision-page .col-subtotal{display:flex;flex-direction:column;gap:2px;text-align:right;padding-top:10px}.crear-remision-page .valor-subtotal{font-weight:600;color:#1e293b;font-size:14px}.crear-remision-page .col-acciones{display:flex;justify-content:center;padding-top:6px}.crear-remision-page .btn-eliminar-item{width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-remision-page .btn-eliminar-item:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.crear-remision-page .btn-eliminar-item:disabled{opacity:.3;cursor:not-allowed}.crear-remision-page .dropdown-productos{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;max-height:250px;overflow-y:auto}.crear-remision-page .opcion-producto{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .2s ease}.crear-remision-page .opcion-producto:hover{background:#fffbeb}.crear-remision-page .opcion-producto:last-child{border-bottom:none}.crear-remision-page .opcion-producto .producto-info{display:flex;flex-direction:column;gap:2px}.crear-remision-page .opcion-producto .codigo{font-size:11px;color:#94a3b8}.crear-remision-page .opcion-producto .nombre{font-weight:500;color:#1e293b;font-size:13px}.crear-remision-page .opcion-producto .precio{font-weight:600;color:#059669;font-size:13px}.crear-remision-page textarea{width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;resize:vertical;font-family:inherit;transition:border-color .2s ease}.crear-remision-page textarea:focus{outline:none;border-color:#f59e0b}.crear-remision-page textarea::placeholder{color:#94a3b8}.crear-remision-page .remision-panel-derecho{position:sticky;top:24px}.crear-remision-page .panel-resumen{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px}.crear-remision-page .resumen-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.crear-remision-page .resumen-header svg{color:#f59e0b}.crear-remision-page .resumen-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.crear-remision-page .resumen-despacho{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.crear-remision-page .despacho-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fffbeb;border-radius:10px}.crear-remision-page .despacho-item svg{color:#d97706}.crear-remision-page .despacho-info{display:flex;flex-direction:column;gap:2px}.crear-remision-page .despacho-label{font-size:11px;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.crear-remision-page .despacho-valor{font-size:18px;font-weight:700;color:#1e293b}.crear-remision-page .resumen-lineas{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.crear-remision-page .linea-resumen{display:flex;justify-content:space-between;align-items:center;font-size:14px}.crear-remision-page .linea-resumen span:first-child{color:#64748b}.crear-remision-page .linea-resumen span:last-child{font-weight:500;color:#1e293b}.crear-remision-page .linea-resumen.descuento span:last-child{color:#dc2626}.crear-remision-page .resumen-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;margin-bottom:16px}.crear-remision-page .resumen-total span:first-child{font-size:14px;font-weight:600;color:#ffffffe6}.crear-remision-page .resumen-total span:last-child{font-size:22px;font-weight:700;color:#fff}.crear-remision-page .resumen-nota{display:flex;gap:10px;padding:12px;background:#fefce8;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px}.crear-remision-page .resumen-nota svg{color:#ca8a04;flex-shrink:0;margin-top:2px}.crear-remision-page .resumen-nota p{font-size:12px;color:#92400e;margin:0;line-height:1.5}.crear-remision-page .resumen-destinatario{display:flex;flex-direction:column;gap:4px;padding:14px;background:#f8fafc;border-radius:10px}.crear-remision-page .resumen-destinatario .label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.crear-remision-page .resumen-destinatario .nombre{font-weight:600;color:#1e293b;font-size:14px}.crear-remision-page .resumen-destinatario .direccion{font-size:13px;color:#64748b}.crear-remision-page .acciones-movil{display:none;gap:12px;margin-top:16px}.crear-remision-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.crear-remision-page .modal-exito{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px;text-align:center;box-shadow:0 25px 50px -12px #00000040}.crear-remision-page .modal-exito-icono{margin-bottom:20px}.crear-remision-page .modal-exito-icono svg{color:#059669}.crear-remision-page .modal-exito h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.crear-remision-page .modal-exito p{font-size:14px;color:#64748b;margin:0 0 20px}.crear-remision-page .modal-exito-info{display:flex;flex-direction:column;gap:4px;padding:16px;background:#fffbeb;border-radius:10px;margin-bottom:24px}.crear-remision-page .numero-remision{font-size:20px;font-weight:700;color:#d97706}.crear-remision-page .destinatario{font-size:14px;color:#64748b}.crear-remision-page .modal-exito-acciones{display:flex;gap:12px}.crear-remision-page .modal-exito-acciones button{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.crear-remision-page .modal-cotizacion{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.crear-remision-page .modal-cotizacion .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:16px 16px 0 0}.crear-remision-page .modal-titulo{display:flex;align-items:center;gap:12px}.crear-remision-page .modal-titulo svg{color:#8b5cf6}.crear-remision-page .modal-cotizacion .modal-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.crear-remision-page .btn-cerrar{width:36px;height:36px;border-radius:8px;background:#fff;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crear-remision-page .btn-cerrar:hover{background:#f1f5f9;color:#1e293b}.crear-remision-page .modal-cotizacion .modal-body{padding:20px 24px;flex:1;overflow:hidden;display:flex;flex-direction:column}.crear-remision-page .modal-busqueda{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:16px;transition:all .2s ease}.crear-remision-page .modal-busqueda:focus-within{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.crear-remision-page .modal-busqueda svg{color:#94a3b8;flex-shrink:0}.crear-remision-page .modal-busqueda input{flex:1;border:none;background:transparent;font-size:15px;color:#1e293b;outline:none}.crear-remision-page .modal-busqueda input::placeholder{color:#94a3b8}.crear-remision-page .modal-resultados{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.crear-remision-page .modal-placeholder,.crear-remision-page .modal-cargando,.crear-remision-page .modal-sin-resultados{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%;min-height:200px}.crear-remision-page .modal-placeholder svg{color:#c4b5fd;margin-bottom:16px}.crear-remision-page .modal-placeholder p{font-size:14px;color:#94a3b8;margin:0}.crear-remision-page .modal-cargando svg{color:#8b5cf6;margin-bottom:16px}.crear-remision-page .modal-cargando p{font-size:14px;color:#64748b;margin:0}.crear-remision-page .modal-sin-resultados svg{color:#fca5a5;margin-bottom:16px}.crear-remision-page .modal-sin-resultados p{font-size:14px;color:#94a3b8;margin:0}.crear-remision-page .lista-cotizaciones{display:flex;flex-direction:column;gap:8px}.crear-remision-page .item-cotizacion{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.crear-remision-page .item-cotizacion:hover{background:#f5f3ff;border-color:#c4b5fd}.crear-remision-page .item-cotizacion-icono{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.crear-remision-page .item-cotizacion-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.crear-remision-page .item-numero{font-weight:600;color:#1e293b;font-size:15px}.crear-remision-page .item-cliente{font-size:13px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crear-remision-page .item-titulo{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crear-remision-page .item-cotizacion-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.crear-remision-page .item-total{font-weight:700;color:#059669;font-size:15px}.crear-remision-page .item-estado{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.crear-remision-page .item-estado.estado-borrador{background:#f1f5f9;color:#64748b}.crear-remision-page .item-estado.estado-enviada{background:#dbeafe;color:#2563eb}.crear-remision-page .item-estado.estado-aceptada{background:#d1fae5;color:#059669}.crear-remision-page .item-estado.estado-rechazada{background:#fee2e2;color:#dc2626}.crear-remision-page .item-estado.estado-vencida{background:#fef3c7;color:#d97706}.crear-remision-page .modal-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.crear-remision-page .btn-cancelar{padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.crear-remision-page .btn-cancelar:hover{border-color:#94a3b8;color:#475569}.crear-remision-page .overlay-buscador{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.crear-remision-page .spin{animation:spin 1s linear infinite}@media (max-width: 1200px){.crear-remision-page .remision-contenido{grid-template-columns:1fr}.crear-remision-page .remision-panel-derecho{position:static;order:-1}.crear-remision-page .acciones-movil{display:flex}.crear-remision-page .header-acciones{display:none}}@media (max-width: 900px){.crear-remision-page .tabla-header,.crear-remision-page .tabla-fila{grid-template-columns:1fr;gap:8px}.crear-remision-page .tabla-header{display:none}.crear-remision-page .tabla-fila{padding:16px;border-bottom:2px solid #e2e8f0}.crear-remision-page .col-descripcion,.crear-remision-page .col-cantidad,.crear-remision-page .col-precio{display:flex;flex-direction:column;gap:6px}.crear-remision-page .col-cantidad{flex-direction:row;align-items:center}.crear-remision-page .col-cantidad input{flex:1}.crear-remision-page .col-subtotal{text-align:left;padding-top:8px;border-top:1px solid #f1f5f9}.crear-remision-page .col-acciones{justify-content:flex-end}.crear-remision-page .grid-entrega{grid-template-columns:1fr}.crear-remision-page .campo-full{grid-column:span 1}}@media (max-width: 640px){.crear-remision-page{padding:16px}.crear-remision-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.crear-remision-page .header-titulo{flex-direction:column;align-items:flex-start;gap:8px}.crear-remision-page .header-titulo h1{font-size:20px}.crear-remision-page .acciones-movil{width:100%}.crear-remision-page .acciones-movil button{flex:1;justify-content:center}.crear-remision-page .resumen-total span:last-child{font-size:18px}}.clientes-page{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px}.clientes-header{background:#fff;border:2px solid #e0e7ff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 4px 6px #0000000d}.stat-icon.total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.clientes-controles{background:#fff;border:2px solid #e0e7ff;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.search-box:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.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 #e0e7ff;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}.nombre-cell svg{color:#3b82f6}.btn-accion.editar{color:#3b82f6}.btn-accion.editar:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.badge-sistema{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);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}.cliente-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:modalFadeIn .2s ease}.cliente-modal{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:modalSlideUp .3s ease}.cliente-modal.modal-large{max-width:800px}.cliente-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)}.cliente-modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1e293b}.cliente-btn-close{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}.cliente-btn-close:hover{background:#f1f5f9;color:#1e293b}.cliente-modal-body{padding:28px}.cliente-form-section{margin-bottom:24px}.cliente-form-section-title{display:flex;align-items:center;gap:12px;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.cliente-form-section-title:first-child{margin-top:0}.cliente-form-section-title svg{color:#3b82f6}.cliente-form-section-title h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.cliente-form-grid{display:grid;gap:16px;margin-bottom:16px}.cliente-form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.cliente-form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cliente-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cliente-form-group.span-2{grid-column:span 2}.cliente-form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.cliente-form-group label svg{color:#3b82f6}.cliente-form-group input,.cliente-form-group select,.cliente-form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit}.cliente-form-group input:focus,.cliente-form-group select:focus,.cliente-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cliente-form-group input:disabled,.cliente-form-group select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.7}.cliente-form-group textarea{resize:vertical}.cliente-input-readonly{background:#f1f5f9;color:#64748b}.cliente-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.cliente-checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.cliente-checkbox-item input{width:16px;height:16px;cursor:pointer}.cliente-form-checkboxes{margin:20px 0;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px}.cliente-checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.cliente-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;margin-top:2px}.cliente-checkbox-content{display:flex;flex-direction:column;gap:4px}.cliente-checkbox-text{font-weight:600;color:#1e293b}.cliente-checkbox-description{font-size:12px;color:#64748b;font-weight:400}.cliente-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e2e8f0}.cliente-btn-cancelar,.cliente-btn-guardar{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cliente-btn-cancelar{background:#f1f5f9;color:#64748b}.cliente-btn-cancelar:hover{background:#e2e8f0;color:#475569}.cliente-btn-guardar{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px #3b82f64d}.cliente-btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.cliente-btn-guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.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}.cliente-form-grid.cols-2,.cliente-form-grid.cols-3{grid-template-columns:1fr}.cliente-form-group.span-2{grid-column:span 1}.cliente-modal{max-width:100%;margin:0;border-radius:16px}.cliente-checkbox-grid{grid-template-columns:1fr}}.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}.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}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-field{grid-column:1 / -1;padding:16px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;margin:0}.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}.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:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #10b98133}.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}.gestion-clientes-page{max-width:1400px;margin:0 auto;padding:24px}.gestion-clientes-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.gestion-clientes-page .header-left{display:flex;align-items:center;gap:16px}.gestion-clientes-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.gestion-clientes-page .btn-back:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.gestion-clientes-page .btn-nuevo{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.gestion-clientes-page .btn-nuevo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.gestion-clientes-page .filtros-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.gestion-clientes-page .filtros-estado{display:flex;gap:8px}.gestion-clientes-page .filtro-btn{padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.gestion-clientes-page .filtro-btn:hover{border-color:#3b82f6;color:#3b82f6}.gestion-clientes-page .filtro-btn.activo{background:#3b82f6;color:#fff;border-color:#3b82f6}.gestion-clientes-page .clientes-container{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden}.gestion-clientes-page .clientes-table{width:100%;border-collapse:collapse}.gestion-clientes-page .clientes-table th{text-align:left;padding:14px 16px;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.gestion-clientes-page .clientes-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;font-size:14px}.gestion-clientes-page .clientes-table tr:last-child td{border-bottom:none}.gestion-clientes-page .clientes-table tr:hover{background:#f8fafc}.gestion-clientes-page .doc-cell{display:flex;flex-direction:column;gap:2px}.gestion-clientes-page .doc-tipo{font-size:11px;color:#64748b;text-transform:uppercase}.gestion-clientes-page .doc-numero{font-weight:500;color:#1e293b}.gestion-clientes-page .nombre-cell{display:flex;align-items:flex-start;gap:10px}.gestion-clientes-page .nombre-cell svg{color:#3b82f6;margin-top:2px}.gestion-clientes-page .nombre-principal{font-weight:500;color:#1e293b;display:block}.gestion-clientes-page .nombre-comercial{font-size:12px;color:#64748b;display:block}.gestion-clientes-page .contacto-cell{display:flex;flex-direction:column;gap:4px}.gestion-clientes-page .contacto-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.gestion-clientes-page .contacto-item svg{color:#94a3b8}.gestion-clientes-page .badge-tipo{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.gestion-clientes-page .badge-tipo.natural{background:#e0f2fe;color:#0369a1}.gestion-clientes-page .badge-tipo.juridica{background:#f3e8ff;color:#7c3aed}.gestion-clientes-page .badge-estado{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.gestion-clientes-page .badge-estado.activo{background:#d1fae5;color:#059669}.gestion-clientes-page .badge-estado.inactivo{background:#fee2e2;color:#dc2626}.gestion-clientes-page .acciones{display:flex;gap:8px}.gestion-clientes-page .btn-icono{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.gestion-clientes-page .btn-icono.btn-editar:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.gestion-clientes-page .btn-icono.btn-eliminar:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.gestion-clientes-page .empty-state{padding:60px 20px;text-align:center;color:#64748b}.gestion-clientes-page .empty-state svg{color:#cbd5e1;margin-bottom:16px}.gestion-clientes-page .modal-large{max-width:800px}.gestion-clientes-page .form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.gestion-clientes-page .form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.gestion-clientes-page .form-group.span-2{grid-column:span 2}.gestion-clientes-page .input-readonly{background:#f1f5f9;color:#64748b}.gestion-clientes-page .checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.gestion-clientes-page .checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.gestion-clientes-page .checkbox-item input{width:16px;height:16px;cursor:pointer}@media (max-width: 768px){.gestion-clientes-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.gestion-clientes-page .btn-nuevo{width:100%;justify-content:center}.gestion-clientes-page .filtros-bar{flex-direction:column}.gestion-clientes-page .form-grid.cols-2,.gestion-clientes-page .form-grid.cols-3{grid-template-columns:1fr}.gestion-clientes-page .form-group.span-2{grid-column:span 1}.gestion-clientes-page .checkbox-grid{grid-template-columns:1fr}}.cp-page{min-height:100vh;background:#f8fafc;padding:24px}.cp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cp-header-left{display:flex;align-items:center;gap:16px}.cp-btn-back{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;color:#64748b}.cp-btn-back:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.cp-title-container{display:flex;align-items:center;gap:14px}.cp-title-container svg{color:#3b82f6}.cp-title-container h1{font-size:22px;font-weight:700;color:#1e293b;margin:0}.cp-title-container p{font-size:13px;color:#64748b;margin:2px 0 0}.cp-btn-new{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cp-btn-new:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.cp-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.cp-search{flex:1;min-width:280px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:all .2s ease}.cp-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.cp-search svg{color:#94a3b8;flex-shrink:0}.cp-search input{flex:1;border:none;background:transparent;font-size:14px;color:#1e293b;outline:none}.cp-search input::placeholder{color:#94a3b8}.cp-filter-group{display:flex;gap:12px;align-items:center}.cp-filter-buttons{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:4px}.cp-filter-btn{padding:8px 14px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease}.cp-filter-btn:hover{background:#f1f5f9;color:#1e293b}.cp-filter-btn.active{background:#3b82f6;color:#fff}.cp-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.cp-table{width:100%;border-collapse:collapse}.cp-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.cp-table td{padding:14px 16px;font-size:14px;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.cp-table tbody tr{transition:background .15s ease}.cp-table tbody tr:hover{background:#f8fafc}.cp-table tbody tr:last-child td{border-bottom:none}.cp-cell-code{display:flex;align-items:center;gap:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:#3b82f6}.cp-cell-code svg{color:#94a3b8}.cp-cell-name{display:flex;flex-direction:column;gap:2px}.cp-name-main{font-weight:500;color:#1e293b}.cp-name-desc{font-size:12px;color:#94a3b8;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-badge-type{display:inline-block;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cp-badge-type.product{background:#dbeafe;color:#1d4ed8}.cp-badge-type.service{background:#f3e8ff;color:#7c3aed}.cp-price{font-weight:600;color:#059669;font-family:SF Mono,Monaco,Consolas,monospace}.cp-cell-taxes{display:flex;gap:6px;flex-wrap:wrap}.cp-badge-tax{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.cp-badge-tax.iva{background:#dcfce7;color:#15803d}.cp-badge-tax.excluded{background:#fef3c7;color:#b45309}.cp-badge-tax.zero{background:#f1f5f9;color:#64748b}.cp-badge-tax.impo{background:#fce7f3;color:#be185d}.cp-badge-concept{display:inline-flex;align-items:center;padding:5px 10px;background:#ede9fe;color:#6d28d9;border-radius:6px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.cp-no-concept{font-size:12px;color:#94a3b8;font-style:italic}.cp-badge-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.cp-badge-status.active{background:#dcfce7;color:#15803d}.cp-badge-status.inactive{background:#fee2e2;color:#dc2626}.cp-actions{display:flex;gap:8px}.cp-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none}.cp-action-btn.edit{background:#eff6ff;color:#3b82f6}.cp-action-btn.edit:hover{background:#dbeafe;color:#2563eb}.cp-action-btn.delete{background:#fef2f2;color:#ef4444}.cp-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cp-empty svg{color:#cbd5e1;margin-bottom:16px}.cp-empty p{color:#64748b;margin-bottom:20px}.cp-btn-primary{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.cp-btn-primary:hover{background:#2563eb}.cp-loading,.cp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.cp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cp-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:cpModalIn .2s ease}@keyframes cpModalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.cp-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.cp-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease}.cp-modal-close:hover{background:#e2e8f0;color:#1e293b}.cp-modal-body{padding:24px;overflow-y:auto;flex:1}.cp-form-section{margin-bottom:24px}.cp-form-section:last-of-type{margin-bottom:0}.cp-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#475569}.cp-section-title svg{color:#3b82f6}.cp-form-grid{display:grid;gap:16px}.cp-form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.cp-form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cp-form-field{display:flex;flex-direction:column;gap:6px}.cp-form-field label{font-size:13px;font-weight:500;color:#475569}.cp-form-field input,.cp-form-field select,.cp-form-field textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .15s ease;font-family:inherit}.cp-form-field input:focus,.cp-form-field select:focus,.cp-form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.cp-form-field input::placeholder,.cp-form-field textarea::placeholder{color:#94a3b8}.cp-form-field textarea{resize:vertical;min-height:60px}.cp-form-field small{font-size:12px;color:#94a3b8;margin-top:4px}.cp-input-icon{position:relative;display:flex;align-items:center}.cp-input-icon svg{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.cp-input-icon input{padding-left:38px;width:100%}.cp-tax-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:12px}.cp-tax-group:last-child{margin-bottom:0}.cp-tax-group h4{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px}.cp-tax-header{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}.cp-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#475569;cursor:pointer}.cp-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.cp-retention-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:center}.cp-retention-grid select,.cp-retention-grid input{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.cp-status-box{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.cp-checkbox-content{display:flex;flex-direction:column;gap:2px}.cp-checkbox-text{font-weight:500;color:#1e293b}.cp-checkbox-desc{font-size:12px;color:#64748b;font-weight:400}.cp-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.cp-btn-cancel,.cp-btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.cp-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.cp-btn-cancel:hover{background:#f1f5f9;color:#475569}.cp-btn-save{background:#3b82f6;color:#fff}.cp-btn-save:hover:not(:disabled){background:#2563eb}.cp-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cp-page{padding:16px}.cp-header{flex-direction:column;align-items:flex-start;gap:16px}.cp-btn-new{width:100%;justify-content:center}.cp-filters{flex-direction:column}.cp-search{min-width:100%}.cp-filter-group{flex-direction:column;width:100%}.cp-filter-buttons{width:100%;justify-content:center}.cp-table-container{overflow-x:auto}.cp-table{min-width:700px}.cp-modal{max-width:100%;margin:0;border-radius:12px}.cp-form-grid.cols-2,.cp-form-grid.cols-3,.cp-retention-grid{grid-template-columns:1fr}.cp-tax-header{flex-direction:column;gap:10px}}.proveedores-page{min-height:100vh;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:24px}.proveedores-header{background:#fff;border:2px solid #fbbf24;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 svg{color:#d97706}.header-title h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.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,#f59e0b,#d97706)}.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}.proveedores-controles{background:#fff;border:2px solid #fbbf24;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:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.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:#f59e0b;color:#fff;box-shadow:0 2px 4px #f59e0b4d}.btn-nuevo-proveedor{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #f59e0b4d}.btn-nuevo-proveedor:hover{transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}.btn-nuevo-proveedor:active{transform:translateY(0)}.proveedores-tabla-container{background:#fff;border:2px solid #fbbf24;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.proveedores-tabla{width:100%;border-collapse:collapse}.proveedores-tabla thead{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.proveedores-tabla th{padding:16px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.proveedores-tabla tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.proveedores-tabla tbody tr:hover{background:#fffbeb}.proveedores-tabla tbody tr.inactivo{opacity:.6}.proveedores-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:#f59e0b}.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}.contacto-cell{display:flex;flex-direction:column;gap:4px}.contacto-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.contacto-item 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}.retenciones-cell{display:flex;flex-wrap:wrap;gap:6px}.badge-retencion{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-retencion.retefuente{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge-retencion.reteiva{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.badge-retencion.reteica{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.badges-especiales{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.badge-especial{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-especial.autoretenedor{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border:1px solid #c4b5fd}.badge-especial.gran-contribuyente{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d;border:1px solid #f9a8d4}.dias-pago{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:13px;font-weight:600;color:#475569}.dias-pago svg{color:#64748b}.dias-pago .valor{color:#1e293b;font-weight:700}.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.ver{color:#8b5cf6}.btn-accion.ver:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.btn-accion.editar{color:#f59e0b}.btn-accion.editar:hover{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-accion.eliminar{color:#ef4444}.btn-accion.eliminar:hover{background:#ef4444;color:#fff;border-color:#ef4444}.proveedor-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:proveedorFadeIn .2s ease}@keyframes proveedorFadeIn{0%{opacity:0}to{opacity:1}}.proveedor-modal{background:#fff;border-radius:24px;width:95%;max-width:950px;max-height:92vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:proveedorModalSlideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes proveedorModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.proveedor-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:3px solid #b45309;flex-shrink:0}.proveedor-modal-icon-header{display:flex;align-items:center;gap:20px}.proveedor-modal-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)}.proveedor-modal-icon-header h2{font-size:26px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.proveedor-modal-subtitle{font-size:14px;color:#ffffffd9;margin:0;font-weight:400}.proveedor-modal-btn-cerrar{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}.proveedor-modal-btn-cerrar:hover{background:#ffffff40;transform:scale(1.05)}.proveedor-modal-body{padding:32px;overflow-y:auto;flex:1;background:#fffbeb}.proveedor-form-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;border:2px solid #fde68a;transition:all .2s ease}.proveedor-form-section:hover{border-color:#fbbf24;box-shadow:0 4px 6px -1px #f59e0b1a}.proveedor-section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #fde68a}.proveedor-section-number{width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.proveedor-section-info h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.proveedor-section-info p{font-size:13px;color:#64748b;margin:0}.proveedor-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.proveedor-form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.proveedor-form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.proveedor-form-field{display:flex;flex-direction:column;gap:8px}.proveedor-form-field.full-width{grid-column:1 / -1}.proveedor-form-field.span-2{grid-column:span 2}.proveedor-form-field label{font-size:14px;font-weight:600;color:#475569;display:flex;align-items:center;gap:6px}.proveedor-form-group{display:flex;flex-direction:column;gap:8px}.proveedor-form-group label{font-size:14px;font-weight:600;color:#475569}.proveedor-form-group input,.proveedor-form-group select,.proveedor-form-group textarea{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit}.proveedor-form-group input:focus,.proveedor-form-group select:focus,.proveedor-form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.proveedor-form-group input::placeholder,.proveedor-form-group textarea::placeholder{color:#94a3b8}.proveedor-form-group textarea{resize:vertical;min-height:80px}.proveedor-form-group input:disabled,.proveedor-form-group select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.proveedor-form-group.span-2{grid-column:span 2}.required{color:#ef4444;font-weight:700}.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:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.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}.input-porcentaje{position:relative}.input-porcentaje input{padding-right:40px}.input-porcentaje:after{content:"%";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600;font-size:14px}.checkbox-field{grid-column:1 / -1;padding:16px;background:#fffbeb;border-radius:12px;border:2px solid #fde68a}.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:#f59e0b;margin:0}.checkbox-text{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px;font-weight:600}.checkbox-text svg{color:#f59e0b}.checkbox-row{display:flex;flex-wrap:wrap;gap:24px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover{border-color:#f59e0b;background:#fffbeb}.checkbox-item.checked{border-color:#f59e0b;background:#fef3c7}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#f59e0b;cursor:pointer}.checkbox-item span{font-size:14px;font-weight:500;color:#475569}.retencion-group{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.retencion-group.active{background:#fef3c7;border-color:#fbbf24}.retencion-group .checkbox-wrapper{display:flex;align-items:center;gap:8px}.retencion-group .checkbox-wrapper input{width:18px;height:18px;accent-color:#f59e0b;cursor:pointer}.retencion-group .checkbox-wrapper label{font-size:14px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap}.retencion-group .porcentaje-wrapper{display:flex;align-items:center;gap:8px}.retencion-group .porcentaje-wrapper input{width:80px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;text-align:right}.retencion-group .porcentaje-wrapper input:focus{outline:none;border-color:#f59e0b}.retencion-group .porcentaje-wrapper input:disabled{background:#f1f5f9;color:#94a3b8}.retencion-group .porcentaje-wrapper span{color:#64748b;font-weight:600}.proveedor-modal-footer{padding:20px 32px;background:#fff;border-top:2px solid #fde68a;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.proveedor-btn-cancelar,.proveedor-btn-guardar{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}.proveedor-btn-cancelar{background:#fff;color:#64748b;border-color:#e2e8f0}.proveedor-btn-cancelar:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.proveedor-btn-guardar{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;box-shadow:0 4px 6px -1px #f59e0b4d}.proveedor-btn-guardar:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 8px -1px #f59e0b66;transform:translateY(-1px)}.proveedor-btn-guardar:disabled{opacity:.6;cursor:not-allowed}.input-wrapper-with-button{display:flex;gap:10px;align-items:flex-start}.input-wrapper-with-button .input-wrapper{flex:1}.btn-calcular-dv{height:48px;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:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow: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 #fde68a;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.loading-container p,.error-container p{color:#64748b;font-size:16px}.btn-retry{padding:12px 24px;background:#f59e0b;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}@media (max-width: 1024px){.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.proveedores-page{padding:16px}.header-stats{grid-template-columns:1fr}.proveedores-controles{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filtros,.btn-nuevo-proveedor{justify-content:center}.proveedores-tabla-container{overflow-x:auto}.proveedores-tabla{min-width:1000px}.proveedor-form-grid,.proveedor-form-grid.cols-3,.proveedor-form-grid.cols-4{grid-template-columns:1fr}.proveedor-form-field.span-2{grid-column:span 1}.proveedor-modal{width:98%;max-height:95vh;border-radius:20px}.proveedor-modal-header{padding:20px 24px}.proveedor-modal-body{padding:20px}.proveedor-modal-icon-header{gap:12px}.proveedor-modal-icon-circle{width:48px;height:48px}.proveedor-modal-icon-header h2{font-size:20px}.proveedor-modal-footer{padding:16px 20px;flex-direction:column-reverse}.proveedor-btn-cancelar,.proveedor-btn-guardar{width:100%;justify-content:center}.checkbox-row{flex-direction:column;gap:12px}.checkbox-item{width:100%}.retencion-group{flex-direction:column;align-items:flex-start;gap:12px}.retencion-group .porcentaje-wrapper{width:100%}.retencion-group .porcentaje-wrapper input{flex:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#fbbf24;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0}.selector-tercero{display:flex;flex-direction:column;gap:.5rem;position:relative}.selector-label{font-size:.875rem;font-weight:500;color:#374151}.selector-label .required{color:#ef4444;margin-left:.25rem}.selector-container{position:relative}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none}.input-busqueda{width:100%;padding:.75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;background:#fff;transition:all .2s}.input-busqueda:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-busqueda:disabled{background:#f3f4f6;cursor:not-allowed}.input-busqueda::placeholder{color:#9ca3af}.loading-icon{position:absolute;right:2.25rem;color:#3b82f6;animation:spin 1s linear infinite}.chevron-icon{position:absolute;right:.75rem;color:#9ca3af;transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.tercero-seleccionado{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.tercero-info{display:flex;align-items:center;gap:.75rem;flex:1}.tercero-info .icon-cliente{color:#3b82f6}.tercero-info .icon-proveedor{color:#f59e0b}.tercero-datos{display:flex;flex-direction:column;gap:.125rem}.tercero-nombre{font-weight:600;color:#1f2937;font-size:.9375rem}.tercero-documento{font-size:.8125rem;color:#6b7280}.btn-clear{display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#f3f4f6;color:#ef4444}.badge-tipo{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-tipo.badge-cliente{background:#dbeafe;color:#1d4ed8}.badge-tipo.badge-proveedor{background:#fef3c7;color:#b45309}.dropdown-resultados{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.dropdown-loading,.dropdown-empty,.dropdown-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:.5rem;color:#6b7280}.dropdown-loading .spinner{animation:spin 1s linear infinite;color:#3b82f6}.dropdown-empty p,.dropdown-hint p{font-size:.875rem;text-align:center;margin:0}.lista-resultados{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:260px}.resultado-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.resultado-item:hover{background:#f8fafc}.resultado-item .icon-cliente{color:#3b82f6;flex-shrink:0}.resultado-item .icon-proveedor{color:#f59e0b;flex-shrink:0}.resultado-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.resultado-nombre{font-weight:500;color:#1f2937;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultado-documento{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-footer{padding:.75rem;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-crear-nuevo{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-crear-nuevo:hover{background:#2563eb}.dropdown-empty .btn-crear-nuevo{margin-top:.5rem}.selector-tercero.has-error .input-busqueda{border-color:#ef4444}.selector-tercero.has-error .input-busqueda:focus{box-shadow:0 0 0 3px #ef44441a}.selector-tercero.has-error .tercero-seleccionado{border-color:#ef4444}.error-message{font-size:.8125rem;color:#ef4444}@media (max-width: 640px){.tercero-info{flex-wrap:wrap}.badge-tipo{margin-left:auto}.resultado-item{flex-wrap:wrap}}.tabla-contactos-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.tabla-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tabla-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.btn-agregar{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-agregar:hover{background:#2563eb}.tabla-wrapper{overflow-x:auto}.tabla-contactos{width:100%;border-collapse:collapse;font-size:.875rem}.tabla-contactos th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#4b5563;background:#f9fafb;border-bottom:1px solid #e2e8f0;white-space:nowrap}.tabla-contactos th.th-center{text-align:center}.tabla-contactos th.th-acciones{width:100px;text-align:center}.tabla-contactos td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.tabla-contactos tr:last-child td{border-bottom:none}.tabla-contactos tr:hover{background:#f9fafb}.tabla-contactos tr.fila-principal{background:#fffbeb}.tabla-contactos tr.fila-principal:hover{background:#fef3c7}.td-center{text-align:center}.td-acciones{display:flex;align-items:center;justify-content:center;gap:.375rem}.td-empty{text-align:center;padding:2rem!important;color:#9ca3af;font-style:italic}.contacto-nombre{display:flex;align-items:center;gap:.375rem;font-weight:500;color:#1f2937}.icon-principal{color:#f59e0b;fill:#f59e0b}.con-icono{display:flex;align-items:center;gap:.375rem;color:#4b5563}.con-icono svg{color:#9ca3af;flex-shrink:0}.link-email,.link-tel{display:flex;align-items:center;gap:.375rem;color:#3b82f6;text-decoration:none;transition:color .2s}.link-email:hover,.link-tel:hover{color:#1d4ed8;text-decoration:underline}.link-email svg,.link-tel svg{flex-shrink:0}.icon-star-activo{color:#f59e0b;fill:#f59e0b}.icon-star-inactivo{color:#d1d5db}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-edit{background:#e0f2fe;color:#0369a1}.btn-icon.btn-edit:hover:not(:disabled){background:#bae6fd}.btn-icon.btn-delete{background:#fee2e2;color:#dc2626}.btn-icon.btn-delete:hover:not(:disabled){background:#fecaca}.btn-icon.btn-success{background:#dcfce7;color:#16a34a}.btn-icon.btn-success:hover:not(:disabled){background:#bbf7d0}.btn-icon.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-icon.btn-secondary:hover:not(:disabled){background:#e5e7eb}.fila-formulario{background:#f0fdf4!important}.fila-formulario td{padding:.5rem .75rem}.input-inline{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.8125rem;background:#fff;transition:border-color .2s,box-shadow .2s}.input-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.input-inline.input-sm{max-width:120px}.checkbox-principal{display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-principal input{position:absolute;opacity:0;cursor:pointer}.checkbox-principal .checkmark{width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:.25rem;transition:all .2s}.checkbox-principal input:checked~.checkmark{background:#f59e0b;border-color:#f59e0b}.checkbox-principal .checkmark:after{content:"";display:none;position:relative;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-principal input:checked~.checkmark:after{display:block}@media (max-width: 768px){.tabla-header{flex-direction:column;gap:.75rem;align-items:stretch}.btn-agregar{justify-content:center}.tabla-contactos th,.tabla-contactos td{padding:.625rem .5rem;font-size:.8125rem}.td-acciones{flex-direction:column;gap:.25rem}}.tabla-direcciones-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.tabla-direcciones-container .tabla-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tabla-direcciones-container .tabla-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.tabla-direcciones-container .btn-agregar{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s}.tabla-direcciones-container .btn-agregar:hover{background:#2563eb}.formulario-direccion{padding:1.25rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.formulario-direccion .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.formulario-direccion .form-group{display:flex;flex-direction:column;gap:.375rem}.formulario-direccion .form-group.full-width{grid-column:1 / -1}.formulario-direccion .form-group.sm{max-width:150px}.formulario-direccion .form-group.check-group{justify-content:flex-end}.formulario-direccion label{font-size:.8125rem;font-weight:500;color:#374151}.formulario-direccion .input-form{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.formulario-direccion .input-form:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.formulario-direccion .input-form:disabled{background:#f3f4f6;cursor:not-allowed}.formulario-direccion .input-form.textarea{resize:vertical;min-height:60px}.formulario-direccion .checkbox-principal{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#374151}.formulario-direccion .checkbox-principal input{position:absolute;opacity:0}.formulario-direccion .checkbox-principal .checkmark{width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:.25rem;transition:all .2s;flex-shrink:0}.formulario-direccion .checkbox-principal input:checked~.checkmark{background:#f59e0b;border-color:#f59e0b}.formulario-direccion .checkbox-principal .checkmark:after{content:"";display:none;position:relative;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.formulario-direccion .checkbox-principal input:checked~.checkmark:after{display:block}.formulario-direccion .form-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #bbf7d0}.formulario-direccion .btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.formulario-direccion .btn:disabled{opacity:.5;cursor:not-allowed}.formulario-direccion .btn.btn-primary{background:#16a34a;color:#fff}.formulario-direccion .btn.btn-primary:hover:not(:disabled){background:#15803d}.formulario-direccion .btn.btn-secondary{background:#f3f4f6;color:#4b5563}.formulario-direccion .btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.lista-direcciones{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;gap:.5rem}.empty-state p{margin:0;font-size:.875rem}.direccion-card{display:flex;flex-direction:column;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.direccion-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.direccion-card.es-principal{background:#fffbeb;border-color:#fcd34d}.direccion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.direccion-card.es-principal .direccion-header{border-bottom-color:#fcd34d}.direccion-tipo{display:flex;align-items:center;gap:.5rem;color:#4b5563}.direccion-tipo svg{color:#6b7280}.direccion-tipo .tipo-label{font-weight:600;color:#1f2937}.direccion-tipo .nombre-ref{color:#6b7280;font-weight:400}.direccion-badges{display:flex;gap:.5rem}.badge-principal{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fef3c7;color:#b45309;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-principal svg{fill:#f59e0b}.direccion-body{flex:1}.direccion-texto{margin:0 0 .375rem;font-weight:500;color:#1f2937}.direccion-ubicacion{margin:0 0 .375rem;font-size:.875rem;color:#4b5563}.direccion-indicaciones{margin:.5rem 0 0;padding:.5rem;background:#00000008;border-radius:.25rem;font-size:.8125rem;color:#6b7280;font-style:italic}.direccion-contacto{margin:.5rem 0 0;font-size:.8125rem;color:#6b7280}.direccion-actions{display:flex;gap:.375rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.direccion-card.es-principal .direccion-actions{border-top-color:#fcd34d}.tabla-direcciones-container .btn-icon{display:flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.tabla-direcciones-container .btn-icon:disabled{opacity:.5;cursor:not-allowed}.tabla-direcciones-container .btn-icon.btn-edit{background:#e0f2fe;color:#0369a1}.tabla-direcciones-container .btn-icon.btn-edit:hover:not(:disabled){background:#bae6fd}.tabla-direcciones-container .btn-icon.btn-delete{background:#fee2e2;color:#dc2626}.tabla-direcciones-container .btn-icon.btn-delete:hover:not(:disabled){background:#fecaca}@media (max-width: 768px){.tabla-direcciones-container .tabla-header{flex-direction:column;gap:.75rem;align-items:stretch}.tabla-direcciones-container .btn-agregar{justify-content:center}.formulario-direccion .form-row{grid-template-columns:1fr}.formulario-direccion .form-group.sm{max-width:none}.direccion-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.form-bancarios-container{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.form-bancarios-container .form-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.form-bancarios-container .form-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.form-bancarios-container .btn-agregar{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s}.form-bancarios-container .btn-agregar:hover{background:#2563eb}.formulario-bancario{padding:1.25rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.formulario-bancario .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.formulario-bancario .form-group{display:flex;flex-direction:column;gap:.375rem}.formulario-bancario .form-group.sm{max-width:180px}.formulario-bancario .form-group.check-group{justify-content:center}.formulario-bancario label{font-size:.8125rem;font-weight:500;color:#374151}.formulario-bancario .input-form{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.formulario-bancario .input-form:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.formulario-bancario .checkbox-principal{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#374151}.formulario-bancario .checkbox-principal input{position:absolute;opacity:0}.formulario-bancario .checkbox-principal .checkmark{width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:.25rem;transition:all .2s;flex-shrink:0}.formulario-bancario .checkbox-principal input:checked~.checkmark{background:#f59e0b;border-color:#f59e0b}.formulario-bancario .checkbox-principal .checkmark:after{content:"";display:none;position:relative;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.formulario-bancario .checkbox-principal input:checked~.checkmark:after{display:block}.formulario-bancario .form-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #bbf7d0}.formulario-bancario .btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.formulario-bancario .btn:disabled{opacity:.5;cursor:not-allowed}.formulario-bancario .btn.btn-primary{background:#16a34a;color:#fff}.formulario-bancario .btn.btn-primary:hover:not(:disabled){background:#15803d}.formulario-bancario .btn.btn-secondary{background:#f3f4f6;color:#4b5563}.formulario-bancario .btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.lista-cuentas{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.form-bancarios-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;gap:.5rem}.form-bancarios-container .empty-state p{margin:0;font-size:.875rem}.cuenta-card{display:flex;flex-direction:column;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.cuenta-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.cuenta-card.es-principal{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.cuenta-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.cuenta-banco{display:flex;align-items:center;gap:.5rem}.cuenta-banco svg{color:#6b7280}.banco-nombre{font-weight:600;color:#1f2937;font-size:1rem}.cuenta-card .badge-principal{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fef3c7;color:#b45309;border-radius:9999px;font-size:.75rem;font-weight:500;margin-left:.5rem}.cuenta-card .badge-principal svg{fill:#f59e0b;color:#f59e0b}.cuenta-body{display:flex;flex-direction:column;gap:.5rem}.cuenta-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.cuenta-info .info-label{color:#6b7280;min-width:60px}.cuenta-info .info-value{color:#1f2937;font-weight:500}.cuenta-info .numero-cuenta{font-family:Consolas,Monaco,monospace;letter-spacing:.05em;background:#0000000d;padding:.125rem .5rem;border-radius:.25rem}.cuenta-info.titular{margin-top:.25rem;padding-top:.5rem;border-top:1px dashed #e5e7eb;color:#4b5563}.cuenta-info.titular svg{color:#9ca3af}.cuenta-info .doc-titular{color:#9ca3af;font-size:.8125rem}.cuenta-actions{display:flex;gap:.375rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.cuenta-card.es-principal .cuenta-actions{border-top-color:#fcd34d}.form-bancarios-container .btn-icon{display:flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.form-bancarios-container .btn-icon:disabled{opacity:.5;cursor:not-allowed}.form-bancarios-container .btn-icon.btn-edit{background:#e0f2fe;color:#0369a1}.form-bancarios-container .btn-icon.btn-edit:hover:not(:disabled){background:#bae6fd}.form-bancarios-container .btn-icon.btn-delete{background:#fee2e2;color:#dc2626}.form-bancarios-container .btn-icon.btn-delete:hover:not(:disabled){background:#fecaca}@media (max-width: 768px){.form-bancarios-container .form-header{flex-direction:column;gap:.75rem;align-items:stretch}.form-bancarios-container .btn-agregar{justify-content:center}.formulario-bancario .form-row{grid-template-columns:1fr}.formulario-bancario .form-group.sm{max-width:none}.cuenta-info{flex-wrap:wrap}}.detalle-tercero-page{min-height:100vh;background:#f3f4f6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-state svg{color:#ef4444}.error-state h2{margin:0;color:#1f2937}.error-state button{padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.detalle-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:1rem}.btn-volver{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.btn-volver:hover{background:#e5e7eb;color:#1f2937}.header-info{display:flex;flex-direction:column;gap:.25rem}.tercero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.75rem;font-weight:500;width:fit-content}.header-info h1{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.header-info .documento{margin:0;font-size:.875rem;color:#6b7280}.header-actions .btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.header-actions .btn:disabled{opacity:.6;cursor:not-allowed}.header-actions .btn-primary{background:#3b82f6;color:#fff}.header-actions .btn-primary:hover:not(:disabled){background:#2563eb}.header-actions .btn-secondary{background:#f3f4f6;color:#4b5563}.header-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb}.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.stat-card svg{color:#3b82f6}.stat-value{font-size:1.25rem;font-weight:600;color:#1f2937}.stat-label{font-size:.8125rem;color:#6b7280}.tabs-container{padding:0 2rem 2rem}.tabs-nav{display:flex;gap:.25rem;padding:1rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f3f4f6;color:#1f2937}.tab-btn.active{background:#3b82f6;color:#fff}.tabs-content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.info-tab{padding:1.5rem}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-section h3{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;font-size:1rem;font-weight:600;color:#374151}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-field{display:flex;flex-direction:column;gap:.375rem}.info-field.full-width{grid-column:1 / -1}.info-field label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#6b7280}.info-field label svg{color:#9ca3af}.info-field span{font-size:.9375rem;color:#1f2937}.info-field input,.info-field select,.info-section textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s}.info-field input:focus,.info-field select:focus,.info-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.info-field input:disabled,.info-field select:disabled{background:#f9fafb;cursor:not-allowed}.info-section textarea{width:100%;resize:vertical;min-height:80px}.observaciones-text{margin:0;padding:.75rem;background:#f9fafb;border-radius:.375rem;color:#4b5563;font-size:.9375rem;line-height:1.5}.info-field.checkbox-field{flex-direction:row;align-items:center;gap:.5rem}.info-field.checkbox-field label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.info-field.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.info-field.checkbox-field .porcentaje{padding:.125rem .5rem;background:#dbeafe;color:#1d4ed8;border-radius:.25rem;font-size:.75rem;font-weight:500}.check-yes{color:#16a34a}.check-no{color:#d1d5db}.historial-tab{padding:1.5rem}.empty-historial{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af;gap:.75rem}.empty-historial p{margin:0}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:1rem;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.marker-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;flex-shrink:0}.marker-dot.creacion{background:#16a34a}.marker-dot.actualizacion{background:#3b82f6}.marker-dot.activacion{background:#16a34a}.marker-dot.desactivacion{background:#ef4444}.marker-line{width:2px;flex:1;background:#e5e7eb;margin-top:.25rem}.timeline-content{flex:1;padding-bottom:.5rem}.timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.accion-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.accion-badge.creacion{background:#dcfce7;color:#166534}.accion-badge.actualizacion{background:#dbeafe;color:#1e40af}.accion-badge.activacion{background:#dcfce7;color:#166534}.accion-badge.desactivacion{background:#fee2e2;color:#991b1b}.timeline-date{font-size:.8125rem;color:#9ca3af}.timeline-cambio{margin:0 0 .25rem;font-size:.875rem;color:#4b5563}.timeline-cambio strong{color:#1f2937}.valor-anterior{text-decoration:line-through;color:#ef4444}.valor-nuevo{color:#16a34a}.timeline-usuario{display:flex;align-items:center;gap:.25rem;margin:0;font-size:.75rem;color:#9ca3af}@media (max-width: 1024px){.stats-panel,.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.detalle-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.stats-panel{grid-template-columns:1fr;padding:1rem}.tabs-container{padding:0 1rem 1rem}.tabs-nav{gap:.125rem}.tab-btn{padding:.5rem .75rem;font-size:.8125rem}.tab-btn span{display:none}.info-tab{padding:1rem}.info-grid{grid-template-columns:1fr}}.centro-gastos-page{padding:24px;max-width:1400px;margin:0 auto}.centro-gastos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stat-icon.total{background:#e0f2fe;color:#0284c7}.stat-icon.money{background:#dcfce7;color:#16a34a}.quick-action-card:hover{border-color:#2f7bef;box-shadow:0 4px 12px #2f7bef26}.quick-action-card svg{color:#2f7bef}.btn-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#2f7bef;font-size:.875rem;font-weight:500;cursor:pointer}.mini-table .numero{font-weight:600;color:#2f7bef}.alert-card.info .alert-header svg{color:#3b82f6}.alert-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:.875rem}.alert-list li:hover{color:#2f7bef}.gasto-num{color:#1e293b;font-weight:500}.gasto-monto,.gasto-fecha{color:#64748b;font-size:.8rem}.category-list{list-style:none;padding:0;margin:0}.category-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:.875rem}.category-list li:last-child{border-bottom:none}.cat-name{color:#1e293b}.cat-monto{font-weight:600;color:#2f7bef}@media (max-width: 768px){.centro-gastos-page{padding:16px}.centro-gastos-header{flex-direction:column;gap:16px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-action-card{flex-direction:row;justify-content:flex-start}}.listado-gastos-page{padding:24px;max-width:1400px;margin:0 auto}.listado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-filtros{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.btn-filtros:hover,.btn-filtros.active{border-color:#2f7bef;color:#2f7bef}.filtros-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filtros-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end}.filtro-group select,.filtro-group input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b}.filtro-group select:focus,.filtro-group input:focus{outline:none;border-color:#2f7bef}.filtro-actions{display:flex;align-items:flex-end}.btn-limpiar{padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:500;cursor:pointer}.btn-limpiar:hover{background:#e2e8f0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#94a3b8}.empty-state h3{margin:0 0 8px;color:#64748b}.empty-state p{margin:0 0 20px}.gastos-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.gastos-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.gastos-table tr:hover{background:#f8fafc}.gastos-table .numero span{font-weight:600;color:#2f7bef;cursor:pointer}.gastos-table .numero span:hover{text-decoration:underline}.gastos-table .monto{font-weight:600}.btn-accion{padding:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-accion:hover{background:#e2e8f0;color:#1e293b}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e2e8f0}.paginacion button{padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b;display:flex;align-items:center}.paginacion button:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.paginacion button:disabled{opacity:.5;cursor:not-allowed}.paginacion span{font-size:.875rem;color:#64748b}@media (max-width: 1200px){.filtros-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.listado-gastos-page{padding:16px}.listado-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.filtros-grid{grid-template-columns:1fr}.gastos-table{display:block;overflow-x:auto}}.crear-gasto-page{padding:24px;max-width:1400px;margin:0 auto}.crear-gasto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2f7bef;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary .spin{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px}.crear-gasto-content{display:grid;grid-template-columns:1fr 340px;gap:24px}.main-panel{display:flex;flex-direction:column;gap:24px}.form-section h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px}.form-section h3 svg{color:#2f7bef}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.proveedor-seleccionado{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.proveedor-info strong{color:#0369a1}.proveedor-info span{font-size:.875rem;color:#64748b}.btn-icon{padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b}.btn-icon:hover{background:#f1f5f9;color:#ef4444}.proveedor-busqueda,.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-with-icon input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem}.input-with-icon input:focus{outline:none;border-color:#2f7bef}.resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:250px;overflow-y:auto}.resultado-item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9}.resultado-item:last-child{border-bottom:none}.resultado-item:hover{background:#f0f9ff}.resultado-item strong{color:#1e293b}.resultado-item span{font-size:.8rem;color:#64748b}.buscando,.sin-resultados{padding:16px;text-align:center;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.hint{margin:16px 0 12px;font-size:.8rem;color:#94a3b8}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group.small{max-width:120px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2f7bef}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-text{font-size:.75rem;color:#ef4444}.btn-add-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:.8rem;font-weight:600;cursor:pointer}.btn-add-item:hover{background:#e0f2fe}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:16px}.items-table th{text-align:left;padding:10px 8px;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.items-table td{padding:8px;vertical-align:middle}.items-table .col-descripcion{width:35%}.items-table .col-cantidad,.items-table .col-unidad{width:8%}.items-table .col-precio,.items-table .col-descuento,.items-table .col-subtotal{width:12%}.items-table .col-iva{width:8%}.items-table .col-acciones{width:40px}.items-table td input,.items-table td select{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem}.items-table td input:focus,.items-table td select:focus{outline:none;border-color:#2f7bef}.items-table .subtotal-cell{font-weight:600;color:#1e293b;text-align:right;padding-right:16px}.btn-delete-item{padding:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b}.btn-delete-item:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#ef4444}.btn-delete-item:disabled{opacity:.4;cursor:not-allowed}.impuestos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.impuesto-item{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer}.impuesto-porcentaje{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.impuesto-porcentaje span{font-size:.8rem;color:#64748b}.impuesto-porcentaje select,.impuesto-porcentaje input{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;width:80px}.summary-panel{position:sticky;top:24px}.summary-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.summary-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.summary-section{padding:12px 0;border-bottom:1px solid #f1f5f9}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.875rem}.summary-row.sub-header{padding-bottom:4px}.summary-row.sub-header span{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.summary-row.sub-row{padding-left:12px}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:8px;border-top:2px solid #e2e8f0}.summary-total span:first-child{font-size:1rem;font-weight:600;color:#1e293b}.summary-total span:last-child{font-size:1.5rem;font-weight:700;color:#2f7bef}.aprobacion-alert{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:20px}.aprobacion-alert svg{color:#d97706;flex-shrink:0;margin-top:2px}.aprobacion-alert strong{display:block;color:#92400e;font-size:.875rem;margin-bottom:4px}.aprobacion-alert p{font-size:.8rem;color:#a16207;margin:0;line-height:1.4}@media (max-width: 1200px){.crear-gasto-content{grid-template-columns:1fr}.summary-panel{position:static}}@media (max-width: 768px){.crear-gasto-page{padding:16px}.crear-gasto-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.form-group.small{max-width:none}.impuestos-grid{grid-template-columns:1fr}.items-table{display:block;overflow-x:auto}}.detalle-gasto-page{padding:24px;max-width:1400px;margin:0 auto}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.error-container svg{color:#ef4444}.error-container h2{color:#1e293b;margin:0}.error-container p{margin:0 0 20px}.detalle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 12px 0 0}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-outline-danger{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#2f7bef;color:#fff;border:none}.btn-primary:hover{background:#1e6ad4}.btn-secondary{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-success{background:#22c55e;color:#fff;border:none}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.btn-outline-danger{background:#fff;color:#ef4444;border:1px solid #ef4444}.btn-outline-danger:hover{background:#fef2f2}.detalle-content{display:grid;grid-template-columns:1fr 340px;gap:24px}.main-content{display:flex;flex-direction:column;gap:24px}.info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.info-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.info-card .card-header h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.info-card .card-header h3 svg{color:#2f7bef}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e8f0;padding:1px}.info-item{background:#fff;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.info-item .value{font-size:.9rem;color:#1e293b}.concepto-box{padding:16px 20px;border-top:1px solid #e2e8f0}.concepto-box .label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:6px}.concepto-box p{margin:0;color:#1e293b;font-size:.9rem}.proveedor-info{padding:20px}.proveedor-principal{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.proveedor-principal strong{font-size:1rem;color:#1e293b}.proveedor-principal .documento{font-size:.875rem;color:#64748b}.proveedor-contacto{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;color:#64748b}.documento-soporte{padding:16px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.documento-soporte .label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:8px}.documento-info{display:flex;gap:16px;font-size:.875rem}.documento-info .tipo{text-transform:capitalize;color:#1e293b;font-weight:500}.documento-info .numero,.documento-info .fecha{color:#64748b}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.items-table th.right,.items-table td.right{text-align:right}.items-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.historial-list{padding:16px 20px}.historial-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #f1f5f9}.historial-item:last-child{border-bottom:none}.historial-fecha{min-width:140px;font-size:.8rem;color:#94a3b8}.historial-contenido{flex:1}.historial-contenido strong{color:#1e293b;text-transform:capitalize}.historial-contenido .campo{color:#64748b}.historial-contenido .usuario{display:block;font-size:.8rem;color:#94a3b8;margin-top:2px}.historial-contenido .motivo{margin:4px 0 0;font-size:.85rem;color:#64748b;font-style:italic}.side-panel{display:flex;flex-direction:column;gap:20px}.summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.summary-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.875rem}.summary-row span:first-child{color:#64748b}.summary-row span:last-child{color:#1e293b;font-weight:500}.summary-row.sub{padding-left:12px;font-size:.8rem}.summary-row .negative{color:#ef4444}.summary-total{display:flex;justify-content:space-between;padding:16px 0 0;margin-top:12px;border-top:2px solid #e2e8f0;font-size:1rem;font-weight:600}.summary-total span:first-child{color:#1e293b}.summary-total span:last-child{color:#2f7bef;font-size:1.25rem}.status-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.status-card h4{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 16px}.status-badge.large{display:block;text-align:center;padding:12px;border-radius:8px;font-size:1rem;font-weight:700;margin-bottom:16px}.status-info{display:flex;align-items:center;gap:8px;padding:10px;border-radius:6px;font-size:.8rem;margin-bottom:12px}.status-info.warning{background:#fef3c7;color:#92400e}.status-detail{padding:12px 0;border-top:1px solid #f1f5f9;font-size:.85rem}.status-detail .label{color:#64748b;font-weight:600;margin-right:8px}.status-detail .by,.status-detail .ref{display:block;color:#94a3b8;font-size:.8rem;margin-top:4px}.status-detail.danger{color:#dc2626}.status-detail.success{color:#16a34a}.status-detail .motivo{margin:8px 0 0;font-style:italic;color:#64748b}.ds-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #2F7BEF}.ds-card h4{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 12px}.ds-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ds-numero{font-weight:600;color:#2f7bef}.ds-cufe{padding:8px;background:#f8fafc;border-radius:4px;font-size:.75rem;margin-bottom:12px}.ds-cufe .label{color:#94a3b8;margin-right:4px}.cufe-value{font-family:monospace;color:#64748b}.btn-link{background:none;border:none;color:#2f7bef;font-size:.875rem;font-weight:500;cursor:pointer;padding:0}.meta-card{background:#f8fafc;border-radius:12px;padding:16px}.meta-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b;padding:6px 0}.gasto-detalle-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:modalFadeIn .2s ease}.gasto-detalle-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #0003;animation:modalSlideUp .3s ease}.gasto-detalle-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.gasto-detalle-modal-header.danger{background:#fef2f2}.gasto-detalle-modal-header h3{margin:0;font-size:1.125rem;color:#1e293b}.gasto-detalle-btn-close{padding:4px;background:none;border:none;color:#64748b;cursor:pointer}.gasto-detalle-btn-close:hover{color:#1e293b}.gasto-detalle-modal-body{padding:24px}.gasto-detalle-modal-body p{margin:0 0 16px;color:#64748b}.gasto-detalle-modal-body textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit}.gasto-detalle-modal-body textarea:focus{outline:none;border-color:#2f7bef}.gasto-detalle-warning-message{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.gasto-detalle-warning-message svg{color:#ef4444;flex-shrink:0}.gasto-detalle-warning-message p{margin:0;color:#991b1b;font-size:.9rem}.gasto-detalle-form-group{margin-bottom:16px}.gasto-detalle-form-group label{display:block;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:6px}.gasto-detalle-form-group input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem}.gasto-detalle-form-group input:focus{outline:none;border-color:#2f7bef}.gasto-detalle-pago-resumen{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f0f9ff;border-radius:8px;margin-top:8px}.gasto-detalle-pago-resumen span{color:#64748b}.gasto-detalle-pago-resumen strong{font-size:1.25rem;color:#2f7bef}.gasto-detalle-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.gasto-detalle-modal-footer button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.detalle-content{grid-template-columns:1fr}}@media (max-width: 768px){.detalle-gasto-page{padding:16px}.detalle-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{flex-wrap:wrap}.info-grid{grid-template-columns:1fr}}.aprobacion-gastos-page{padding:32px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:20px;color:#64748b}.loading-container .spin{animation:spin 1s linear infinite;color:#2563eb}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.header-left{display:flex;align-items:center;gap:28px}.btn-volver{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-volver:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translate(-2px)}.header-title{display:flex;align-items:center;gap:18px}.header-title svg{color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px;border-radius:14px;box-shadow:0 4px 12px #f59e0b33}.header-title h1{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.header-title p{font-size:.95rem;color:#64748b;margin:4px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;text-align:center}.empty-state svg{color:#22c55e;background:linear-gradient(135deg,#dcfce7,#bbf7d0);padding:24px;border-radius:50%;margin-bottom:28px;box-shadow:0 8px 24px #22c55e33}.empty-state h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-state p{color:#64748b;margin:0 0 28px;font-size:1rem}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.gastos-list{display:grid;gap:20px}.gasto-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;transition:all .3s ease;border:1px solid #e2e8f0}.gasto-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#cbd5e1}.gasto-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#fefce8,#fef9c3);border-bottom:1px solid #fde047}.gasto-numero{display:flex;align-items:center;gap:14px}.gasto-numero .numero{font-size:1.1rem;font-weight:700;color:#0f172a;font-family:SF Mono,Consolas,monospace;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:24px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:1px solid #93c5fd}.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d}.gasto-monto{text-align:right}.gasto-monto .label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.gasto-monto .monto{font-size:1.75rem;font-weight:800;color:#0f172a;font-feature-settings:"tnum";letter-spacing:-.02em}.gasto-body{padding:24px}.gasto-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.info-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;transition:background .2s ease}.info-row:hover{background:#f1f5f9}.info-row svg{color:#64748b;flex-shrink:0;width:18px;height:18px}.info-row .proveedor{color:#0f172a;font-weight:600;font-size:.95rem}.info-row span{color:#475569;font-size:.9rem}.concepto{margin-top:16px;padding:18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:4px solid #2563eb}.concepto .label{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.concepto p{margin:0;color:#1e293b;font-size:.95rem;line-height:1.5}.gasto-meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:1px dashed #e2e8f0}.gasto-meta .creador{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:6px}.gasto-meta .creador:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.gasto-meta .fecha{font-size:.85rem;color:#94a3b8;font-weight:500}.gasto-actions{display:flex;gap:12px;padding:20px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;flex:1;border:none}.btn-action.ver{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-action.ver:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.btn-action.aprobar{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-action.aprobar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-action.rechazar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-action.rechazar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.aprobacion-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;animation:fadeIn .2s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.aprobacion-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.aprobacion-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e2e8f0}.aprobacion-modal-header.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.aprobacion-modal-header.danger{background:linear-gradient(135deg,#fee2e2,#fecaca)}.aprobacion-modal-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.aprobacion-modal-header.success h3 svg{color:#16a34a}.aprobacion-modal-header.danger h3 svg{color:#dc2626}.aprobacion-btn-close{padding:8px;background:#fff;border:none;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.aprobacion-btn-close:hover{background:#f1f5f9;color:#0f172a}.aprobacion-modal-body{padding:28px}.aprobacion-gasto-resumen{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0}.aprobacion-resumen-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem}.aprobacion-resumen-row span:first-child{color:#64748b;font-weight:500}.aprobacion-resumen-row strong{color:#0f172a;font-weight:600}.aprobacion-resumen-row.highlight{padding-top:16px;margin-top:12px;border-top:1px dashed #cbd5e1}.aprobacion-resumen-row.highlight strong{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aprobacion-form-group{margin-bottom:0}.aprobacion-form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:10px}.aprobacion-form-group textarea{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;resize:vertical;font-family:inherit;transition:all .2s ease;background:#fafafa;min-height:100px}.aprobacion-form-group textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.aprobacion-form-group textarea::placeholder{color:#94a3b8}.aprobacion-modal-footer{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;border-top:1px solid #e2e8f0;background:#fafafa}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-success{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #22c55e4d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-success:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-success .spin,.btn-danger .spin{animation:spin 1s linear infinite}@media (max-width: 768px){.aprobacion-gastos-page{padding:20px 16px}.page-header{flex-direction:column;gap:20px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:20px;width:100%}.header-title h1{font-size:1.4rem}.gasto-header{flex-direction:column;gap:16px;align-items:flex-start}.gasto-monto{text-align:left}.gasto-monto .monto{font-size:1.5rem}.gasto-info{grid-template-columns:1fr}.gasto-actions{flex-direction:column}.btn-action{width:100%}.aprobacion-modal{max-width:100%;margin:16px;border-radius:16px}.aprobacion-modal-footer{flex-direction:column}.aprobacion-modal-footer button{width:100%;justify-content:center}}.gasto-card{animation:cardFadeIn .4s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gastos-list .gasto-card:nth-child(1){animation-delay:0s}.gastos-list .gasto-card:nth-child(2){animation-delay:.1s}.gastos-list .gasto-card:nth-child(3){animation-delay:.2s}.gastos-list .gasto-card:nth-child(4){animation-delay:.3s}.gastos-list .gasto-card:nth-child(5){animation-delay:.4s}.gastos-recurrentes-page{padding:24px;max-width:1200px;margin:0 auto}.filtros-bar{display:flex;gap:8px;margin-bottom:24px}.filtro-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#64748b;cursor:pointer}.filtro-btn:hover{background:#f8fafc}.filtro-btn.active{background:#2f7bef;border-color:#2f7bef;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.recurrentes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.recurrente-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.recurrente-card:hover{box-shadow:0 4px 12px #0000001a}.recurrente-card.inactivo{opacity:.7}.recurrente-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #f1f5f9}.card-title{display:flex;flex-direction:column;gap:6px}.card-title h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;width:fit-content}.card-actions{display:flex;gap:4px}.recurrente-card .card-body{padding:16px 20px}.descripcion{font-size:.875rem;color:#64748b;margin:0 0 12px}.info-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.info-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b}.info-item svg{color:#94a3b8}.monto-section{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px}.monto-section .label{font-size:.75rem;color:#64748b}.monto-section .monto{font-size:1.25rem;font-weight:700;color:#1e293b}.recurrente-card .card-footer{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;font-size:.875rem;color:#64748b}.card-footer svg{color:#2f7bef}.card-footer .dias{font-weight:500;color:#2f7bef}.card-footer.proximo{background:#fef3c7;border-color:#fde68a}.card-footer.proximo svg,.card-footer.proximo .dias{color:#d97706}.card-footer.vencido{background:#fee2e2;border-color:#fecaca;color:#991b1b}.card-footer.vencido svg,.card-footer.vencido .dias{color:#dc2626}.recurrente-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;padding:20px;animation:modalFadeIn .2s ease}.recurrente-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:modalSlideUp .3s ease}.recurrente-modal.large{max-width:640px}.recurrente-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1}.recurrente-modal-header.danger{background:#fef2f2}.recurrente-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.125rem;color:#1e293b}.recurrente-btn-close{padding:4px;background:none;border:none;color:#64748b;cursor:pointer}.recurrente-btn-close:hover{color:#1e293b}.recurrente-modal-body{padding:24px}.recurrente-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.recurrente-form-row:last-child{margin-bottom:0}.recurrente-form-group{display:flex;flex-direction:column;gap:6px}.recurrente-form-group.full{grid-column:1 / -1}.recurrente-form-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.recurrente-form-group input,.recurrente-form-group select,.recurrente-form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;font-family:inherit}.recurrente-form-group input:focus,.recurrente-form-group select:focus,.recurrente-form-group textarea:focus{outline:none;border-color:#2f7bef}.recurrente-form-section{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.recurrente-form-section h4{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 16px}.recurrente-form-section h4 svg{color:#2f7bef}.recurrente-checkbox-group{display:flex;align-items:center}.recurrente-checkbox-label{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#1e293b;cursor:pointer;text-transform:none;font-weight:400}.recurrente-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.recurrente-warning-message{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.recurrente-warning-message svg{color:#ef4444;flex-shrink:0}.recurrente-warning-message p{margin:0;color:#991b1b;font-size:.9rem}.recurrente-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:#fff}@media (max-width: 768px){.gastos-recurrentes-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.filtros-bar{flex-wrap:wrap}.recurrentes-grid,.form-row{grid-template-columns:1fr}.recurrente-modal.large{max-width:100%}.recurrente-form-row{grid-template-columns:1fr}}.categorias-gasto-page{padding:24px;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:24px}.btn-volver{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.btn-volver:hover{background:#e2e8f0;color:#1e293b}.header-title svg{color:#2f7bef}.header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.checkbox-filtro{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#64748b;cursor:pointer}.checkbox-filtro input{width:16px;height:16px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2f7bef;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary:hover:not(:disabled){background:#1e6ad4}.resumen-bar{display:flex;gap:32px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.resumen-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#64748b}.resumen-item svg{color:#2f7bef}.resumen-item strong{color:#1e293b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px}.empty-state svg{color:#94a3b8;margin-bottom:24px;opacity:.5}.empty-state h2{font-size:1.25rem;color:#1e293b;margin:0 0 8px}.empty-state p{color:#64748b;margin:0 0 24px}.categorias-table{width:100%;border-collapse:collapse}.categorias-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.categorias-table td{padding:12px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.categorias-table tr:hover{background:#f8fafc}.categorias-table tr.inactiva td{opacity:.5}.col-nombre{width:30%}.col-codigo{width:10%}.col-cuenta{width:15%}.col-gastos{width:10%;text-align:center}.col-monto{width:15%;text-align:right;font-weight:500}.col-estado,.col-acciones{width:10%}.nombre-container{display:flex;align-items:center;gap:8px}.tree-icon{color:#94a3b8;transform:rotate(90deg)}.tree-spacer{width:14px}.sistema-icon{color:#94a3b8;margin-left:4px}.texto-muted{font-size:.75rem;color:#94a3b8}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600}.btn-icon{padding:6px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background:#e2e8f0;color:#1e293b}.btn-icon.danger:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.btn-icon.add:hover{background:#dcfce7;border-color:#86efac;color:#16a34a}.nivel-1{background:#fafafa}.nivel-2{background:#f5f5f5}.categoria-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;padding:20px;animation:modalFadeIn .2s ease}.categoria-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 40px #0003;animation:modalSlideUp .3s ease}.categoria-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.categoria-modal-header.danger{background:#fef2f2}.categoria-modal-header h3{margin:0;font-size:1.125rem;color:#1e293b}.categoria-btn-close{padding:4px;background:none;border:none;color:#64748b;cursor:pointer}.categoria-btn-close:hover{color:#1e293b}.categoria-modal-body{padding:24px}.categoria-form-row{display:grid;grid-template-columns:120px 1fr;gap:16px;margin-bottom:16px}.categoria-form-row:last-child{margin-bottom:0}.categoria-form-group{display:flex;flex-direction:column;gap:6px}.categoria-form-group.full{grid-column:1 / -1}.categoria-form-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.categoria-form-group input,.categoria-form-group select,.categoria-form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;font-family:inherit}.categoria-form-group input:focus,.categoria-form-group select:focus,.categoria-form-group textarea:focus{outline:none;border-color:#2f7bef}.categoria-checkbox-group{grid-column:1 / -1}.categoria-checkbox-label{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#1e293b;cursor:pointer;text-transform:none;font-weight:400}.categoria-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.categoria-warning-message{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.categoria-warning-message svg{color:#ef4444;flex-shrink:0}.categoria-warning-message p{margin:0 0 8px;color:#991b1b;font-size:.9rem}.categoria-warning-message p:last-child{margin:0}.text-danger{color:#dc2626!important}.categoria-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-weight:600;cursor:pointer}.btn-danger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.categorias-gasto-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{flex-direction:column;align-items:flex-start;gap:12px}.resumen-bar{flex-direction:column;gap:12px}.categorias-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}}.centro-cxc-page{padding:24px;max-width:1400px;margin:0 auto}.centro-cxc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title svg{color:#16a34a}.stat-icon.total{background:#dcfce7;color:#16a34a}.stat-icon.unpaid{background:#fee2e2;color:#dc2626}.quick-action-card:hover{border-color:#16a34a;box-shadow:0 4px 12px #16a34a26}.quick-action-card svg{color:#16a34a}.btn-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#16a34a;font-size:.875rem;font-weight:500;cursor:pointer}.mini-table .numero{font-weight:600;color:#16a34a}.alert-card.info{border-left:4px solid #3b82f6}.alert-list li:hover{color:#16a34a}.info-icon{width:48px;height:48px;border-radius:12px;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.centro-cxc-page{padding:16px}.centro-cxc-header{flex-direction:column;gap:16px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-action-card{flex-direction:row;justify-content:flex-start}}.registrar-cobro-page{padding:32px;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.registrar-cobro-page .page-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.registrar-cobro-page .btn-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;color:#64748b;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.registrar-cobro-page .btn-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translate(-2px)}.registrar-cobro-page .header-info h1{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.registrar-cobro-page .header-info p{font-size:.95rem;color:#64748b;margin:4px 0 0}.registrar-cobro-page .error-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;margin-bottom:28px;box-shadow:0 2px 8px #dc26261a}.registrar-cobro-page .error-banner svg{flex-shrink:0}.registrar-cobro-page .form-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}.registrar-cobro-page .form-main{display:flex;flex-direction:column;gap:24px}.registrar-cobro-page .form-section{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.registrar-cobro-page .form-section:hover{box-shadow:0 8px 30px #00000014}.registrar-cobro-page .form-section h3{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:700;color:#64748b;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9;text-transform:uppercase;letter-spacing:.08em}.registrar-cobro-page .form-section h3 svg{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0);padding:10px;border-radius:10px;box-shadow:0 2px 8px #16a34a26}.registrar-cobro-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.registrar-cobro-page .section-header h3{margin:0;padding:0;border:none}.registrar-cobro-page .section-actions{display:flex;gap:10px}.registrar-cobro-page .btn-sm{padding:8px 16px;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #16a34a40}.registrar-cobro-page .btn-sm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a59}.registrar-cobro-page .btn-sm.outline{background:#fff;color:#64748b;border:1px solid #e2e8f0;box-shadow:none}.registrar-cobro-page .btn-sm.outline:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.registrar-cobro-page .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.registrar-cobro-page .form-group{display:flex;flex-direction:column;gap:8px}.registrar-cobro-page .form-group label{font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.registrar-cobro-page .form-group input,.registrar-cobro-page .form-group select,.registrar-cobro-page .form-group textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .2s ease;background:#fafafa}.registrar-cobro-page .form-group input:focus,.registrar-cobro-page .form-group select:focus,.registrar-cobro-page .form-group textarea:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 4px #16a34a1a}.registrar-cobro-page .form-group input.error,.registrar-cobro-page .form-group select.error{border-color:#dc2626;background:#fef2f2}.registrar-cobro-page .form-group input::placeholder,.registrar-cobro-page .form-group textarea::placeholder{color:#94a3b8}.registrar-cobro-page .error-text{font-size:.75rem;color:#dc2626;font-weight:500}.registrar-cobro-page .busqueda-container{position:relative}.registrar-cobro-page .input-search{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fafafa;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.registrar-cobro-page .input-search:focus-within{border-color:#16a34a;background:#fff;box-shadow:0 0 0 4px #16a34a1a}.registrar-cobro-page .input-search svg{color:#94a3b8;flex-shrink:0}.registrar-cobro-page .input-search input{flex:1;border:none;background:none;font-size:.95rem;outline:none;padding:0}.registrar-cobro-page .resultados-busqueda{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:280px;overflow-y:auto;box-shadow:0 12px 32px #0000001f;z-index:100;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.registrar-cobro-page .buscando,.registrar-cobro-page .sin-resultados{padding:20px;text-align:center;color:#64748b;font-size:.9rem}.registrar-cobro-page .buscando{display:flex;align-items:center;justify-content:center;gap:10px}.registrar-cobro-page .resultado-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .15s ease}.registrar-cobro-page .resultado-item:last-child{border-bottom:none}.registrar-cobro-page .resultado-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.registrar-cobro-page .resultado-item .nombre{font-weight:600;color:#0f172a;font-size:.95rem}.registrar-cobro-page .resultado-item .documento{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:6px}.registrar-cobro-page .cliente-seleccionado{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;animation:clienteSelected .3s ease}@keyframes clienteSelected{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.registrar-cobro-page .cliente-info{display:flex;flex-direction:column;gap:4px}.registrar-cobro-page .cliente-nombre{font-weight:700;color:#0f172a;font-size:1.05rem}.registrar-cobro-page .cliente-documento{font-size:.85rem;color:#16a34a;font-weight:500}.registrar-cobro-page .btn-clear{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.registrar-cobro-page .btn-clear:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:rotate(90deg)}.registrar-cobro-page .documentos-table{width:100%;border-collapse:separate;border-spacing:0}.registrar-cobro-page .documentos-table th{text-align:left;padding:14px 16px;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.registrar-cobro-page .documentos-table th:first-child{border-radius:10px 0 0}.registrar-cobro-page .documentos-table th:last-child{border-radius:0 10px 0 0}.registrar-cobro-page .documentos-table td{padding:16px;font-size:.9rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle;transition:background .15s ease}.registrar-cobro-page .documentos-table tbody tr{transition:all .2s ease}.registrar-cobro-page .documentos-table tbody tr:hover{background:#fafafa}.registrar-cobro-page .documentos-table tr.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.registrar-cobro-page .documentos-table tr.selected:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.registrar-cobro-page .documentos-table input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#16a34a}.registrar-cobro-page .doc-numero{display:block;font-weight:700;color:#16a34a;font-size:.9rem}.registrar-cobro-page .doc-tipo{display:inline-block;font-size:.7rem;color:#64748b;text-transform:uppercase;background:#f1f5f9;padding:3px 8px;border-radius:4px;margin-top:4px;font-weight:600;letter-spacing:.03em}.registrar-cobro-page .vencido{color:#dc2626;font-weight:600}.registrar-cobro-page .dias-mora{display:inline-block;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);padding:3px 8px;border-radius:4px;margin-left:6px}.registrar-cobro-page .saldo{font-weight:700;color:#16a34a;font-size:.95rem}.registrar-cobro-page .input-monto{width:130px;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;text-align:right;font-weight:600;transition:all .2s ease}.registrar-cobro-page .input-monto:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.registrar-cobro-page .input-monto:disabled{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.registrar-cobro-page .empty-docs{display:flex;flex-direction:column;align-items:center;padding:60px 40px;color:#94a3b8}.registrar-cobro-page .empty-docs svg{margin-bottom:16px;opacity:.4}.registrar-cobro-page .empty-docs p{font-size:.95rem;margin:0}.registrar-cobro-page .loading-inline{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.registrar-cobro-page .form-sidebar{position:sticky;top:32px}.registrar-cobro-page .resumen-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;margin-bottom:20px}.registrar-cobro-page .resumen-card h3{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.registrar-cobro-page .resumen-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:.95rem}.registrar-cobro-page .resumen-row span:first-child{color:#64748b;font-weight:500}.registrar-cobro-page .resumen-row .valor{font-weight:700;color:#0f172a;font-size:1rem}.registrar-cobro-page .resumen-row .valor.positive{color:#16a34a}.registrar-cobro-page .resumen-row.total{font-size:1.15rem;padding-top:20px;margin-top:8px}.registrar-cobro-page .resumen-row.total span:first-child{color:#0f172a;font-weight:700}.registrar-cobro-page .resumen-row.total .valor{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registrar-cobro-page .resumen-divider{height:2px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:8px 0}.registrar-cobro-page .resumen-nota,.registrar-cobro-page .resumen-error{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;border-radius:10px;font-size:.8rem;line-height:1.5}.registrar-cobro-page .resumen-nota{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;color:#854d0e}.registrar-cobro-page .resumen-nota svg{color:#ca8a04;flex-shrink:0}.registrar-cobro-page .resumen-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.registrar-cobro-page .resumen-error svg{flex-shrink:0}.registrar-cobro-page .btn-guardar{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:14px;box-shadow:0 4px 14px #16a34a59}.registrar-cobro-page .btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #16a34a73}.registrar-cobro-page .btn-guardar:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.registrar-cobro-page .btn-cancelar{width:100%;padding:14px 24px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.registrar-cobro-page .btn-cancelar:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.registrar-cobro-page .spin{animation:spin 1s linear infinite}.registrar-cobro-page .form-section{animation:sectionFadeIn .4s ease}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.registrar-cobro-page .form-main .form-section:nth-child(1){animation-delay:0s}.registrar-cobro-page .form-main .form-section:nth-child(2){animation-delay:.1s}.registrar-cobro-page .form-main .form-section:nth-child(3){animation-delay:.2s}@media (max-width: 1200px){.registrar-cobro-page .form-grid{grid-template-columns:1fr}.registrar-cobro-page .form-sidebar{position:static;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:start}.registrar-cobro-page .resumen-card{margin-bottom:0}.registrar-cobro-page .btn-guardar,.registrar-cobro-page .btn-cancelar{width:auto;margin-bottom:0}}@media (max-width: 900px){.registrar-cobro-page .form-sidebar{grid-template-columns:1fr}.registrar-cobro-page .btn-guardar,.registrar-cobro-page .btn-cancelar{width:100%}.registrar-cobro-page .btn-guardar{margin-bottom:14px}}@media (max-width: 768px){.registrar-cobro-page{padding:20px 16px}.registrar-cobro-page .page-header{margin-bottom:24px;padding-bottom:20px}.registrar-cobro-page .header-info h1{font-size:1.4rem}.registrar-cobro-page .form-row{grid-template-columns:1fr}.registrar-cobro-page .form-section{padding:20px;border-radius:14px}.registrar-cobro-page .documentos-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.registrar-cobro-page .documentos-table th,.registrar-cobro-page .documentos-table td{padding:12px;white-space:nowrap}.registrar-cobro-page .input-monto{width:100px}.registrar-cobro-page .section-header{flex-direction:column;align-items:flex-start;gap:12px}.registrar-cobro-page .section-actions{width:100%}.registrar-cobro-page .section-actions .btn-sm{flex:1;text-align:center;justify-content:center}}.registrar-cobro-page .documentos-table td[title]{cursor:help}.registrar-cobro-page button:focus-visible,.registrar-cobro-page input:focus-visible,.registrar-cobro-page select:focus-visible{outline:2px solid #16a34a;outline-offset:2px}.listado-pagos-page{padding:24px;max-width:1400px;margin:0 auto}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#15803d}.filtro-group select:focus,.filtro-group input:focus{outline:none;border-color:#16a34a}.pagos-table .numero{font-weight:600;color:#16a34a}.pagos-table .cliente-nombre{font-weight:500}.btn-action:hover{background:#16a34a;color:#fff}@media (max-width: 768px){.listado-pagos-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.pagos-table{display:block;overflow-x:auto}}.envejecimiento-page{padding:24px;max-width:1600px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.envejecimiento-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#64748b}.envejecimiento-page .spin{animation:spin 1s linear infinite}.envejecimiento-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;box-shadow:0 4px 20px #1e40af4d}.envejecimiento-page .header-left{display:flex;align-items:center;gap:16px}.envejecimiento-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.envejecimiento-page .btn-back:hover{background:#ffffff40;transform:translate(-2px)}.envejecimiento-page .header-info h1{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.envejecimiento-page .header-info p{margin:4px 0 0;color:#fffc;font-size:.9rem}.envejecimiento-page .header-actions{display:flex;gap:12px}.envejecimiento-page .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.envejecimiento-page .btn-secondary:hover{background:#ffffff40}.envejecimiento-page .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:none;border-radius:10px;color:#1e40af;font-weight:600;cursor:pointer;transition:all .2s ease}.envejecimiento-page .btn-primary:hover{background:#f0f9ff;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff4d}.envejecimiento-page .summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.envejecimiento-page .summary-card{position:relative;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.envejecimiento-page .summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.envejecimiento-page .summary-card .card-icon{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;opacity:.15}.envejecimiento-page .summary-card .card-content{display:flex;flex-direction:column;gap:4px}.envejecimiento-page .summary-card .label{font-size:.85rem;color:#64748b;font-weight:500}.envejecimiento-page .summary-card .value{font-size:1.25rem;font-weight:700;color:#1e293b}.envejecimiento-page .summary-card .percentage{font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:20px;width:fit-content}.envejecimiento-page .summary-card .card-bar{position:absolute;bottom:0;left:0;height:4px;width:var(--percentage);transition:width .5s ease}.envejecimiento-page .summary-card.vigente .card-icon{background:#10b981;color:#10b981}.envejecimiento-page .summary-card.vigente .percentage{background:#d1fae5;color:#059669}.envejecimiento-page .summary-card.vigente .card-bar{background:linear-gradient(90deg,#10b981,#34d399)}.envejecimiento-page .summary-card.vencido-1 .card-icon{background:#f59e0b;color:#f59e0b}.envejecimiento-page .summary-card.vencido-1 .percentage{background:#fef3c7;color:#d97706}.envejecimiento-page .summary-card.vencido-1 .card-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.envejecimiento-page .summary-card.vencido-2 .card-icon{background:#f97316;color:#f97316}.envejecimiento-page .summary-card.vencido-2 .percentage{background:#ffedd5;color:#ea580c}.envejecimiento-page .summary-card.vencido-2 .card-bar{background:linear-gradient(90deg,#f97316,#fb923c)}.envejecimiento-page .summary-card.vencido-3 .card-icon{background:#ef4444;color:#ef4444}.envejecimiento-page .summary-card.vencido-3 .percentage{background:#fee2e2;color:#dc2626}.envejecimiento-page .summary-card.vencido-3 .card-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.envejecimiento-page .summary-card.vencido-4 .card-icon{background:#991b1b;color:#991b1b}.envejecimiento-page .summary-card.vencido-4 .percentage{background:#fecaca;color:#991b1b}.envejecimiento-page .summary-card.vencido-4 .card-bar{background:linear-gradient(90deg,#991b1b,#dc2626)}.envejecimiento-page .filtros-section{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.envejecimiento-page .filtro-cliente{display:flex;align-items:center;gap:12px;color:#64748b}.envejecimiento-page .busqueda-wrapper{position:relative}.envejecimiento-page .busqueda-wrapper input{width:300px;padding:10px 36px 10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;transition:all .2s ease}.envejecimiento-page .busqueda-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.envejecimiento-page .btn-clear-filter{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.envejecimiento-page .resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}.envejecimiento-page .resultado-item{display:flex;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f1f5f9}.envejecimiento-page .resultado-item:last-child{border-bottom:none}.envejecimiento-page .resultado-item:hover{background:#f0f9ff}.envejecimiento-page .resultado-item .nombre{font-weight:500;color:#1e293b}.envejecimiento-page .resultado-item .documento{font-size:.85rem;color:#64748b}.envejecimiento-page .buscando,.envejecimiento-page .sin-resultados{padding:16px;text-align:center;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.envejecimiento-page .filtro-info{display:flex;gap:24px}.envejecimiento-page .filtro-info span{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#64748b}.envejecimiento-page .filtro-info span svg{color:#3b82f6}.envejecimiento-page .tabla-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;margin-bottom:24px}.envejecimiento-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.envejecimiento-page .empty-state svg{color:#cbd5e1;margin-bottom:16px}.envejecimiento-page .empty-state h3{margin:0;color:#475569}.envejecimiento-page .empty-state p{margin:8px 0 0}.envejecimiento-page .tabla-envejecimiento{width:100%;border-collapse:collapse}.envejecimiento-page .tabla-envejecimiento th{padding:16px 12px;text-align:right;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.envejecimiento-page .tabla-envejecimiento th.col-cliente,.envejecimiento-page .tabla-envejecimiento th.col-documento{text-align:left}.envejecimiento-page .tabla-envejecimiento th.col-vigente{background:linear-gradient(to bottom,#ecfdf5,#d1fae5);color:#059669}.envejecimiento-page .tabla-envejecimiento th.col-vencido{background:linear-gradient(to bottom,#fef3c7,#fde68a);color:#92400e}.envejecimiento-page .tabla-envejecimiento th.col-total{background:linear-gradient(to bottom,#dbeafe,#bfdbfe);color:#1e40af}.envejecimiento-page .tabla-envejecimiento td{padding:14px 12px;border-bottom:1px solid #f1f5f9;text-align:right}.envejecimiento-page .tabla-envejecimiento td.col-cliente,.envejecimiento-page .tabla-envejecimiento td.col-documento{text-align:left}.envejecimiento-page .tabla-envejecimiento tbody tr{transition:background .2s ease}.envejecimiento-page .tabla-envejecimiento tbody tr:hover{background:#f8fafc}.envejecimiento-page .cliente-nombre{font-weight:500;color:#1e293b}.envejecimiento-page .cliente-documento{font-size:.85rem;color:#64748b}.envejecimiento-page .monto{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600}.envejecimiento-page .monto.zero{color:#cbd5e1;background:transparent}.envejecimiento-page .monto.vigente{background:#ecfdf5;color:#059669}.envejecimiento-page .monto.vencido-1{background:#fef3c7;color:#d97706}.envejecimiento-page .monto.vencido-2{background:#ffedd5;color:#ea580c}.envejecimiento-page .monto.vencido-3{background:#fee2e2;color:#dc2626}.envejecimiento-page .monto.vencido-4{background:#fecaca;color:#991b1b}.envejecimiento-page .monto.total{background:#dbeafe;color:#1e40af;font-weight:700}.envejecimiento-page .badge-docs{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#f1f5f9;color:#475569;border-radius:14px;font-size:.85rem;font-weight:600}.envejecimiento-page .badge-docs.total{background:#3b82f6;color:#fff}.envejecimiento-page .tabla-envejecimiento tfoot tr.fila-totales{background:linear-gradient(to bottom,#f8fafc,#e2e8f0)}.envejecimiento-page .tabla-envejecimiento tfoot td{padding:16px 12px;font-weight:600;border-top:2px solid #e2e8f0}.envejecimiento-page .label-totales{text-align:left!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#475569}.envejecimiento-page .grafico-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.envejecimiento-page .grafico-section h3{margin:0 0 20px;font-size:1rem;font-weight:600;color:#1e293b}.envejecimiento-page .grafico-barras{display:flex;flex-direction:column;gap:16px}.envejecimiento-page .barra-item{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:16px}.envejecimiento-page .barra-label{font-size:.85rem;font-weight:500;color:#64748b}.envejecimiento-page .barra-container{height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden}.envejecimiento-page .barra{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:50px;transition:width .5s ease}.envejecimiento-page .barra-value{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.envejecimiento-page .barra.vigente{background:linear-gradient(90deg,#10b981,#34d399)}.envejecimiento-page .barra.vencido-1{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.envejecimiento-page .barra.vencido-2{background:linear-gradient(90deg,#f97316,#fb923c)}.envejecimiento-page .barra.vencido-3{background:linear-gradient(90deg,#ef4444,#f87171)}.envejecimiento-page .barra.vencido-4{background:linear-gradient(90deg,#991b1b,#dc2626)}.envejecimiento-page .barra-monto{font-size:.9rem;font-weight:600;color:#1e293b;text-align:right}@media (max-width: 1400px){.envejecimiento-page .summary-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.envejecimiento-page .summary-cards{grid-template-columns:repeat(2,1fr)}.envejecimiento-page .page-header{flex-direction:column;gap:16px;align-items:flex-start}.envejecimiento-page .header-actions{width:100%;justify-content:flex-end}.envejecimiento-page .filtros-section{flex-direction:column;gap:16px;align-items:flex-start}.envejecimiento-page .filtro-info{flex-wrap:wrap}.envejecimiento-page .tabla-container{overflow-x:auto}.envejecimiento-page .tabla-envejecimiento{min-width:900px}}@media (max-width: 768px){.envejecimiento-page{padding:16px}.envejecimiento-page .summary-cards{grid-template-columns:1fr}.envejecimiento-page .busqueda-wrapper input{width:100%}.envejecimiento-page .barra-item{grid-template-columns:80px 1fr 80px}}.centro-cxp-page{padding:24px;max-width:1400px;margin:0 auto}.centro-cxp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title svg{color:#dc2626}.stat-icon.total{background:#fee2e2;color:#dc2626}.stat-icon.money{background:#dbeafe;color:#2563eb}.stat-icon.unpaid{background:#fce7f3;color:#db2777}.quick-action-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc262626}.quick-action-card svg{color:#dc2626}.quick-action-card span{font-size:.875rem;font-weight:600;color:#1e293b}.btn-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer}.mini-table .numero{font-weight:600;color:#dc2626}.mini-table .monto{font-weight:600}.envejecimiento-bars{display:flex;flex-direction:column;gap:12px}.env-item{display:flex;flex-direction:column;gap:4px}.env-label{display:flex;justify-content:space-between;font-size:.8rem}.env-label span:first-child{color:#64748b}.env-value{font-weight:600;color:#1e293b}.env-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.env-fill{height:100%;border-radius:4px;transition:width .3s ease}.env-fill.vigente{background:#22c55e}.env-fill.v1-30{background:#facc15}.env-fill.v31-60{background:#f97316}.env-fill.v61-90{background:#ef4444}.env-fill.v90-mas{background:#dc2626}.env-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:12px;border-top:1px solid #e2e8f0;font-weight:600}.env-total span:first-child{color:#64748b}.total-value{color:#1e293b;font-size:1.1rem}.alert-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:.85rem}.alert-list li:hover{color:#dc2626}.doc-info{display:flex;flex-direction:column;gap:2px}.doc-num{font-weight:600;color:#1e293b}.doc-cliente{font-size:.75rem;color:#64748b}.doc-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.doc-saldo{font-weight:600;color:#dc2626}.doc-mora{font-size:.75rem;color:#64748b}.info-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.info-icon{width:48px;height:48px;border-radius:12px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center}.info-content{display:flex;flex-direction:column}.info-value{font-size:1.5rem;font-weight:700;color:#1e293b}.info-label{font-size:.8rem;color:#64748b}@media (max-width: 768px){.centro-cxp-page{padding:16px}.centro-cxp-header{flex-direction:column;gap:16px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-action-card{flex-direction:row;justify-content:flex-start}}.registrar-pago-page{padding:24px;max-width:1400px;margin:0 auto}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}.form-main{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.form-section h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.form-section h3 svg{color:#dc2626}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.section-header h3{margin:0;padding:0;border:none}.section-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:.8rem;font-weight:600;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-sm:hover{background:#b91c1c}.btn-sm.outline{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-sm.outline:hover{background:#f1f5f9}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input.error,.form-group select.error{border-color:#dc2626}.error-text{font-size:.75rem;color:#dc2626}.busqueda-container{position:relative}.input-search{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.input-search svg{color:#94a3b8}.input-search input{flex:1;border:none;background:none;font-size:.9rem;outline:none}.resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:250px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:100}.buscando,.sin-resultados{padding:16px;text-align:center;color:#64748b;font-size:.875rem}.buscando{display:flex;align-items:center;justify-content:center;gap:8px}.resultado-item{display:flex;justify-content:space-between;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .2s}.resultado-item:hover{background:#fef2f2}.resultado-item .nombre{font-weight:500;color:#1e293b}.resultado-item .documento{font-size:.8rem;color:#64748b}.proveedor-seleccionado{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.proveedor-info{display:flex;flex-direction:column;gap:4px}.proveedor-nombre{font-weight:600;color:#1e293b}.proveedor-documento{font-size:.8rem;color:#64748b}.btn-clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b}.btn-clear:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.gastos-table{width:100%;border-collapse:collapse}.gastos-table th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.gastos-table td{padding:12px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.gastos-table tr.selected{background:#fef2f2}.gastos-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.gasto-numero{display:block;font-weight:600;color:#dc2626}.gasto-concepto{display:block;font-size:.75rem;color:#64748b}.vencido{color:#dc2626}.dias-mora{display:block;font-size:.7rem;color:#dc2626}.saldo{font-weight:600;color:#dc2626}.input-monto{width:120px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;text-align:right}.input-monto:disabled{background:#f1f5f9;color:#94a3b8}.empty-docs{display:flex;flex-direction:column;align-items:center;padding:40px;color:#94a3b8}.empty-docs svg{margin-bottom:12px;opacity:.5}.loading-inline{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#64748b}.form-sidebar{position:sticky;top:24px}.resumen-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.resumen-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.resumen-row{display:flex;justify-content:space-between;padding:10px 0;font-size:.9rem}.resumen-row .valor{font-weight:600;color:#1e293b}.resumen-row .valor.positive{color:#dc2626}.resumen-row.total{font-size:1.1rem;padding-top:16px}.resumen-row.total span:first-child{color:#1e293b}.resumen-divider{height:1px;background:#e2e8f0;margin:8px 0}.resumen-nota,.resumen-error{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border-radius:8px;font-size:.8rem}.resumen-nota{background:#fefce8;color:#854d0e}.resumen-error{background:#fef2f2;color:#dc2626}.btn-guardar{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:12px}.btn-guardar:hover:not(:disabled){background:#b91c1c}.btn-guardar:disabled{background:#94a3b8;cursor:not-allowed}.btn-cancelar{width:100%;padding:12px 24px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancelar:hover{background:#f1f5f9;color:#1e293b}@media (max-width: 1100px){.form-grid{grid-template-columns:1fr}.form-sidebar{position:static}}@media (max-width: 768px){.registrar-pago-page{padding:16px}.form-row{grid-template-columns:1fr}.gastos-table{display:block;overflow-x:auto}}.listado-pagos-cxp-page{padding:24px;max-width:1400px;margin:0 auto}.filtro-group.search{flex:1;min-width:250px;flex-direction:row;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px}.filtro-group.search svg{color:#94a3b8}.filtro-group.search input{flex:1;padding:10px 12px;border:none;background:none;font-size:.9rem;outline:none}.filtro-group select,.filtro-group input[type=date]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;min-width:140px}.btn-limpiar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s}.btn-limpiar:hover{background:#e2e8f0;color:#1e293b}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#64748b}.empty-state p{margin:0 0 24px}.pagos-table{width:100%;border-collapse:collapse}.pagos-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.pagos-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.pagos-table tr:hover{background:#f8fafc}.pagos-table .numero{font-weight:600;color:#dc2626}.pagos-table .proveedor-nombre{font-weight:500}.pagos-table .monto{font-weight:600}.pagos-table .monto.aplicado{color:#16a34a}.btn-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.paginacion{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e2e8f0}.paginacion-info{font-size:.875rem;color:#64748b}.paginacion-controls{display:flex;align-items:center;gap:12px}.btn-pag{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.btn-pag:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.pag-actual{font-size:.875rem;color:#1e293b}@media (max-width: 1100px){.filtros-row{flex-direction:column;align-items:stretch}.filtro-group.search{width:100%}}@media (max-width: 768px){.listado-pagos-cxp-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.pagos-table{display:block;overflow-x:auto}}.envejecimiento-cxp-page{padding:24px;max-width:1600px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#fef7f0,#fde8d7)}.envejecimiento-cxp-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#64748b}.envejecimiento-cxp-page .spin{animation:spin 1s linear infinite}.envejecimiento-cxp-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#9a3412,#ea580c);border-radius:16px;box-shadow:0 4px 20px #9a34124d}.envejecimiento-cxp-page .header-left{display:flex;align-items:center;gap:16px}.envejecimiento-cxp-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease}.envejecimiento-cxp-page .btn-back:hover{background:#ffffff40;transform:translate(-2px)}.envejecimiento-cxp-page .header-info h1{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.envejecimiento-cxp-page .header-info p{margin:4px 0 0;color:#fffc;font-size:.9rem}.envejecimiento-cxp-page .header-actions{display:flex;gap:12px}.envejecimiento-cxp-page .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.envejecimiento-cxp-page .btn-secondary:hover{background:#ffffff40}.envejecimiento-cxp-page .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:none;border-radius:10px;color:#9a3412;font-weight:600;cursor:pointer;transition:all .2s ease}.envejecimiento-cxp-page .btn-primary:hover{background:#fff7ed;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff4d}.envejecimiento-cxp-page .summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.envejecimiento-cxp-page .summary-card{position:relative;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.envejecimiento-cxp-page .summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.envejecimiento-cxp-page .summary-card .card-icon{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;opacity:.15}.envejecimiento-cxp-page .summary-card .card-content{display:flex;flex-direction:column;gap:4px}.envejecimiento-cxp-page .summary-card .label{font-size:.85rem;color:#64748b;font-weight:500}.envejecimiento-cxp-page .summary-card .value{font-size:1.25rem;font-weight:700;color:#1e293b}.envejecimiento-cxp-page .summary-card .percentage{font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:20px;width:fit-content}.envejecimiento-cxp-page .summary-card .card-bar{position:absolute;bottom:0;left:0;height:4px;width:var(--percentage);transition:width .5s ease}.envejecimiento-cxp-page .summary-card.vigente .card-icon{background:#10b981;color:#10b981}.envejecimiento-cxp-page .summary-card.vigente .percentage{background:#d1fae5;color:#059669}.envejecimiento-cxp-page .summary-card.vigente .card-bar{background:linear-gradient(90deg,#10b981,#34d399)}.envejecimiento-cxp-page .summary-card.vencido-1 .card-icon{background:#f59e0b;color:#f59e0b}.envejecimiento-cxp-page .summary-card.vencido-1 .percentage{background:#fef3c7;color:#d97706}.envejecimiento-cxp-page .summary-card.vencido-1 .card-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.envejecimiento-cxp-page .summary-card.vencido-2 .card-icon{background:#f97316;color:#f97316}.envejecimiento-cxp-page .summary-card.vencido-2 .percentage{background:#ffedd5;color:#ea580c}.envejecimiento-cxp-page .summary-card.vencido-2 .card-bar{background:linear-gradient(90deg,#f97316,#fb923c)}.envejecimiento-cxp-page .summary-card.vencido-3 .card-icon{background:#ef4444;color:#ef4444}.envejecimiento-cxp-page .summary-card.vencido-3 .percentage{background:#fee2e2;color:#dc2626}.envejecimiento-cxp-page .summary-card.vencido-3 .card-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.envejecimiento-cxp-page .summary-card.vencido-4 .card-icon{background:#991b1b;color:#991b1b}.envejecimiento-cxp-page .summary-card.vencido-4 .percentage{background:#fecaca;color:#991b1b}.envejecimiento-cxp-page .summary-card.vencido-4 .card-bar{background:linear-gradient(90deg,#991b1b,#dc2626)}.envejecimiento-cxp-page .filtros-section{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.envejecimiento-cxp-page .filtro-proveedor{display:flex;align-items:center;gap:12px;color:#64748b}.envejecimiento-cxp-page .busqueda-wrapper{position:relative}.envejecimiento-cxp-page .busqueda-wrapper input{width:300px;padding:10px 36px 10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;transition:all .2s ease}.envejecimiento-cxp-page .busqueda-wrapper input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.envejecimiento-cxp-page .btn-clear-filter{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.envejecimiento-cxp-page .resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}.envejecimiento-cxp-page .resultado-item{display:flex;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f1f5f9}.envejecimiento-cxp-page .resultado-item:last-child{border-bottom:none}.envejecimiento-cxp-page .resultado-item:hover{background:#fff7ed}.envejecimiento-cxp-page .resultado-item .nombre{font-weight:500;color:#1e293b}.envejecimiento-cxp-page .resultado-item .documento{font-size:.85rem;color:#64748b}.envejecimiento-cxp-page .buscando,.envejecimiento-cxp-page .sin-resultados{padding:16px;text-align:center;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.envejecimiento-cxp-page .filtro-info{display:flex;gap:24px}.envejecimiento-cxp-page .filtro-info span{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#64748b}.envejecimiento-cxp-page .filtro-info span svg{color:#ea580c}.envejecimiento-cxp-page .tabla-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden;margin-bottom:24px}.envejecimiento-cxp-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#64748b}.envejecimiento-cxp-page .empty-state svg{color:#cbd5e1;margin-bottom:16px}.envejecimiento-cxp-page .empty-state h3{margin:0;color:#475569}.envejecimiento-cxp-page .empty-state p{margin:8px 0 0}.envejecimiento-cxp-page .tabla-envejecimiento{width:100%;border-collapse:collapse}.envejecimiento-cxp-page .tabla-envejecimiento th{padding:16px 12px;text-align:right;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.envejecimiento-cxp-page .tabla-envejecimiento th.col-proveedor,.envejecimiento-cxp-page .tabla-envejecimiento th.col-documento{text-align:left}.envejecimiento-cxp-page .tabla-envejecimiento th.col-vigente{background:linear-gradient(to bottom,#ecfdf5,#d1fae5);color:#059669}.envejecimiento-cxp-page .tabla-envejecimiento th.col-vencido{background:linear-gradient(to bottom,#fef3c7,#fde68a);color:#92400e}.envejecimiento-cxp-page .tabla-envejecimiento th.col-total{background:linear-gradient(to bottom,#ffedd5,#fed7aa);color:#9a3412}.envejecimiento-cxp-page .tabla-envejecimiento td{padding:14px 12px;border-bottom:1px solid #f1f5f9;text-align:right}.envejecimiento-cxp-page .tabla-envejecimiento td.col-proveedor,.envejecimiento-cxp-page .tabla-envejecimiento td.col-documento{text-align:left}.envejecimiento-cxp-page .tabla-envejecimiento tbody tr{transition:background .2s ease}.envejecimiento-cxp-page .tabla-envejecimiento tbody tr:hover{background:#fff7ed}.envejecimiento-cxp-page .proveedor-nombre{font-weight:500;color:#1e293b}.envejecimiento-cxp-page .proveedor-documento{font-size:.85rem;color:#64748b}.envejecimiento-cxp-page .monto{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:600}.envejecimiento-cxp-page .monto.zero{color:#cbd5e1;background:transparent}.envejecimiento-cxp-page .monto.vigente{background:#ecfdf5;color:#059669}.envejecimiento-cxp-page .monto.vencido-1{background:#fef3c7;color:#d97706}.envejecimiento-cxp-page .monto.vencido-2{background:#ffedd5;color:#ea580c}.envejecimiento-cxp-page .monto.vencido-3{background:#fee2e2;color:#dc2626}.envejecimiento-cxp-page .monto.vencido-4{background:#fecaca;color:#991b1b}.envejecimiento-cxp-page .monto.total{background:#ffedd5;color:#9a3412;font-weight:700}.envejecimiento-cxp-page .badge-docs{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#f1f5f9;color:#475569;border-radius:14px;font-size:.85rem;font-weight:600}.envejecimiento-cxp-page .badge-docs.total{background:#ea580c;color:#fff}.envejecimiento-cxp-page .tabla-envejecimiento tfoot tr.fila-totales{background:linear-gradient(to bottom,#fff7ed,#ffedd5)}.envejecimiento-cxp-page .tabla-envejecimiento tfoot td{padding:16px 12px;font-weight:600;border-top:2px solid #fed7aa}.envejecimiento-cxp-page .label-totales{text-align:left!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#9a3412}.envejecimiento-cxp-page .grafico-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.envejecimiento-cxp-page .grafico-section h3{margin:0 0 20px;font-size:1rem;font-weight:600;color:#1e293b}.envejecimiento-cxp-page .grafico-barras{display:flex;flex-direction:column;gap:16px}.envejecimiento-cxp-page .barra-item{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:16px}.envejecimiento-cxp-page .barra-label{font-size:.85rem;font-weight:500;color:#64748b}.envejecimiento-cxp-page .barra-container{height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden}.envejecimiento-cxp-page .barra{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;min-width:50px;transition:width .5s ease}.envejecimiento-cxp-page .barra-value{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.envejecimiento-cxp-page .barra.vigente{background:linear-gradient(90deg,#10b981,#34d399)}.envejecimiento-cxp-page .barra.vencido-1{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.envejecimiento-cxp-page .barra.vencido-2{background:linear-gradient(90deg,#f97316,#fb923c)}.envejecimiento-cxp-page .barra.vencido-3{background:linear-gradient(90deg,#ef4444,#f87171)}.envejecimiento-cxp-page .barra.vencido-4{background:linear-gradient(90deg,#991b1b,#dc2626)}.envejecimiento-cxp-page .barra-monto{font-size:.9rem;font-weight:600;color:#1e293b;text-align:right}@media (max-width: 1400px){.envejecimiento-cxp-page .summary-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.envejecimiento-cxp-page .summary-cards{grid-template-columns:repeat(2,1fr)}.envejecimiento-cxp-page .page-header{flex-direction:column;gap:16px;align-items:flex-start}.envejecimiento-cxp-page .header-actions{width:100%;justify-content:flex-end}.envejecimiento-cxp-page .filtros-section{flex-direction:column;gap:16px;align-items:flex-start}.envejecimiento-cxp-page .filtro-info{flex-wrap:wrap}.envejecimiento-cxp-page .tabla-container{overflow-x:auto}.envejecimiento-cxp-page .tabla-envejecimiento{min-width:900px}}@media (max-width: 768px){.envejecimiento-cxp-page{padding:16px}.envejecimiento-cxp-page .summary-cards{grid-template-columns:1fr}.envejecimiento-cxp-page .busqueda-wrapper input{width:100%}.envejecimiento-cxp-page .barra-item{grid-template-columns:80px 1fr 80px}}.centro-reportes-page{padding:24px;max-width:1400px;margin:0 auto}.centro-reportes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.periodo-activo-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:24px;box-shadow:0 4px 12px #3b82f640}.periodo-icon{width:56px;height:56px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.periodo-info{flex:1;display:flex;flex-direction:column;gap:4px}.periodo-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.periodo-value{font-size:1.5rem;font-weight:700;color:#fff}.periodo-fechas{font-size:.875rem;color:#fffc}.periodo-estado .badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 16px}.submodulos-section{margin-bottom:32px}.submodulos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.submodulo-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column}.submodulo-card:hover{border-color:var(--modulo-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.submodulo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.submodulo-icon{width:52px;height:52px;border-radius:12px;background:var(--modulo-bg);color:var(--modulo-color);display:flex;align-items:center;justify-content:center}.submodulo-arrow{color:#cbd5e1;transition:all .3s}.submodulo-card:hover .submodulo-arrow{color:var(--modulo-color);transform:translate(4px)}.submodulo-content h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 6px}.submodulo-content p{font-size:.813rem;color:#64748b;margin:0;line-height:1.4}.submodulo-items{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.submodulo-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#64748b}.submodulo-item svg{color:var(--modulo-color);opacity:.7}.accesos-section{margin-bottom:24px}.accesos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.acceso-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s;text-align:left}.acceso-card:hover{border-color:var(--acceso-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.acceso-icon{width:48px;height:48px;border-radius:10px;background:#f1f5f9;color:var(--acceso-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.acceso-content{flex:1}.acceso-content h4{font-size:.938rem;font-weight:600;color:#1e293b;margin:0 0 4px}.acceso-content p{font-size:.813rem;color:#64748b;margin:0}.acceso-arrow{color:#cbd5e1;flex-shrink:0;transition:all .3s}.acceso-card:hover .acceso-arrow{color:var(--acceso-color);transform:translate(4px)}.mini-table tr:hover{background:#f8fafc}.mini-table .reporte-nombre{font-weight:600;color:#3b82f6}.alert-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #f59e0b}.alert-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#1e293b}.alert-header svg{color:#f59e0b}.alert-list li{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f1f5f9;gap:12px}.alerta-info{display:flex;flex-direction:column;gap:4px;flex:1}.alerta-titulo{font-size:.875rem;font-weight:600;color:#1e293b}.alerta-mensaje{font-size:.75rem;color:#64748b}.alerta-badge{flex-shrink:0}.export-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6}.export-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#1e293b}.export-header svg{color:#3b82f6}.export-body p{font-size:.813rem;color:#64748b;margin:0 0 12px;line-height:1.5}.export-buttons{display:flex;gap:8px}.btn-export{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:8px;font-size:.813rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-export.excel{background:#dcfce7;color:#166534}.btn-export.excel:hover{background:#bbf7d0}.btn-export.pdf{background:#fee2e2;color:#991b1b}.btn-export.pdf:hover{background:#fecaca}.info-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem;font-weight:600;color:#1e293b}.info-header svg{color:#16a34a}.info-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;font-size:.875rem}.info-label{color:#64748b}.info-value{font-weight:600;color:#1e293b}.info-value.capitalize{text-transform:capitalize}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.btn-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer}.btn-secondary{padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.btn-secondary.full-width{width:100%}@media (max-width: 1400px){.submodulos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}.submodulos-grid,.accesos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.centro-reportes-page{padding:16px}.centro-reportes-header{flex-direction:column;gap:16px;align-items:flex-start}.periodo-activo-card{flex-direction:column;text-align:center}.submodulos-grid,.accesos-grid{grid-template-columns:1fr}.acceso-card{flex-direction:column;text-align:center}.acceso-arrow{display:none}}.reportes-contables-page{padding:24px;max-width:1600px;margin:0 auto}.btn-primary:hover{background:#b91c1c}.btn-secondary:hover{background:#e2e8f0}.filtro-group select,.filtro-group input[type=date]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem}.saldos-info{display:flex;gap:24px;margin-top:12px;font-size:.875rem}.saldos-info span{color:#64748b}.saldos-info strong{color:#1e293b;font-weight:700}.reporte-table .cuenta-info{display:flex;flex-direction:column;gap:2px}.reporte-table .cuenta-codigo{font-weight:600;color:#1e293b;font-size:.75rem}.reporte-table .cuenta-nombre{color:#64748b;font-size:.8rem}.reporte-table .saldo{font-weight:600;color:#16a34a}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.balance-section h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #dc2626}.balance-table{width:100%;border-collapse:collapse}.balance-table td{padding:10px 12px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.balance-table td:last-child{text-align:right;font-weight:600}.balance-table .total-row{background:#f8fafc}.balance-table .total-row td{font-weight:700;color:#1e293b;padding:12px;border-top:1px solid #e2e8f0}.balance-table .grand-total{background:#fee2e2}.balance-table .grand-total td{font-weight:700;color:#dc2626;font-size:1rem;padding:14px 12px;border-top:2px solid #dc2626}.balance-table .section-header td{background:#f1f5f9;font-weight:700;color:#475569;padding:12px;border-top:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1}.balance-table .highlight{background:#fef3c7}.balance-table .highlight td{color:#92400e;font-size:.95rem}.balance-table .profit{background:#dcfce7}.balance-table .profit td{color:#166534;font-size:1.05rem}.estado-resultados{padding:24px}.estado-resultados .balance-table{margin-top:16px}.flujo-caja{padding:24px}.flujo-caja .balance-table{margin-top:16px}@media (max-width: 1400px){.balance-grid{grid-template-columns:1fr}}@media (max-width: 768px){.reportes-contables-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:scroll}.filtros-row{flex-direction:column}.filtro-group{width:100%}.reporte-table,.balance-table{display:block;overflow-x:auto}.balance-grid{padding:16px}}.reportes-tributarios-page{padding:24px;max-width:1600px;margin:0 auto}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.tab{padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.filtros-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filtros-card.inline{padding:16px 20px;margin-bottom:0;border-radius:12px 12px 0 0;border-bottom:1px solid #e2e8f0}.filtros-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.filtro-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.filtro-group select,.filtro-group input[type=number]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem}.filtro-group select:focus,.filtro-group input:focus{outline:none;border-color:#dc2626}.tabla-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#64748b}.empty-state h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.reporte-header{padding:20px;border-bottom:2px solid #e2e8f0;background:#f8fafc}.reporte-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.reporte-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0}.reporte-table td{padding:12px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.reporte-table tr:hover{background:#f8fafc}.reporte-table .numero{font-weight:600;color:#dc2626}.reporte-table .total{font-weight:700;color:#1e293b}.reporte-table tfoot tr{background:#f8fafc;border-top:2px solid #e2e8f0}.reporte-table tfoot td{font-weight:600;color:#1e293b;padding:16px}.resumen-iva{padding:24px}.resumen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.resumen-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.resumen-section.resultado{grid-column:span 3;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.resumen-section h4{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #cbd5e1}.resumen-section.resultado h4{color:#92400e;border-bottom-color:#fbbf24}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.resumen-item:last-child{border-bottom:none}.resumen-item.total{padding-top:16px;margin-top:8px;border-top:2px solid #cbd5e1;border-bottom:none}.resumen-item.highlight{padding:16px;margin:8px -4px;background:#fff;border-radius:8px;border:2px solid #e2e8f0}.resumen-item span{font-size:.875rem;color:#1e293b}.resumen-item .value{font-weight:700;font-size:1rem}.resumen-item .value.success{color:#16a34a}.resumen-item .value.danger{color:#dc2626}.badge-retefuente{background:#dbeafe;color:#1e40af}.badge-reteiva{background:#fef3c7;color:#92400e}.badge-reteica{background:#e0e7ff;color:#4338ca}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}@media (max-width: 1400px){.resumen-grid{grid-template-columns:1fr}.resumen-section.resultado{grid-column:span 1}}@media (max-width: 768px){.reportes-tributarios-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:scroll}.filtros-row{flex-direction:column}.filtro-group{width:100%}.reporte-table{display:block;overflow-x:auto}.resumen-grid{grid-template-columns:1fr}}.reportes-facturacion-page{padding:24px;max-width:1400px;margin:0 auto}.header-icon{color:#3b82f6}.tab:hover{background:#fff;color:#3b82f6}.tab.active{background:#fff;color:#3b82f6;box-shadow:0 2px 8px #00000014}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#3b82f6}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.stat-icon.facturas{background:#dbeafe;color:#2563eb}.stat-icon.bruto{background:#dcfce7;color:#16a34a}.stat-icon.neto{background:#fef3c7;color:#d97706}.descuento{color:#dc2626}.total{font-weight:600;color:#059669}.ranking{width:50px}.rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.75rem;font-weight:700;background:#f1f5f9;color:#64748b}.rank.rank-1{background:#fef3c7;color:#d97706}.rank.rank-2{background:#e2e8f0;color:#475569}.rank.rank-3{background:#fed7aa;color:#c2410c}.cliente-nombre,.producto-nombre{font-weight:500;color:#1e293b;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codigo{font-family:monospace;font-size:.813rem;color:#64748b}.participacion{display:flex;align-items:center;gap:10px;min-width:120px}.participacion-bar{height:8px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;min-width:4px}.participacion span{font-size:.813rem;font-weight:600;color:#3b82f6;min-width:45px}@media (max-width: 768px){.reportes-facturacion-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:auto}.filtros-row{flex-direction:column;align-items:stretch}.filtro-group input,.filtro-group select{min-width:100%}.reporte-table{display:block;overflow-x:auto}}.reportes-gastos-page{padding:24px;max-width:1400px;margin:0 auto}.header-icon{color:#f59e0b}.tab:hover{background:#fff;color:#f59e0b}.tab.active{background:#fff;color:#f59e0b;box-shadow:0 2px 8px #00000014}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#f59e0b}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f59e0b;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#d97706}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.gastos{background:#fef3c7;color:#d97706}.stat-icon.bruto{background:#fee2e2;color:#dc2626}.stat-icon.neto{background:#dbeafe;color:#2563eb}.periodo{display:flex;align-items:center;gap:8px;font-weight:500;color:#1e293b}.periodo svg{color:#64748b}.retencion{color:#059669}.total{font-weight:600;color:#dc2626}@media (max-width: 1024px){.stats-cards{grid-template-columns:1fr}}@media (max-width: 768px){.reportes-gastos-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:auto}.filtros-row{flex-direction:column;align-items:stretch}.filtro-group input,.filtro-group select{min-width:100%}.reporte-table{display:block;overflow-x:auto}}.reportes-cartera-page{padding:24px;max-width:1400px;margin:0 auto}.header-icon{color:#059669}.tab:hover{background:#fff;color:#059669}.tab.active{background:#fff;color:#059669;box-shadow:0 2px 8px #00000014}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#059669}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#059669;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#047857}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.125rem;color:#475569;margin:0 0 8px}.empty-state p{font-size:.875rem;margin:0}.stat-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px}.stat-card.vigente{background:#dcfce7}.stat-card.vigente .stat-icon{color:#16a34a}.stat-card.vencido{background:#fef3c7}.stat-card.vencido .stat-icon{color:#d97706}.stat-card.critico{background:#fee2e2}.stat-card.critico .stat-icon{color:#dc2626}.stat-card.total{background:#dbeafe}.stat-card.total .stat-icon{color:#2563eb}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff9}.stat-value{font-size:1.125rem;font-weight:700;color:#1e293b}.reporte-table.envejecimiento{width:100%;border-collapse:collapse}.reporte-table th{padding:14px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reporte-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.cliente-nombre{font-weight:500;color:#1e293b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vigente{color:#16a34a}.d1-30{color:#ca8a04}.d31-60{color:#ea580c}.d61-90{color:#dc2626}.d90-mas{color:#991b1b;font-weight:600}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.reportes-cartera-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:auto}.filtros-row{flex-direction:column;align-items:stretch}.filtro-group input,.filtro-group select{min-width:100%}.stats-cards{grid-template-columns:1fr}.reporte-table{display:block;overflow-x:auto}}.reportes-nomina-page{padding:24px;max-width:1400px;margin:0 auto}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;color:#64748b;transition:all .2s}.btn-back:hover{background:#e2e8f0;color:#1e293b}.header-info{flex:1;display:flex;align-items:center;gap:16px}.header-icon{color:#7c3aed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.tabs-container{display:flex;gap:8px;margin-bottom:20px;background:#f8fafc;padding:6px;border-radius:12px}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tab:hover{background:#fff;color:#7c3aed}.tab.active{background:#fff;color:#7c3aed;box-shadow:0 2px 8px #00000014}.filtros-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.filtros-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:6px}.filtro-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filtro-group input,.filtro-group select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;min-width:180px}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#7c3aed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#7c3aed;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#6d28d9}.reporte-content{min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.loading-state .spin{animation:spin 1s linear infinite}.tabla-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden}.reporte-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.reporte-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 4px}.reporte-header p{font-size:.875rem;color:#64748b;margin:0}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.stats-cards.costos{grid-template-columns:repeat(3,1fr)}.stat-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:12px}.stat-card.empleados{background:#ede9fe}.stat-card.empleados .stat-icon{color:#7c3aed}.stat-card.salarios{background:#dbeafe}.stat-card.salarios .stat-icon{color:#2563eb}.stat-card.deducciones{background:#fee2e2}.stat-card.deducciones .stat-icon{color:#dc2626}.stat-card.neto{background:#dcfce7}.stat-card.neto .stat-icon{color:#16a34a}.stat-card.total-costos{background:#fef3c7}.stat-card.total-costos .stat-icon{color:#d97706}.stat-card.total-empleados{background:#ede9fe}.stat-card.total-empleados .stat-icon{color:#7c3aed}.stat-card.costo-promedio{background:#dbeafe}.stat-card.costo-promedio .stat-icon{color:#2563eb}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff9}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.stat-label{font-size:.75rem;color:#64748b}.reporte-table{width:100%;border-collapse:collapse}.reporte-table th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reporte-table th.center{text-align:center}.reporte-table th.right{text-align:right}.reporte-table td{padding:14px 20px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.reporte-table td.center{text-align:center}.reporte-table td.right{text-align:right}.reporte-table tbody tr:hover{background:#f8fafc}.reporte-table tbody tr:last-child td{border-bottom:none}.reporte-table tfoot td{background:#f8fafc;font-weight:600;border-top:2px solid #e2e8f0}.empleado-nombre{font-weight:500;color:#1e293b}.empleado-cargo{color:#64748b;font-size:.8125rem}.concepto-nombre,.dept-nombre{font-weight:500;color:#1e293b}.deducciones{color:#dc2626}.bonificaciones{color:#16a34a}.neto-col{font-weight:600;color:#2563eb}.valor-aporte{font-weight:600;color:#dc2626}.valor-provision{font-weight:600;color:#d97706}.total-col{font-weight:600;color:#1e293b}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-cards.costos{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.reportes-nomina-page{padding:16px}.page-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-end}.tabs-container{overflow-x:auto}.filtros-row{flex-direction:column;align-items:stretch}.filtro-group input,.filtro-group select{min-width:100%}.stats-cards,.stats-cards.costos{grid-template-columns:1fr}.reporte-table{display:block;overflow-x:auto}}.dashboard-ejecutivo-page{padding:24px;max-width:1600px;margin:0 auto}.periodo-selector{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.selector-icon{color:#dc2626}.periodo-selector select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.periodo-selector select:focus{outline:none;border-color:#dc2626}.kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#b91c1c)}.kpi-card.ventas:before{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.kpi-card.gastos:before{background:linear-gradient(90deg,#d97706,#b45309)}.kpi-card.utilidad:before{background:linear-gradient(90deg,#16a34a,#15803d)}.kpi-card.flujo:before{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-card.ventas .kpi-icon{background:#dbeafe;color:#2563eb}.kpi-card.gastos .kpi-icon{background:#fef3c7;color:#d97706}.kpi-card.utilidad .kpi-icon{background:#dcfce7;color:#16a34a}.kpi-card.flujo .kpi-icon{background:#ede9fe;color:#7c3aed}.kpi-variacion{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:4px}.kpi-variacion .positivo{color:#16a34a;display:flex;align-items:center;gap:2px}.kpi-variacion .negativo{color:#dc2626;display:flex;align-items:center;gap:2px}.kpi-badge{background:#f1f5f9;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:700;color:#1e293b}.kpi-body{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:.875rem;color:#64748b;font-weight:500}.kpi-value{font-size:1.5rem;font-weight:700;color:#1e293b}.kpi-subtitle{font-size:.75rem;color:#94a3b8}.tendencias-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.tendencia-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.periodo-label{font-size:.75rem;color:#64748b;font-weight:500}.grafico-container{padding:24px 20px}.grafico-barras{display:flex;gap:12px;align-items:flex-end;height:250px}.barra-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.barra-valor{font-size:.65rem;font-weight:600;color:#64748b;min-height:20px;text-align:center}.barra{flex:1;width:100%;display:flex;align-items:flex-end;position:relative}.barra-fill{width:100%;border-radius:6px 6px 0 0;transition:all .3s ease;min-height:8px}.barra-fill.ventas{background:linear-gradient(180deg,#3b82f6,#2563eb)}.barra-fill.gastos{background:linear-gradient(180deg,#f59e0b,#d97706)}.barra-label{font-size:.7rem;color:#64748b;font-weight:500;text-align:center}.top-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.top-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;transition:all .2s}.top-item:hover{background:#f1f5f9;transform:translate(4px)}.top-rank{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.top-info{flex:1;display:flex;flex-direction:column;gap:2px}.top-nombre{font-size:.875rem;font-weight:600;color:#1e293b}.top-detalle{font-size:.75rem;color:#64748b}.top-monto{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.top-valor{font-size:.875rem;font-weight:700;color:#1e293b}.top-porcentaje{font-size:.75rem;color:#64748b}.comparativo-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.comparativo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px}.comparativo-item{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.comp-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase}.comp-valores{display:flex;align-items:center;gap:12px;font-size:.875rem}.comp-anterior{color:#94a3b8;font-weight:500}.comp-arrow{color:#cbd5e1;font-weight:700}.comp-actual{color:#1e293b;font-weight:700;font-size:1rem}.comp-variacion{display:flex;align-items:center;gap:6px;font-size:1.125rem;font-weight:700;padding:8px 12px;border-radius:8px;width:fit-content}.comp-variacion.positivo{background:#dcfce7;color:#16a34a}.comp-variacion.negativo{background:#fee2e2;color:#dc2626}.empty-state-small{display:flex;justify-content:center;align-items:center;padding:40px;color:#94a3b8;font-size:.875rem}@media (max-width: 1400px){.kpis-grid{grid-template-columns:repeat(2,1fr)}.tendencias-grid,.comparativo-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-ejecutivo-page{padding:16px}.page-header{flex-wrap:wrap}.kpis-grid,.top-grid{grid-template-columns:1fr}.grafico-barras{overflow-x:auto}.barra-valor{font-size:.6rem}.barra-label{font-size:.65rem}}.configuracion-reportes-page{padding:24px;max-width:1600px;margin:0 auto}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.btn-back:hover{background:#f1f5f9;color:#1e293b}.header-info{flex:1}.header-info h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.header-info p{font-size:.875rem;color:#64748b;margin:0}.tabs-container{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.tab.active{background:#dc2626;color:#fff}.config-content{min-height:400px}.config-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.config-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e2e8f0}.config-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 4px}.config-header p{font-size:.875rem;color:#64748b;margin:0}.config-actions{display:flex;gap:12px;align-items:center}.select-anio{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer}.select-anio:focus{outline:none;border-color:#dc2626}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#b91c1c}.config-body{padding:24px}.config-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0}.config-table td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.config-table tr:hover{background:#f8fafc}.periodo-nombre{font-weight:600;color:#dc2626}.cuenta-codigo{font-family:Courier New,monospace;font-weight:600;color:#1e293b}.badge-info{background:#e0f2fe;color:#0369a1}.badge-primary{background:#dbeafe;color:#1e40af}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s;margin:0 4px}.btn-action:hover{background:#dc2626;color:#fff}.btn-action.danger:hover{background:#dc2626}.btn-action.success:hover{background:#16a34a}.btn-action:disabled{opacity:.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#64748b}.empty-state h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{margin:0}.config-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group label{font-size:.875rem;font-weight:600;color:#64748b}.form-group select,.form-group input[type=number],.form-group input[type=text]{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b}.form-group select:focus,.form-group input:focus{outline:none;border-color:#dc2626}.form-group.checkbox{flex-direction:row;align-items:center;gap:10px}.form-group.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#dc2626}.form-group.checkbox label{margin:0;cursor:pointer}@media (max-width: 1200px){.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.configuracion-reportes-page{padding:16px}.page-header{flex-wrap:wrap}.config-header{flex-direction:column;align-items:flex-start;gap:16px}.config-actions{width:100%;flex-direction:column}.select-anio,.btn-primary{width:100%}.tabs-container{overflow-x:scroll}.config-table{display:block;overflow-x:auto}}.centro-nomina-page{padding:24px;max-width:1400px;margin:0 auto}.centro-nomina-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-refresh{padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.btn-refresh:hover{background:#e2e8f0;color:#1e293b}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.periodo-actual-banner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:24px}.periodo-actual-banner svg{color:#16a34a}.periodo-info{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.periodo-label{font-size:.875rem;color:#166534;font-weight:600}.periodo-nombre{font-size:1rem;font-weight:700;color:#15803d}.periodo-fechas{font-size:.875rem;color:#16a34a}.btn-ver-periodo{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-ver-periodo:hover{background:#15803d;transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.employees{background:#f3e8ff;color:#8b5cf6}.stat-icon.salary{background:#dcfce7;color:#16a34a}.stat-icon.pending{background:#fef3c7;color:#d97706}.stat-icon.average{background:#dbeafe;color:#2563eb}.stat-info{display:flex;flex-direction:column}.quick-actions{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.quick-action-card{flex:1;min-width:140px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s;position:relative}.quick-action-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.quick-action-card svg{color:#8b5cf6}.quick-action-card span{font-size:.875rem;font-weight:600;color:#1e293b;text-align:center}.badge-count{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.content-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.content-card.compact{margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.card-header h3,.card-header h4{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.card-header h4{font-size:.875rem}.btn-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#8b5cf6;font-size:.875rem;font-weight:500;cursor:pointer}.btn-link:hover{text-decoration:underline}.card-body{padding:16px 20px}.mini-table{width:100%;border-collapse:collapse}.mini-table th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.mini-table td{padding:12px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.mini-table tr:hover{background:#f8fafc;cursor:pointer}.mini-table .codigo{font-weight:600;color:#8b5cf6}.mini-table .nombre{font-weight:500}.mini-table .monto{font-weight:600;color:#16a34a}.side-panel{display:flex;flex-direction:column;gap:16px}.alert-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.alert-card.warning{border-left:4px solid #f59e0b}.alert-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;font-size:.875rem;color:#1e293b}.alert-card.warning .alert-header svg{color:#f59e0b}.alert-list{list-style:none;padding:0;margin:0 0 12px}.alert-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:.875rem}.alert-list li:last-child{border-bottom:none}.alert-list li:hover{color:#8b5cf6}.novedad-info{display:flex;flex-direction:column;gap:4px}.novedad-empleado{font-weight:500;color:#1e293b}.novedad-tipo{font-size:.75rem;color:#64748b}.novedad-fecha{font-size:.75rem;color:#94a3b8}.periodo-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b}.detail-value{font-weight:600;color:#1e293b}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.btn-action-full{width:100%;padding:10px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-action-full:hover{background:#7c3aed}.stats-list{list-style:none;padding:0;margin:0}.stats-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:.875rem}.stats-list li:last-child{border-bottom:none}.stats-label{color:#64748b}.stats-value{font-weight:600;color:#1e293b}.stats-value.positive{color:#16a34a}.stats-value.negative{color:#dc2626}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#94a3b8}.empty-state svg{margin-bottom:12px;opacity:.5}.loading-inline{display:flex;justify-content:center;padding:40px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.centro-nomina-page{padding:16px}.centro-nomina-header{flex-direction:column;gap:16px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.periodo-actual-banner{flex-direction:column;align-items:flex-start}.btn-ver-periodo{width:100%;justify-content:center}}.gestion-empleados-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;gap:12px}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.filtros-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;transition:all .2s}.search-box svg{color:#64748b}.btn-limpiar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.btn-limpiar:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.empleados-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.empleados-table{width:100%;border-collapse:collapse}.empleados-table thead{background:#f8fafc}.empleados-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.empleados-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.empleados-table tr:last-child td{border-bottom:none}.empleados-table tbody tr:hover{background:#f8fafc}.codigo{font-weight:600;color:#8b5cf6}.doc-cell{display:flex;flex-direction:column;gap:2px}.doc-tipo{font-size:11px;color:#64748b;text-transform:uppercase}.doc-numero{font-size:13px;color:#1e293b}.salario{font-weight:600;color:#16a34a}.badge-success{background:#dcfce7;color:#166534}.badge-secondary{background:#f1f5f9;color:#475569}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.btn-icono.btn-editar{color:#8b5cf6}.btn-icono.btn-editar:hover{background:#f3e8ff;border-color:#8b5cf6}.btn-icono.btn-desactivar{color:#ef4444}.btn-icono.btn-desactivar:hover{background:#fef2f2;border-color:#ef4444}.btn-icono.btn-activar{color:#16a34a}.btn-icono.btn-activar:hover{background:#f0fdf4;border-color:#16a34a}.empty-state p{margin:0;font-size:16px}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.btn-pag{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s}.btn-pag:hover:not(:disabled){background:#8b5cf6;color:#fff;border-color:#8b5cf6}.btn-pag:disabled{opacity:.5;cursor:not-allowed}.pag-info{font-size:14px;color:#64748b;font-weight:500}@media (max-width: 1200px){.empleados-container{overflow-x:auto}.empleados-table{min-width:900px}}@media (max-width: 768px){.gestion-empleados-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.filtros-bar{flex-direction:column}.search-box{min-width:auto}.filtro-select{width:100%}}.detalle-empleado-page{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left{display:flex;gap:16px}.empleado-header-info{display:flex;gap:16px;align-items:center}.empleado-foto{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid #e2e8f0}.empleado-header-info h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 4px}.empleado-header-info p{font-size:.875rem;color:#64748b;margin:0 0 8px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-activo{background:#dcfce7;color:#166534}.badge-inactivo{background:#f1f5f9;color:#475569}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#7c3aed}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.info-section h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.info-label{color:#64748b;font-weight:500}.info-value{color:#1e293b;font-weight:600;text-align:right}.info-value.salary{color:#16a34a;font-size:1.125rem}@media (max-width: 768px){.detalle-empleado-page{padding:16px}.page-header{flex-direction:column;gap:16px}.empleado-header-info{flex-direction:column;align-items:flex-start}.tabs-container{overflow-x:scroll}.info-grid{grid-template-columns:1fr}}.formulario-empleado-page{max-width:1200px;margin:0 auto;padding:24px}.mensaje-feedback{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;margin-bottom:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mensaje-feedback.exito{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.mensaje-feedback.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;color:#991b1b}.mensaje-content{display:flex;align-items:center;gap:12px}.mensaje-content svg{flex-shrink:0}.mensaje-content span{font-weight:500;font-size:14px}.mensaje-cerrar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:6px;opacity:.7;transition:all .2s}.mensaje-cerrar:hover{opacity:1;background:#0000001a}.formulario-empleado{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.btn-secondary{padding:12px 24px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#7c3aed}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.formulario-empleado-page{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.periodos-nomina-page{max-width:1400px;margin:0 auto;padding:24px}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.filtro-select{padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;cursor:pointer;transition:all .2s}.filtro-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.periodos-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.periodos-table{width:100%;border-collapse:collapse}.periodos-table thead{background:#f8fafc}.periodos-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.periodos-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.periodos-table tr:last-child td{border-bottom:none}.periodos-table tbody tr:hover{background:#f8fafc}.nombre{font-weight:600;color:#8b5cf6}.badge-abierto{background:#dcfce7;color:#166534}.badge-cerrado{background:#f1f5f9;color:#475569}.btn-icono.btn-ver{color:#2563eb}.btn-icono.btn-ver:hover{background:#eff6ff;border-color:#2563eb}.btn-icono.btn-cerrar{color:#ef4444}.btn-icono.btn-cerrar:hover{background:#fef2f2;border-color:#ef4444}.btn-icono.btn-abrir{color:#16a34a}.btn-icono.btn-abrir:hover{background:#f0fdf4;border-color:#16a34a}@media (max-width: 1200px){.periodos-container{overflow-x:auto}.periodos-table{min-width:1000px}}@media (max-width: 768px){.periodos-nomina-page{padding:16px}.filtros-bar{flex-direction:column}}.liquidacion-periodo-page{max-width:1400px;margin:0 auto;padding:24px}.resumen-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000001a}.stat-label{font-size:.875rem;color:#64748b}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-value.positive{color:#16a34a}.stat-value.negative{color:#dc2626}.stat-value.main{color:#8b5cf6}.liquidaciones-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.liquidaciones-table{width:100%;border-collapse:collapse}.liquidaciones-table thead{background:#f8fafc}.liquidaciones-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:2px solid #e2e8f0}.liquidaciones-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.liquidaciones-table tbody tr:hover{background:#f8fafc}.numero{font-weight:600;color:#8b5cf6}.monto-neg{font-weight:600;color:#dc2626}.badge-pagado{background:#dbeafe;color:#1e40af}.btn-icono{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;color:#2563eb}.btn-icono:hover{background:#eff6ff;border-color:#2563eb}@media (max-width: 1200px){.resumen-stats{grid-template-columns:repeat(2,1fr)}.liquidaciones-container{overflow-x:auto}.liquidaciones-table{min-width:900px}}@media (max-width: 768px){.liquidacion-periodo-page{padding:16px}.resumen-stats{grid-template-columns:1fr}}.detalle-liquidacion-page{max-width:1200px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.page-header p{font-size:.875rem;color:#64748b;margin:0}.liquidacion-grid{display:grid;gap:24px}.info-card,.conceptos-section,.resumen-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;box-shadow:0 1px 3px #0000001a}.info-card h3,.conceptos-section h3,.resumen-card h3{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#64748b}.info-row span:last-child{font-weight:600;color:#1e293b}.conceptos-table{width:100%;border-collapse:collapse}.conceptos-table th{text-align:left;padding:10px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:2px solid #e2e8f0}.conceptos-table td{padding:10px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.conceptos-table tr:last-child td{border-bottom:none}.monto{font-weight:600;color:#16a34a;text-align:right}.monto-neg{font-weight:600;color:#dc2626;text-align:right}.total-row{font-weight:700;background:#f8fafc}.resumen-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.resumen-row span:first-child{color:#64748b}.resumen-row span:last-child{font-weight:600}.valor-positivo{color:#16a34a!important}.valor-negativo{color:#dc2626!important}.resumen-row.total{font-size:1.25rem;font-weight:700;color:#8b5cf6;padding-top:16px;border-top:2px solid #8b5cf6;border-bottom:none}.resumen-row.total span{color:#8b5cf6!important}@media (max-width: 768px){.detalle-liquidacion-page{padding:16px}.conceptos-table{font-size:12px}}.novedades-nomina-page{max-width:1400px;margin:0 auto;padding:24px}.filtros-bar{display:flex;gap:12px;margin-bottom:24px}.filtro-btn{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.filtro-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.filtro-btn.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.novedades-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.novedades-table{width:100%;border-collapse:collapse}.novedades-table thead{background:#f8fafc}.novedades-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:2px solid #e2e8f0}.novedades-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.novedades-table tbody tr:hover{background:#f8fafc}.tipo-novedad{font-weight:500;color:#8b5cf6}.monto{font-weight:600;color:#16a34a}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-pendiente{background:#fef3c7;color:#92400e}.badge-aprobado{background:#dcfce7;color:#166534}.badge-rechazado{background:#fee2e2;color:#991b1b}.acciones{display:flex;gap:8px}.btn-icono{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.btn-icono.btn-aprobar{color:#16a34a}.btn-icono.btn-aprobar:hover{background:#f0fdf4;border-color:#16a34a}.btn-icono.btn-rechazar{color:#ef4444}.btn-icono.btn-rechazar:hover{background:#fef2f2;border-color:#ef4444}.empty-state{text-align:center!important;padding:60px 20px!important;color:#94a3b8}.empty-state svg{color:#cbd5e1;margin-bottom:16px}@media (max-width: 1200px){.novedades-container{overflow-x:auto}.novedades-table{min-width:900px}}@media (max-width: 768px){.novedades-nomina-page{padding:16px}}.configuracion-nomina-page{max-width:1400px;margin:0 auto;padding:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.loading-container .spin{animation:spin 1s linear infinite}.tabs-container{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:4px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.tab:hover{background:#f8fafc;color:#1e293b}.tab.active{background:#8b5cf6;color:#fff}.tab svg{flex-shrink:0}.tab-content{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.section-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.btn-nuevo,.btn-editar{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-nuevo{background:#8b5cf6;color:#fff}.btn-nuevo:hover{background:#7c3aed}.btn-editar{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-editar:hover{background:#e2e8f0;color:#1e293b}.action-buttons{display:flex;gap:8px}.btn-cancelar,.btn-guardar{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancelar{background:#f1f5f9;color:#64748b}.btn-cancelar:hover{background:#e2e8f0;color:#1e293b}.btn-guardar{background:#22c55e;color:#fff}.btn-guardar:hover{background:#16a34a}.form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.form-card h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.form-section{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.form-section h4{font-size:.875rem;font-weight:600;color:#8b5cf6;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#64748b}.form-group input,.form-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.checkbox-group{display:flex;align-items:center;padding-top:24px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#1e293b;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.parametros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.parametros-form{background:#fff}.param-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.param-card h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.param-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.param-row:last-child{border-bottom:none}.param-row span:first-child{color:#64748b}.param-row span:last-child{font-weight:600;color:#1e293b}.conceptos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.conceptos-list h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #8b5cf6}.conceptos-section h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.config-table{width:100%;border-collapse:collapse}.config-table thead{background:#f8fafc}.config-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:2px solid #e2e8f0}.config-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b}.config-table tbody tr:hover{background:#f8fafc}.acciones{display:flex;gap:4px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background:#8b5cf6;color:#fff}.btn-icon.btn-danger:hover{background:#ef4444;color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.badge-fijo{background:#dbeafe;color:#1d4ed8}.badge-variable{background:#fef3c7;color:#b45309}.badge-porcentaje{background:#dcfce7;color:#16a34a}.badge-tipo{text-transform:uppercase;font-size:11px;letter-spacing:.5px}.badge-eps{background:#dbeafe;color:#1d4ed8}.badge-afp{background:#dcfce7;color:#16a34a}.badge-arl{background:#fee2e2;color:#dc2626}.badge-ccf{background:#fef3c7;color:#b45309}.badge-cesantias{background:#f3e8ff;color:#7c3aed}.lista-config{overflow-x:auto}@media (max-width: 1024px){.form-grid,.form-grid-3,.form-grid-4{grid-template-columns:repeat(2,1fr)}.conceptos-grid{grid-template-columns:1fr}}@media (max-width: 768px){.configuracion-nomina-page{padding:16px}.parametros-grid,.form-grid,.form-grid-3,.form-grid-4,.form-row{grid-template-columns:1fr}.tabs-container{overflow-x:scroll}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.action-buttons{width:100%}.btn-cancelar,.btn-guardar{flex:1;justify-content:center}.checkbox-group{padding-top:0}}.cartas-laborales-page{max-width:900px;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.header-title{display:flex;align-items:center;gap:16px}.header-title h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.cartas-content{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px #0000001a}.formulario-carta{display:flex;flex-direction:column;gap:24px}.form-section{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.form-section h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px}.empleado-seleccionado{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:8px;border:2px solid #8b5cf6}.empleado-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 4px}.empleado-info p{font-size:.875rem;color:#64748b;margin:0}.empleado-info .documento{font-size:.75rem;color:#94a3b8}.btn-cambiar{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-cambiar:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.busqueda-empleado{display:flex;flex-direction:column;gap:12px}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .2s}.search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.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}.loading-inline{display:flex;justify-content:center;padding:20px}.loading-inline .spin{animation:spin 1s linear infinite}.resultados-busqueda{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.resultado-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.resultado-item:hover{background:#f8fafc;border-color:#8b5cf6}.emp-nombre{font-size:14px;font-weight:600;color:#1e293b}.emp-cargo{font-size:12px;color:#64748b;margin-top:2px}.emp-doc{font-size:13px;color:#94a3b8}.form-control{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.form-control:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:14px;font-weight:600;color:#475569}.opciones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.checkbox-label{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:#f8fafc;border-color:#8b5cf6}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.form-actions{display:flex;justify-content:center;padding-top:8px}.btn-generar{display:flex;align-items:center;gap:8px;padding:14px 32px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-generar:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-generar:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cartas-laborales-page{padding:16px}.empleado-seleccionado{flex-direction:column;align-items:flex-start;gap:12px}.btn-cambiar{width:100%;text-align:center}.opciones-grid{grid-template-columns:1fr}}.departamentos-page{padding:1.5rem;max-width:1400px;margin:0 auto}.header-title svg{color:#3b82f6}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.barra-busqueda{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.input-busqueda{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;max-width:400px}.contador-resultados{font-size:.875rem;color:#64748b}.tabla-departamentos{width:100%;border-collapse:collapse}.tabla-departamentos th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.tabla-departamentos td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem}.tabla-departamentos tbody tr:hover{background:#f8fafc}.tabla-departamentos tbody tr:last-child td{border-bottom:none}.codigo{font-family:SF Mono,Consolas,monospace;font-weight:600;color:#3b82f6!important}.descripcion{color:#64748b!important;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsable-info{display:flex;align-items:center;gap:.5rem;color:#475569}.responsable-info svg{color:#94a3b8}.badge-empleados{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:.25rem .5rem;background:#e0e7ff;color:#4338ca;border-radius:20px;font-weight:600;font-size:.8125rem}.btn-accion.editar{background:#e0f2fe;color:#0284c7}.btn-accion.editar:hover{background:#0284c7;color:#fff}.modal-header h2 svg{color:#3b82f6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-guardar:hover:not(:disabled){background:#2563eb}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.departamentos-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.barra-busqueda{flex-direction:column}.input-busqueda{max-width:100%}.form-row{grid-template-columns:1fr}.tabla-container{overflow-x:auto}.tabla-departamentos{min-width:700px}}.cargos-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;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:#8b5cf6}.header-title h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.header-title p{font-size:.875rem;color:#64748b;margin:0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.mensaje-feedback{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mensaje-feedback.exito{background:#dcfce7;color:#166534;border:1px solid #86efac}.mensaje-feedback.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.barra-filtros{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.input-busqueda{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:250px;max-width:350px}.input-busqueda svg{color:#94a3b8}.input-busqueda input{border:none;outline:none;flex:1;font-size:.9375rem;color:#1e293b}.input-busqueda input::placeholder{color:#94a3b8}.filtro-departamento{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.filtro-departamento svg{color:#94a3b8}.filtro-departamento select{border:none;outline:none;font-size:.9375rem;color:#1e293b;background:transparent;cursor:pointer;min-width:180px}.contador-resultados{font-size:.875rem;color:#64748b;margin-left:auto}.tabla-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tabla-cargos{width:100%;border-collapse:collapse}.tabla-cargos th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.tabla-cargos td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem}.tabla-cargos tbody tr:hover{background:#f8fafc}.tabla-cargos tbody tr:last-child td{border-bottom:none}.codigo{font-family:SF Mono,Consolas,monospace;font-weight:600;color:#8b5cf6!important}.nombre{font-weight:500}.departamento-info{display:flex;align-items:center;gap:.5rem;color:#475569}.departamento-info svg{color:#94a3b8}.badge-nivel{display:inline-block;padding:.25rem .75rem;background:#f1f5f9;color:#475569;border-radius:20px;font-size:.75rem;font-weight:500}.rango-salarial{display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.875rem}.rango-salarial svg{color:#10b981}.badge-estado{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-estado.activo{background:#dcfce7;color:#166534}.badge-estado.inactivo{background:#fef2f2;color:#991b1b}.acciones{display:flex;gap:.5rem}.btn-accion{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-accion.editar{background:#f3e8ff;color:#7c3aed}.btn-accion.editar:hover{background:#7c3aed;color:#fff}.btn-accion.eliminar{background:#fef2f2;color:#dc2626}.btn-accion.eliminar:hover{background:#dc2626;color:#fff}.sin-datos{text-align:center;color:#64748b;font-style:italic;padding:3rem 1rem!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.modal-header h2 svg{color:#8b5cf6}.btn-cerrar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.btn-cerrar:hover{background:#f1f5f9;color:#1e293b}.modal-form{padding:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;color:#1e293b;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:80px}.input-moneda{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.input-moneda:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-moneda span{padding:.75rem 1rem;background:#f8fafc;color:#64748b;font-weight:500;border-right:1px solid #e2e8f0}.input-moneda input{flex:1;padding:.75rem 1rem;border:none;font-size:.9375rem;color:#1e293b}.input-moneda input:focus{outline:none;box-shadow:none}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;color:#334155}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:.5rem}.btn-cancelar{padding:.75rem 1.25rem;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancelar:hover{background:#e2e8f0}.btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#8b5cf6;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-guardar:hover:not(:disabled){background:#7c3aed}.btn-guardar:disabled{opacity:.7;cursor:not-allowed}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container svg{color:#dc2626;margin-bottom:1rem}.error-container p{color:#64748b}@media (max-width: 768px){.cargos-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.btn-primary{width:100%;justify-content:center}.barra-filtros{flex-direction:column;align-items:stretch}.input-busqueda,.filtro-departamento{max-width:100%;width:100%}.contador-resultados{margin-left:0;text-align:center}.form-row{grid-template-columns:1fr}.tabla-container{overflow-x:auto}.tabla-cargos{min-width:800px}}.selector-cuenta-container{position:relative;width:100%}.selector-cuenta-label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary, #7f8c8d);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.selector-cuenta-input-container{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#fff;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .2s;min-height:32px}.selector-cuenta-input-container:hover:not(.disabled){border-color:var(--color-accent, #3498db)}.selector-cuenta-input-container.open{border-color:var(--color-accent, #3498db);box-shadow:0 0 0 2px #3498db26}.selector-cuenta-input-container.error{border-color:var(--color-danger, #e74c3c)}.selector-cuenta-input-container.disabled{background:var(--color-surface, #f8f9fa);cursor:not-allowed;opacity:.7}.selector-cuenta-selected{display:flex;align-items:center;gap:6px;flex:1;overflow:hidden}.selector-cuenta-selected .cuenta-codigo{font-weight:600;color:var(--color-accent, #3498db);font-family:monospace;font-size:.75rem;white-space:nowrap}.selector-cuenta-selected .cuenta-nombre{color:var(--color-text-primary, #2c3e50);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-cuenta-placeholder{display:flex;align-items:center;gap:6px;flex:1;color:var(--color-text-light, #95a5a6)}.selector-cuenta-placeholder svg{flex-shrink:0;width:14px;height:14px}.selector-cuenta-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.75rem;color:var(--color-text-primary, #2c3e50);min-width:0}.selector-cuenta-search-input::placeholder{color:var(--color-text-light, #95a5a6)}.selector-cuenta-clear{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:var(--color-surface, #f8f9fa);border-radius:3px;cursor:pointer;color:var(--color-text-secondary, #7f8c8d);transition:all .2s;flex-shrink:0}.selector-cuenta-clear svg{width:12px;height:12px}.selector-cuenta-clear:hover{background:#e74c3c26;color:var(--color-danger, #e74c3c)}.selector-cuenta-chevron{color:var(--color-text-light, #95a5a6);transition:transform .2s;flex-shrink:0;width:14px;height:14px}.selector-cuenta-chevron.rotated{transform:rotate(180deg)}.selector-cuenta-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-sm, 4px);box-shadow:0 4px 12px #0000001f;z-index:1001;max-height:240px;display:flex;flex-direction:column}.selector-cuenta-search-header{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--color-border, #dee2e6);color:var(--color-text-light, #95a5a6)}.selector-cuenta-search-header svg{width:14px;height:14px;flex-shrink:0}.selector-cuenta-dropdown-search{flex:1;border:none;outline:none;background:transparent;font-size:.8125rem;color:var(--color-text-primary, #2c3e50)}.selector-cuenta-dropdown-search::placeholder{color:var(--color-text-light, #95a5a6)}.selector-cuenta-options{flex:1;overflow-y:auto;max-height:200px}.selector-cuenta-option{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;transition:background .15s}.selector-cuenta-option:hover{background:var(--color-surface, #f8f9fa)}.selector-cuenta-option.selected{background:#3498db1a}.selector-cuenta-option .cuenta-codigo{font-weight:600;color:var(--color-accent, #3498db);font-family:monospace;font-size:.75rem;min-width:65px}.selector-cuenta-option .cuenta-nombre{flex:1;color:var(--color-text-primary, #2c3e50);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-cuenta-option .cuenta-naturaleza{font-size:.625rem;font-weight:600;padding:2px 4px;border-radius:3px;text-transform:uppercase}.selector-cuenta-option .cuenta-naturaleza.debito{background:#3498db26;color:var(--color-accent, #3498db)}.selector-cuenta-option .cuenta-naturaleza.credito{background:#27ae6026;color:var(--color-success, #27ae60)}.selector-cuenta-loading,.selector-cuenta-empty{padding:16px;text-align:center;color:var(--color-text-light, #95a5a6);font-size:.8125rem}.selector-cuenta-error{display:block;margin-top:2px;font-size:.6875rem;color:var(--color-danger, #e74c3c)}.concepto-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.concepto-modal{background:#fff;border-radius:var(--radius-lg, 12px);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:modalSlideUp .25s ease-out}.concepto-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-primary, #2c3e50);color:#fff;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.concepto-modal-header h2{margin:0;font-size:1.125rem;font-weight:600}.concepto-modal-subtitle{font-size:.8125rem;opacity:.85;margin-top:2px;display:block}.concepto-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#ffffff26;border-radius:6px;cursor:pointer;color:#fff;transition:background .2s}.concepto-modal-close:hover{background:#ffffff40}.concepto-modal-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.concepto-error-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e74c3c1a;border:1px solid var(--color-danger, #e74c3c);border-radius:var(--radius-md, 8px);color:var(--color-danger, #e74c3c);font-size:.875rem}.concepto-section{background:var(--color-surface, #f8f9fa);border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-md, 8px);padding:14px}.concepto-section-title{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--color-primary, #2c3e50);text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #dee2e6)}.concepto-section-title svg{color:var(--color-accent, #3498db)}.concepto-form-grid{display:grid;grid-template-columns:100px 1fr 70px 80px;gap:12px;align-items:end}.concepto-field{display:flex;flex-direction:column;gap:4px}.concepto-field label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #7f8c8d);text-transform:uppercase;letter-spacing:.3px}.concepto-field input[type=text],.concepto-field input[type=number]{padding:8px 10px;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-sm, 4px);font-size:.875rem;color:var(--color-text-primary, #2c3e50);background:#fff;transition:border-color .2s,box-shadow .2s}.concepto-field input:focus{outline:none;border-color:var(--color-accent, #3498db);box-shadow:0 0 0 2px #3498db26}.concepto-field input.error{border-color:var(--color-danger, #e74c3c);background:#e74c3c0d}.concepto-field input::placeholder{color:var(--color-text-light, #95a5a6)}.concepto-field-wide{grid-column:span 1}.concepto-field-small input{text-align:center}.concepto-field-check{display:flex;align-items:flex-end;padding-bottom:2px}.concepto-field-full{margin-top:8px}.field-error{font-size:.6875rem;color:var(--color-danger, #e74c3c);font-weight:500}.concepto-checkbox{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid var(--color-border, #dee2e6);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:border-color .2s;font-size:.8125rem;color:var(--color-text-primary, #2c3e50);font-weight:500}.concepto-checkbox:hover{border-color:var(--color-accent, #3498db)}.concepto-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent, #3498db);cursor:pointer}.concepto-cuentas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.concepto-cuentas-grid-2{grid-template-columns:repeat(2,1fr)}.concepto-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--color-border, #dee2e6);background:var(--color-surface, #f8f9fa);border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px)}.btn-cancel{padding:8px 16px;border:1px solid var(--color-border, #dee2e6);background:#fff;color:var(--color-text-secondary, #7f8c8d);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:var(--color-surface-dark, #e9ecef);color:var(--color-text-primary, #2c3e50)}.btn-save{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--color-primary, #2c3e50);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:var(--color-primary-dark, #1a252f);transform:translateY(-1px)}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 680px){.concepto-modal{max-width:100%;max-height:100vh;border-radius:0}.concepto-modal-header,.concepto-modal-footer{border-radius:0}.concepto-form-grid{grid-template-columns:1fr 1fr}.concepto-field-wide{grid-column:span 2}.concepto-cuentas-grid,.concepto-cuentas-grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.concepto-modal-body,.concepto-section{padding:12px}.concepto-form-grid{grid-template-columns:1fr}.concepto-field-wide{grid-column:span 1}.concepto-modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%;justify-content:center}}.tab-conceptos{display:flex;flex-direction:column;gap:1rem}.conceptos-info{background:var(--color-info-light, #dbeafe);border:1px solid var(--color-info, #3b82f6);border-radius:.5rem;padding:.875rem 1rem}.conceptos-info p{margin:0;font-size:.875rem;color:var(--color-info-dark, #1e40af);line-height:1.5}.conceptos-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;min-width:280px}.search-box svg{color:var(--color-text-muted, #94a3b8)}.search-box input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted, #94a3b8)}.filter-group select{padding:.5rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;font-size:.875rem;background:var(--color-bg-primary, #ffffff);cursor:pointer}.btn-nuevo{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.conceptos-table-container{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.loading-state,.empty-state{padding:3rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.empty-state button{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.375rem;cursor:pointer}.conceptos-table{width:100%;border-collapse:collapse;font-size:.875rem}.conceptos-table th{text-align:left;padding:.875rem 1rem;background:var(--color-bg-tertiary, #f8fafc);font-weight:600;color:var(--color-text-secondary, #64748b);border-bottom:1px solid var(--color-border, #e2e8f0);white-space:nowrap}.conceptos-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light, #f1f5f9);vertical-align:middle}.conceptos-table tr:hover{background:var(--color-bg-tertiary, #f8fafc)}.conceptos-table tr.inactive{opacity:.6}.conceptos-table tr.inactive:hover{opacity:.8}.codigo-cell{font-family:monospace;font-weight:600;color:var(--color-primary, #3b82f6);display:flex;align-items:center;gap:.5rem}.codigo-cell svg{color:var(--color-warning, #f59e0b)}.nombre-cell{font-weight:500;color:var(--color-text-primary, #1e293b)}.descripcion-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary, #64748b);font-size:.8125rem}.naturaleza-badge{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.naturaleza-badge.debito{background:#fef3c7;color:#92400e}.naturaleza-badge.credito{background:#d1fae5;color:#065f46}.cuentas-config-cell{min-width:150px}.cuentas-resumen{display:flex;flex-direction:column;gap:.125rem}.cuentas-count{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-success, #22c55e)}.cuentas-count svg{color:var(--color-success, #22c55e)}.cuentas-detalle{font-size:.6875rem;color:var(--color-text-muted, #94a3b8)}.productos-cell{text-align:center}.productos-count{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--color-bg-tertiary, #f1f5f9);border-radius:.25rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #64748b)}.productos-count svg{color:var(--color-text-muted, #94a3b8)}.cuenta-cell .cuenta-codigo{display:block;font-family:monospace;font-weight:500;color:var(--color-text-primary, #1e293b);font-size:.8125rem}.cuenta-cell .cuenta-nombre{display:block;font-size:.75rem;color:var(--color-text-muted, #94a3b8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-asignado{color:var(--color-text-muted, #94a3b8);font-style:italic;font-size:.8125rem}.estado-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.estado-badge.activo{background:var(--color-success-light, #dcfce7);color:var(--color-success, #22c55e)}.estado-badge.inactivo{background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-muted, #94a3b8)}.acciones-cell{display:flex;gap:.5rem;justify-content:flex-end}.btn-accion{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn-accion.editar{background:var(--color-info-light, #dbeafe);color:var(--color-info, #3b82f6)}.btn-accion.editar:hover{background:var(--color-info, #3b82f6);color:#fff}.btn-accion.eliminar{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.btn-accion.eliminar:hover{background:var(--color-danger, #ef4444);color:#fff}@media (max-width: 1024px){.conceptos-table-container{overflow-x:auto}.conceptos-table{min-width:900px}}@media (max-width: 768px){.conceptos-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column}.search-box{min-width:100%}.filter-group{width:100%}.filter-group select{flex:1}.btn-nuevo{width:100%;justify-content:center}}.tab-centros-costo{display:flex;flex-direction:column;gap:1rem}.centros-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0)}.centros-toolbar h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.btn-nuevo{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer}.new-form{display:flex;gap:.75rem;padding:1rem;background:var(--color-bg-tertiary, #f8fafc);border-radius:.5rem;align-items:center}.new-form input{padding:.5rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:.875rem}.new-form input:first-child{width:100px}.new-form input:nth-child(2){flex:1}.tree-container{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0);padding:1rem}.loading,.empty{padding:2rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.tree-node{-webkit-user-select:none;user-select:none}.node-content{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;transition:background .15s ease}.node-content:hover{background:var(--color-bg-tertiary, #f8fafc)}.node-content.inactive{opacity:.5}.expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:var(--color-text-muted, #94a3b8);padding:0}.expand-btn:disabled{cursor:default}.expand-placeholder{width:16px}.node-icon{color:var(--color-success, #22c55e);flex-shrink:0}.node-codigo{font-family:monospace;font-weight:600;color:var(--color-primary, #3b82f6);min-width:80px}.node-nombre{flex:1;color:var(--color-text-primary, #1e293b);font-size:.875rem}.badge-inactive{font-size:.6875rem;padding:.125rem .375rem;background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-muted, #94a3b8);border-radius:.25rem}.node-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.node-content:hover .node-actions{opacity:1}.node-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-bg-tertiary, #f1f5f9);border-radius:.25rem;cursor:pointer;color:var(--color-text-secondary, #64748b)}.node-actions button:hover{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.edit-inline{display:flex;align-items:center;gap:.5rem;flex:1}.edit-inline input{padding:.375rem .5rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.25rem;font-size:.8125rem}.edit-codigo{width:80px}.edit-nombre{flex:1}.edit-activo{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--color-text-secondary, #64748b)}.btn-save,.btn-cancel{padding:.375rem .75rem;border:none;border-radius:.25rem;font-size:.8125rem;cursor:pointer}.btn-save{background:var(--color-success, #22c55e);color:#fff}.btn-cancel{background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-secondary, #64748b)}.selector-centro-container{position:relative;width:100%}.selector-centro-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #64748b);margin-bottom:.5rem}.selector-centro-input-container{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:42px}.selector-centro-input-container:hover:not(.disabled){border-color:var(--color-primary, #3b82f6)}.selector-centro-input-container.open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.selector-centro-input-container.error{border-color:var(--color-danger, #ef4444)}.selector-centro-input-container.disabled{background:var(--color-bg-tertiary, #f1f5f9);cursor:not-allowed;opacity:.7}.selector-centro-selected{display:flex;align-items:center;gap:.5rem;flex:1;overflow:hidden;color:var(--color-text-secondary, #64748b)}.selector-centro-selected .centro-codigo{font-weight:600;color:var(--color-success, #22c55e);font-family:monospace;font-size:.875rem;white-space:nowrap}.selector-centro-selected .centro-nombre{color:var(--color-text-primary, #1e293b);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-centro-placeholder{display:flex;align-items:center;gap:.5rem;flex:1;color:var(--color-text-muted, #94a3b8);font-size:.875rem}.selector-centro-clear{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:var(--color-bg-tertiary, #f1f5f9);border-radius:.25rem;cursor:pointer;color:var(--color-text-secondary, #64748b);transition:all .2s ease}.selector-centro-clear:hover{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.selector-centro-chevron{color:var(--color-text-muted, #94a3b8);transition:transform .2s ease;flex-shrink:0}.selector-centro-chevron.rotated{transform:rotate(180deg)}.selector-centro-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:320px;display:flex;flex-direction:column}.selector-centro-search-header{padding:.75rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.selector-centro-dropdown-search{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s ease}.selector-centro-dropdown-search:focus{border-color:var(--color-primary, #3b82f6)}.selector-centro-options{flex:1;overflow-y:auto;max-height:260px}.selector-centro-option{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;transition:background .15s ease}.selector-centro-option:hover{background:var(--color-bg-tertiary, #f1f5f9)}.selector-centro-option.selected{background:var(--color-primary-light, #eff6ff)}.selector-centro-option .centro-indent{color:var(--color-text-muted, #94a3b8);font-family:monospace;font-size:.75rem}.selector-centro-option .centro-codigo{font-weight:600;color:var(--color-success, #22c55e);font-family:monospace;font-size:.8125rem;min-width:60px}.selector-centro-option .centro-nombre{flex:1;color:var(--color-text-primary, #1e293b);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-centro-option .centro-none{color:var(--color-text-muted, #94a3b8);font-style:italic;font-size:.8125rem}.selector-centro-loading,.selector-centro-empty{padding:1.5rem;text-align:center;color:var(--color-text-muted, #94a3b8);font-size:.875rem}.selector-centro-error{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-danger, #ef4444)}.modal-mapeo{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-mapeo .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.modal-mapeo .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.modal-mapeo .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-mapeo .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-mapeo .form-group{margin-bottom:1rem}.modal-mapeo .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #64748b);margin-bottom:.5rem}.modal-mapeo .form-group input,.modal-mapeo .form-group select{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;font-size:.875rem}.modal-mapeo .form-group input:focus,.modal-mapeo .form-group select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.modal-mapeo .form-group input.error{border-color:var(--color-danger, #ef4444)}.modal-mapeo .form-divider{display:flex;align-items:center;margin:1.25rem 0}.modal-mapeo .form-divider:before,.modal-mapeo .form-divider:after{content:"";flex:1;height:1px;background:var(--color-border, #e2e8f0)}.modal-mapeo .form-divider span{padding:0 1rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted, #94a3b8);text-transform:uppercase}.modal-mapeo .options-row{display:flex;gap:1.5rem;margin-top:.5rem}.modal-mapeo .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.modal-mapeo .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary, #3b82f6)}.modal-mapeo .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-tertiary, #f8fafc)}.modal-mapeo .btn-cancelar{padding:.625rem 1.25rem;border:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #64748b);border-radius:.5rem;cursor:pointer}.modal-mapeo .btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;cursor:pointer}.modal-mapeo .btn-guardar:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.modal-mapeo .btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-bg-tertiary, #f1f5f9);border-radius:.5rem;cursor:pointer;color:var(--color-text-secondary, #64748b)}.modal-mapeo .error-banner{padding:.75rem 1rem;background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444);border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.modal-mapeo .error-text{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-danger, #ef4444)}@media (max-width: 640px){.modal-mapeo .form-row{grid-template-columns:1fr}.modal-mapeo .options-row{flex-direction:column;gap:1rem}}.tab-mapeo-cuentas{display:flex;flex-direction:column;gap:1rem}.mapeo-header{padding:1rem;background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0)}.mapeo-header p{margin:0;color:var(--color-text-secondary, #64748b);font-size:.875rem}.loading-state{padding:2rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.mapeos-accordion{display:flex;flex-direction:column;gap:.5rem}.tipo-section{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.tipo-header{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:background .15s ease}.tipo-header:hover{background:var(--color-bg-tertiary, #f8fafc)}.tipo-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.tipo-badge.tipo-factura{background:#dbeafe;color:#1e40af}.tipo-badge.tipo-nota_credito{background:#fef3c7;color:#92400e}.tipo-badge.tipo-nota_debito{background:#fee2e2;color:#991b1b}.tipo-badge.tipo-documento_soporte{background:#d1fae5;color:#065f46}.tipo-badge.tipo-gasto{background:#f3e8ff;color:#6b21a8}.tipo-badge.tipo-pago_cxc{background:#cffafe;color:#0e7490}.tipo-badge.tipo-pago_cxp{background:#fce7f3;color:#9d174d}.tipo-count{flex:1;font-size:.8125rem;color:var(--color-text-muted, #94a3b8)}.btn-add-tipo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6);border-radius:.375rem;cursor:pointer}.btn-add-tipo:hover{background:var(--color-primary, #3b82f6);color:#fff}.tipo-content{padding:0 1rem 1rem}.empty-tipo{padding:1.5rem;text-align:center;background:var(--color-bg-tertiary, #f8fafc);border-radius:.5rem}.empty-tipo p{margin:0 0 .75rem;color:var(--color-text-muted, #94a3b8);font-size:.875rem}.empty-tipo button{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;cursor:pointer}.mapeos-list{display:grid;gap:.75rem}.mapeo-card{padding:1rem;background:var(--color-bg-tertiary, #f8fafc);border-radius:.5rem;border:1px solid transparent}.mapeo-card.default{border-color:var(--color-warning, #f59e0b);background:#fffbeb}.mapeo-card.inactive{opacity:.6}.mapeo-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mapeo-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.star-icon{color:var(--color-warning, #f59e0b)}.mapeo-actions{display:flex;gap:.25rem}.mapeo-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-bg-primary, #ffffff);border-radius:.25rem;cursor:pointer;color:var(--color-text-secondary, #64748b)}.mapeo-actions button:hover{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.mapeo-actions button.btn-delete:hover{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.mapeo-actions button.btn-default:hover{background:#fef3c7;color:var(--color-warning, #f59e0b)}.mapeo-cuentas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.cuenta-row{display:flex;align-items:flex-start;gap:.5rem}.cuenta-label{font-size:.75rem;color:var(--color-text-muted, #94a3b8);min-width:70px}.cuenta-info{display:flex;flex-direction:column}.cuenta-info .cuenta-codigo{font-family:monospace;font-weight:500;font-size:.8125rem;color:var(--color-primary, #3b82f6)}.cuenta-info .cuenta-nombre{font-size:.75rem;color:var(--color-text-secondary, #64748b)}.no-cuenta{font-size:.75rem;color:var(--color-text-muted, #94a3b8);font-style:italic}.centro-badge{font-size:.75rem;padding:.125rem .375rem;background:var(--color-success-light, #dcfce7);color:var(--color-success-dark, #166534);border-radius:.25rem;font-family:monospace;font-weight:500}.tab-cuentas-impuestos{display:flex;flex-direction:column;gap:1.5rem}.impuestos-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0)}.impuestos-header p{margin:0;color:var(--color-text-secondary, #64748b);font-size:.875rem}.btn-nuevo{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-nuevo:hover{background:var(--color-primary-dark, #2563eb)}.form-card{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-primary, #3b82f6);padding:1.5rem;box-shadow:0 4px 6px -1px #3b82f61a}.form-card h3{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:span 4}.form-group label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #64748b)}.form-group input,.form-group select{padding:.625rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary, #1e293b);background:var(--color-bg-primary, #ffffff);transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-primary, #1e293b);cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border, #e2e8f0)}.btn-cancelar,.btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancelar{background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-secondary, #64748b)}.btn-cancelar:hover{background:var(--color-bg-secondary, #e2e8f0)}.btn-guardar{background:var(--color-success, #22c55e);color:#fff}.btn-guardar:hover{background:var(--color-success-dark, #16a34a)}.impuestos-table{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.impuestos-table table{width:100%;border-collapse:collapse}.impuestos-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #64748b);background:var(--color-bg-tertiary, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0)}.impuestos-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-text-primary, #1e293b);border-bottom:1px solid var(--color-border, #e2e8f0);vertical-align:middle}.impuestos-table tr:last-child td{border-bottom:none}.impuestos-table tr:hover{background:var(--color-bg-tertiary, #f8fafc)}.impuestos-table tr.inactive{opacity:.6}.tipo-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.tipo-badge.tipo-iva_generado{background:var(--color-success-light, #dcfce7);color:var(--color-success, #22c55e)}.tipo-badge.tipo-iva_descontable{background:var(--color-info-light, #dbeafe);color:var(--color-info, #3b82f6)}.tipo-badge.tipo-impoconsumo{background:var(--color-warning-light, #fef3c7);color:var(--color-warning, #f59e0b)}.tipo-badge.tipo-retefuente{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.tipo-badge.tipo-reteiva{background:#fae8ff;color:#a855f7}.tipo-badge.tipo-reteica{background:#f0fdfa;color:#14b8a6}.porcentaje{font-weight:600;color:var(--color-primary, #3b82f6);font-family:monospace}.cuenta-cell{max-width:200px}.cuenta-cell .codigo{font-family:monospace;font-weight:600;color:var(--color-primary, #3b82f6);margin-right:.5rem}.cuenta-cell .nombre{color:var(--color-text-secondary, #64748b);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-asignado{color:var(--color-text-muted, #94a3b8);font-style:italic}.estado{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.estado.activo{background:var(--color-success-light, #dcfce7);color:var(--color-success, #22c55e)}.estado.inactivo{background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-muted, #94a3b8)}.acciones{display:flex;gap:.375rem}.acciones button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-bg-tertiary, #f1f5f9);border-radius:.375rem;cursor:pointer;color:var(--color-text-secondary, #64748b);transition:all .2s ease}.acciones button:hover{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.acciones button.delete:hover{background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444)}.empty{text-align:center;padding:2rem!important;color:var(--color-text-muted, #94a3b8)}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:span 2}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.impuestos-header{flex-direction:column;gap:1rem;align-items:flex-start}}.tab-configuracion{display:flex;flex-direction:column;gap:1.5rem}.config-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0)}.header-info h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.header-info p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #64748b)}.header-actions{display:flex;gap:.75rem}.btn-refresh{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-primary, #ffffff);border-radius:.5rem;cursor:pointer;color:var(--color-text-secondary, #64748b);transition:all .2s ease}.btn-refresh:hover{background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-primary, #3b82f6)}.btn-guardar{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-success, #22c55e);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-guardar:hover:not(:disabled){background:var(--color-success-dark, #16a34a)}.btn-guardar:disabled{opacity:.5;cursor:not-allowed}.changes-warning{padding:.875rem 1rem;background:var(--color-warning-light, #fef3c7);border:1px solid var(--color-warning, #f59e0b);border-radius:.5rem;color:var(--color-warning-dark, #b45309);font-size:.875rem;font-weight:500}.config-sections{display:flex;flex-direction:column;gap:1.5rem}.config-section{background:var(--color-bg-primary, #ffffff);border-radius:.75rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-tertiary, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0);color:var(--color-primary, #3b82f6)}.section-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.section-content{padding:1.25rem}.config-item{display:flex;flex-direction:column;gap:.375rem}.config-item.toggle-item{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border, #e2e8f0)}.config-item.toggle-item:last-child{border-bottom:none;padding-bottom:0}.config-item.toggle-item:first-child{padding-top:0}.config-info{flex:1}.config-info label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #1e293b);margin-bottom:.25rem}.config-description{font-size:.8125rem;color:var(--color-text-secondary, #64748b);line-height:1.5}.config-hint{font-size:.75rem;color:var(--color-text-muted, #94a3b8);margin-top:.25rem}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.config-item.full-width{grid-column:span 2;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--color-border, #e2e8f0)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-secondary, #e2e8f0);border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success, #22c55e)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #22c55e33}.info-section .section-content{background:var(--color-bg-tertiary, #f8fafc)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.info-value{font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #1e293b)}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted, #94a3b8);font-size:.875rem}@media (max-width: 768px){.config-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%}.btn-guardar{flex:1;justify-content:center}.config-grid{grid-template-columns:1fr}.config-item.full-width{grid-column:span 1}.info-grid{grid-template-columns:1fr}.config-item.toggle-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.parametrizacion-contable{display:flex;flex-direction:column;min-height:100%;background:var(--color-bg-secondary, #f8fafc)}.parametrizacion-header{background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,var(--color-primary-dark, #2563eb) 100%);padding:1.5rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.parametrizacion-header-content{display:flex;align-items:center;gap:1rem}.parametrizacion-header-icon{width:56px;height:56px;background:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center}.parametrizacion-header-text h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.parametrizacion-header-text p{margin:0;opacity:.9;font-size:.875rem}.parametrizacion-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:#ffffff26;border-radius:.75rem;min-width:80px}.stat-item.warning{background:#fbbf244d;flex-direction:row;gap:.5rem}.stat-item .stat-value{font-size:1.5rem;font-weight:700}.stat-item .stat-label{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.parametrizacion-tabs{background:var(--color-bg-primary, #ffffff);border-bottom:1px solid var(--color-border, #e2e8f0);padding:0 1rem;position:sticky;top:0;z-index:10}.tabs-container{display:flex;gap:.25rem;max-width:1400px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;color:var(--color-text-secondary, #64748b);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--color-primary, #3b82f6);background:var(--color-bg-tertiary, #f1f5f9)}.tab-button.active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.parametrizacion-content{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.parametrizacion-header{flex-direction:column;align-items:flex-start;padding:1rem 1.5rem}.parametrizacion-header-icon{width:48px;height:48px}.parametrizacion-header-text h1{font-size:1.25rem}.parametrizacion-stats{width:100%;justify-content:space-around}.stat-item{min-width:70px;padding:.5rem .75rem}.stat-item .stat-value{font-size:1.25rem}.tab-button{padding:.875rem 1rem;font-size:.8125rem}.parametrizacion-content{padding:1rem}}*{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}[class$=-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:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}