@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;overflow:hidden;padding:0}.login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(42,82,152,.15) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.login-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(30,60,114,.15) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 45px;border-radius:16px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a;width:100%;max-width:420px;position:relative;z-index:10;border-top:5px solid #2a5298;transform:translateY(0);transition:transform .3s ease}.login-card:hover{transform:translateY(-5px)}.login-header{text-align:center;margin-bottom:35px}.company-logo{width:70px;height:70px;background:linear-gradient(135deg,#2a5298,#1e3c72);border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;box-shadow:0 8px 20px #2a529859}.login-card h2{margin:0 0 10px;color:#1a1a2e;text-align:center;font-size:32px;font-weight:700;letter-spacing:-.5px}.login-subtitle{color:#7f8c8d;font-size:15px;text-align:center;font-weight:400;margin:0}form{margin-top:30px}.form-group{margin-bottom:24px;position:relative}.form-group label{display:block;margin-bottom:10px;color:#2c3e50;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.form-group input{width:100%;padding:15px 18px 15px 48px;border:2px solid #e8ecef;border-radius:10px;font-size:15px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#f8f9fb;color:#2c3e50;font-weight:500}.form-group input:focus{outline:none;border-color:#2a5298;background-color:#fff;box-shadow:0 0 0 4px #2a529814;transform:translateY(-2px)}.form-group input:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#a0aec0;font-weight:400}.form-group:before{position:absolute;left:16px;top:46px;font-size:20px;pointer-events:none;opacity:.5;z-index:1}.form-group:nth-of-type(1):before{content:"📧"}.form-group:nth-of-type(2):before{content:"🔒"}.error-message{background:linear-gradient(135deg,#fff5f5,#ffe8e8);color:#c0392b;padding:14px 18px;border-radius:10px;margin-bottom:20px;text-align:left;font-size:14px;border-left:5px solid #e74c3c;font-weight:500;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease}.error-message:before{content:"⚠️";font-size:18px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-login{width:100%;padding:16px;background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:1px;text-transform:uppercase;margin-top:10px;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-login:hover:before{left:100%}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#1e3c72,#2a5298);transform:translateY(-2px);box-shadow:0 10px 20px #1e3c7266}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#95a5a6,#7f8c8d);transform:none}.register-link{text-align:center;margin-top:30px;padding-top:25px;border-top:2px solid #e8ecef;color:#7f8c8d;font-size:14px}.register-link a{color:#2a5298;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative}.register-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#2a5298;transition:width .3s ease}.register-link a:hover:after{width:100%}.register-link a:hover{color:#1e3c72}.login-footer{text-align:center;margin-top:30px;color:#ffffffb3;font-size:13px;position:relative;z-index:10}.login-footer a{color:#ffffffe6;text-decoration:none;transition:color .3s}.login-footer a:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease}@media(max-width:768px){.login-container{padding:15px}.login-card{padding:40px 30px;max-width:100%}.login-card h2{font-size:28px}.company-logo{width:60px;height:60px;font-size:28px}}@media(max-width:480px){.login-card{padding:35px 25px}.login-card h2{font-size:26px}.company-logo{width:55px;height:55px;font-size:26px}.form-group input{padding:13px 16px 13px 44px;font-size:14px}.btn-login{padding:14px;font-size:14px}}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f7fa}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s}.sidebar{width:280px;background:linear-gradient(180deg,#1e3c72,#2a5298);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:999}.sidebar.closed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);min-height:70px}.logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;white-space:nowrap}.logo-icon{font-size:28px;min-width:28px}.toggle-btn{background:#ffffff1a;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .3s;font-size:16px}.toggle-btn:hover{background:#fff3}.sidebar-nav{flex:1;padding:15px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:15px;padding:14px 20px;color:#fffc;text-decoration:none;transition:all .3s;border-left:4px solid transparent;position:relative}.nav-item:hover{background:#ffffff1a;color:#fff;border-left-color:#fff}.nav-icon{font-size:22px;min-width:22px}.nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-arrow{font-size:12px;transition:transform .3s;margin-left:auto}.submenu{background:#0003;padding:8px 0;animation:slideDown .3s ease}.submenu-item{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 50px;color:#ffffffb3;cursor:pointer;transition:all .3s;font-size:14px}.submenu-item:hover{background:#ffffff1a;color:#fff;padding-left:55px}.submenu-icon{font-size:18px;min-width:18px}.no-menus{padding:20px;text-align:center;color:#fff9;font-size:14px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:15px}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:12px;background:#ffffff1a;border-radius:8px}.user-avatar{width:45px;height:45px;min-width:45px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.user-details{flex:1;min-width:0}.user-name{font-weight:600;margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;margin:2px 0 0;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;padding:12px;background:#f003;border:none;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:background .3s}.logout-btn:hover{background:#ff00004d}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.top-bar{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:20px;min-height:70px;position:sticky;top:0;z-index:100}.mobile-menu-btn{display:none;background:#1e3c72;border:none;color:#fff;font-size:24px;padding:8px 12px;border-radius:6px;cursor:pointer}.top-bar h1{margin:0;color:#1e3c72;font-size:24px;flex:1}.user-menu{display:flex;align-items:center;gap:12px}.user-email{color:#666;font-size:14px}.user-badge{background:#1e3c72;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.content-area{flex:1;padding:30px;overflow-y:auto}.welcome-section{margin-bottom:30px}.welcome-section h2{color:#1e3c72;margin-bottom:8px;font-size:28px}.welcome-section p{color:#666;font-size:16px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.menu-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s;border-top:4px solid #1e3c72}.menu-card-icon{font-size:48px;margin-bottom:15px}.menu-card-title{color:#1e3c72;margin-bottom:8px;font-size:20px}.menu-card-path{color:#666;font-size:14px;margin-bottom:12px}.menu-card-submenu{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.submenu-badge{background:#f0f0f0;color:#666;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.no-access-message{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;max-width:500px;margin:40px auto}.no-access-icon{font-size:72px;margin-bottom:20px}.no-access-message h3{color:#1e3c72;margin-bottom:10px;font-size:24px}.no-access-message p{color:#666;font-size:16px}@media(max-width:1024px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.sidebar{position:fixed;left:-280px;width:280px}.sidebar.open{left:0}.sidebar.closed{left:-280px;width:280px}.mobile-menu-btn{display:block}.top-bar{padding:15px 20px}.top-bar h1{font-size:20px}.user-email{display:none}.content-area{padding:20px}.welcome-section h2{font-size:22px}.menu-grid{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.top-bar{padding:12px 15px}.top-bar h1{font-size:18px}.content-area{padding:15px}.menu-card{padding:20px}.user-badge{font-size:11px;padding:3px 8px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-item.active{background:#ffffff26;border-left-color:#fff;color:#fff}.submenu-item.active{background:#ffffff26;color:#fff;font-weight:600;padding-left:55px}.menu-card{cursor:pointer;transition:transform .3s,box-shadow .3s}.menu-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.welcome-section,.menu-grid{animation:fadeIn .5s ease}.users-container{padding:0}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.users-header h1{margin:0;color:#1e3c72;font-size:28px}.btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3c724d}.btn-secondary{background:#f0f0f0;color:#333;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#e0e0e0}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:15px}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:12px}.stat-value{margin:5px 0 0;font-size:28px;font-weight:700;color:#1e3c72}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;font-size:14px;text-transform:uppercase}.users-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#555}.users-table tbody tr{transition:background .3s}.users-table tbody tr:hover{background:#f8f9fa}.user-info{display:flex;align-items:center;gap:12px}.user-avatar-small{width:36px;height:36px;background:#1e3c72;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.role-admin{background:#ff6b6b;color:#fff}.role-manager{background:#4ecdc4;color:#fff}.role-user{background:#95e1d3;color:#333}.role-default{background:#e0e0e0;color:#666}.btn-edit,.btn-delete{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s}.btn-edit{background:#ffeaa7}.btn-edit:hover{background:#fdcb6e;transform:scale(1.1)}.btn-delete{background:#ff7675}.btn-delete:hover{background:#d63031;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d}.modal-content h2{margin:0 0 15px;color:#1e3c72}.modal-content p{margin:10px 0;color:#555}.modal-warning{color:#d63031;font-weight:600;font-size:14px}.modal-actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.btn-cancel{background:#e0e0e0;color:#333;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.btn-confirm-delete{background:#d63031;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.btn-confirm-delete:hover{background:#b71c1c}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-header h1{margin:0;color:#1e3c72;font-size:28px}.form-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.user-form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group input,.form-group select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}.form-group input.error,.form-group select.error{border-color:#d63031}.error-text{color:#d63031;font-size:13px;margin-top:5px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-save{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e3c724d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading,.no-data{text-align:center;padding:60px 20px;color:#666;font-size:16px}.error-message{background:#fff5f5;color:#d63031;padding:20px;border-radius:8px;border-left:4px solid #d63031}@media(max-width:768px){.users-header{flex-direction:column;align-items:flex-start;gap:15px}.users-stats{grid-template-columns:1fr}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.form-row{grid-template-columns:1fr}.form-container,.modal-content{padding:20px}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:300px;max-width:500px;width:90%;animation:slideIn .3s ease-out;overflow:hidden}@keyframes slideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.modal-close:hover{background-color:#f5f5f5;color:#666}.modal-body{padding:24px;font-size:15px;color:#555;line-height:1.6}.modal-body p{margin:0}.modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;background-color:#fafafa}.btn-modal-cancel,.btn-modal-confirm,.btn-modal-ok{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.btn-modal-cancel{background-color:#f5f5f5;color:#666}.btn-modal-cancel:hover{background-color:#e0e0e0}.btn-modal-confirm{background-color:#2196f3;color:#fff}.btn-modal-confirm:hover{background-color:#1976d2}.btn-modal-ok{background-color:#2196f3;color:#fff}.btn-modal-ok:hover{background-color:#1976d2}.btn-modal-success{background-color:#4caf50}.btn-modal-success:hover{background-color:#45a049}.btn-modal-error{background-color:#f44336}.btn-modal-error:hover{background-color:#da190b}.btn-modal-warning{background-color:#ff9800}.btn-modal-warning:hover{background-color:#e68900}.btn-modal-info{background-color:#2196f3}.btn-modal-info:hover{background-color:#1976d2}.modal-success .modal-header{background-color:#e8f5e9;border-bottom-color:#c8e6c9}.modal-success .modal-header h2{color:#2e7d32}.modal-error .modal-header{background-color:#ffebee;border-bottom-color:#ffcdd2}.modal-error .modal-header h2{color:#c62828}.modal-warning .modal-header{background-color:#fff3e0;border-bottom-color:#ffe0b2}.modal-warning .modal-header h2{color:#e65100}.modal-confirm .modal-header{background-color:#e3f2fd;border-bottom-color:#bbdefb}.modal-confirm .modal-header h2{color:#1565c0}.modal-info .modal-header{background-color:#e3f2fd;border-bottom-color:#bbdefb}.modal-info .modal-header h2{color:#1976d2}.btn-modal-cancel:focus,.btn-modal-confirm:focus,.btn-modal-ok:focus{outline:2px solid #2196F3;outline-offset:2px}.modal-overlay.closing{animation:fadeOut .2s ease-out}.modal-overlay.closing .modal-content{animation:slideOut .2s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(.95);opacity:0}}@media(max-width:768px){.modal-content{width:95%;max-width:none}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px;font-size:14px}.modal-footer{padding:12px 20px;flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm,.btn-modal-ok{width:100%;min-width:auto}}.categorias-container{padding:0;animation:fadeIn .3s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e6ed}.page-header h1{margin:0 0 5px;color:#1e3c72;font-size:32px}.page-subtitle{margin:0;color:#666;font-size:14px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:20px;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-icon.blue{background:#e3f2fd}.stat-icon.green{background:#e8f5e9}.stat-icon.orange{background:#fff3e0}.stat-icon.purple{background:#f3e5f5}.stat-label{margin:0;font-size:13px;color:#666;font-weight:500}.stat-value{margin:5px 0 0;font-size:32px;font-weight:700;color:#1e3c72}.btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-size:15px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3c724d}.form-card,.table-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.form-card{padding:40px}.form-card h2{margin:0 0 30px;color:#1e3c72;font-size:24px}.categoria-form{max-width:900px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.form-group label{margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e6ed;border-radius:10px;font-size:15px;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 4px #2a52981a}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-text{color:#e74c3c;font-size:13px;margin-top:5px}.icon-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:10px;margin-top:8px}.icon-option{width:50px;height:50px;border:2px solid #e0e6ed;border-radius:10px;background:#fff;font-size:24px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.icon-option:hover{border-color:#2a5298;transform:scale(1.1)}.icon-option.selected{border-color:#2a5298;background:#e3f2fd;transform:scale(1.15)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0}.btn-cancel{background:#f0f0f0;color:#333;border:none;padding:12px 30px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;padding:12px 30px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3c724d}.table-header{padding:25px 30px;border-bottom:2px solid #f0f0f0}.table-header h3{margin:0;color:#1e3c72;font-size:20px}.data-table thead{background:#f8f9fa}.data-table th{padding:16px 20px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e6ed;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px 20px;border-bottom:1px solid #f0f0f0;color:#555}.data-table tbody tr{transition:background .3s}.data-table tbody tr:hover{background:#f8f9fa}.icon-cell{font-size:32px;text-align:center}.descripcion-corta{margin:5px 0 0;font-size:13px;color:#888}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-activo{background:#d4edda;color:#155724}.badge-inactivo{background:#fff3cd;color:#856404}.badge-parent{background:#e3f2fd;color:#1565c0}.badge-root{background:#f3e5f5;color:#6a1b9a}.action-buttons{display:flex;gap:8px}.btn-icon{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s}.btn-edit{background:#fff3cd}.btn-edit:hover{background:#ffc107;transform:scale(1.1)}.btn-delete{background:#f8d7da}.btn-delete:hover{background:#dc3545;transform:scale(1.1)}.no-data{text-align:center;padding:60px 20px;color:#999;font-size:16px}.loading{text-align:center;padding:60px 20px;color:#666;font-size:18px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.stats-grid,.form-grid{grid-template-columns:1fr}.form-card{padding:25px}.data-table{min-width:800px}.icon-selector{grid-template-columns:repeat(6,1fr)}}:root{--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--success-50: #ecfdf5;--success-500: #10b981;--success-700: #047857;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--danger-50: #fef2f2;--danger-500: #ef4444;--danger-700: #b91c1c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-display: "Outfit", sans-serif;--font-mono: "Space Mono", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.productos-container{padding:2rem;max-width:1600px;margin:0 auto;font-family:var(--font-display);animation:fadeIn .4s ease-out;min-height:100vh;background:linear-gradient(135deg,#f9fafb,#fff)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-200)}.page-header h1{margin:0;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-subtitle{margin:.5rem 0 0;color:var(--gray-500);font-size:1rem;font-weight:400}.header-actions{display:flex;gap:1rem;align-items:center}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);font-family:var(--font-display);display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #6366f166}.btn-primary:active{transform:translateY(0)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;background:transparent}.loading-spinner{width:64px;height:64px;border:6px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:var(--gray-600);font-weight:600;font-size:1.125rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card.blue .stat-icon{background:var(--primary-500)}.stat-card.green .stat-icon{background:var(--success-500)}.stat-card.red .stat-icon{background:var(--danger-500)}.stat-card.purple .stat-icon{background:#9333ea}.stat-content{display:flex;align-items:center;gap:1.25rem}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0}.stat-info{flex:1}.stat-value{margin:0;font-size:2.25rem;font-weight:800;color:var(--gray-900);line-height:1;letter-spacing:-.02em}.stat-label{margin:.5rem 0 0;font-size:.875rem;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filters-section{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-md);margin-bottom:2.5rem;border:1px solid var(--gray-200)}.filters-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.search-box{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;opacity:.5}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--gray-200);border-radius:12px;font-size:.95rem;font-family:var(--font-display);transition:all var(--transition-base);background:#fff;color:var(--gray-900)}.search-box input::placeholder{color:var(--gray-400)}.search-box input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f11a}.filter-select{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:12px;font-size:.95rem;font-family:var(--font-display);cursor:pointer;transition:all var(--transition-base);background:#fff;color:var(--gray-900);font-weight:500}.filter-select option{background:#fff;color:var(--gray-900);padding:.5rem;font-weight:500}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f11a}.view-controls{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--gray-200)}.filter-checkbox{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:500;color:var(--gray-700);font-size:.95rem}.filter-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-600)}.view-switcher{display:flex;gap:.5rem;background:var(--gray-100);padding:.375rem;border-radius:10px}.view-btn{padding:.625rem 1.25rem;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);color:var(--gray-600);font-family:var(--font-display)}.view-btn.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.catalogo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200);position:relative;display:flex;flex-direction:column;animation:cardFadeIn .5s ease-out backwards}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 30px #6366f126;border-color:var(--primary-200)}.product-badges{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;gap:.5rem;flex-wrap:wrap;z-index:10}.product-badges>*{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-destacado{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.badge-novedad{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.badge-descuento{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.product-image{position:relative;width:100%;height:280px;background:var(--gray-100);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.08)}.product-image .no-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.product-image .no-image span{font-size:4rem;opacity:.5}.product-image .no-image p{margin-top:.5rem;font-size:.875rem;font-weight:500}.stock-indicator{position:absolute;bottom:.75rem;right:.75rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.stock-indicator.stock-normal{background:#10b981f2;color:#fff}.stock-indicator.stock-bajo{background:#f59e0bf2;color:#fff}.stock-indicator.stock-agotado{background:#ef4444f2;color:#fff}.product-info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.product-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-600);margin-bottom:.5rem}.product-name{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0 0 .375rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.product-brand{font-size:.875rem;color:var(--gray-500);margin:0 0 1rem;font-weight:500}.product-pricing{display:flex;align-items:baseline;gap:.625rem;margin-top:auto;margin-bottom:1.25rem}.price-current{font-size:1.75rem;font-weight:800;color:var(--primary-600);font-family:var(--font-mono);letter-spacing:-.02em}.price-original{font-size:1.125rem;color:var(--gray-400);text-decoration:line-through;font-weight:600}.product-actions{display:grid;grid-template-columns:1fr auto;gap:.75rem}.btn-card-edit,.btn-card-delete{padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);font-size:.875rem}.btn-card-edit{background:var(--primary-600);color:#fff;flex:1}.btn-card-edit:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-card-delete{background:var(--gray-100);color:var(--gray-600);width:48px;display:flex;align-items:center;justify-content:center}.btn-card-delete:hover{background:var(--danger-500);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.table-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--gray-200)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.data-table th{padding:1.125rem 1.5rem;text-align:left;font-weight:700;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.producto-imagen-tabla{width:56px;height:56px;border-radius:12px;overflow:hidden;border:2px solid var(--gray-200)}.producto-imagen-tabla img{width:100%;height:100%;object-fit:cover}.no-image-tabla{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);font-size:1.5rem;color:var(--gray-400)}.sku-code{background:var(--gray-100);padding:.375rem .75rem;border-radius:8px;font-family:var(--font-mono);font-size:.875rem;color:var(--gray-700);font-weight:600}.producto-info-tabla strong{color:var(--gray-900);font-weight:600;display:block;margin-bottom:.25rem}.marca-badge{display:inline-block;background:var(--gray-100);color:var(--gray-600);padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-categoria{display:inline-block;background:var(--primary-50);color:var(--primary-700);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.precio-info{display:flex;flex-direction:column;gap:.25rem}.precio-info strong{font-size:1.125rem;font-weight:700;color:var(--primary-600);font-family:var(--font-mono)}.precio-oferta{font-size:.875rem;color:var(--gray-400);text-decoration:line-through}.stock-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;min-width:60px}.stock-badge.stock-normal{background:var(--success-50);color:var(--success-700)}.stock-badge.stock-bajo{background:var(--warning-50);color:var(--warning-700)}.stock-badge.stock-agotado{background:var(--danger-50);color:var(--danger-700)}.badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.badge-activo{background:var(--success-50);color:var(--success-700)}.badge-inactivo{background:var(--gray-100);color:var(--gray-600)}.badge-agotado{background:var(--danger-50);color:var(--danger-700)}.action-buttons{display:flex;gap:.625rem}.btn-icon{padding:.625rem;border:none;border-radius:10px;cursor:pointer;font-size:1.125rem;transition:all var(--transition-base);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-edit{background:var(--primary-50);color:var(--primary-600)}.btn-edit:hover{background:var(--primary-600);color:#fff;transform:scale(1.1)}.btn-delete{background:var(--danger-50);color:var(--danger-600)}.btn-delete:hover{background:var(--danger-600);color:#fff;transform:scale(1.1)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);margin-top:2rem;border:1px solid var(--gray-200);flex-wrap:wrap;gap:1rem}.pagination-info{color:var(--gray-600);font-size:.95rem;font-weight:500}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{padding:.625rem .875rem;border:2px solid var(--gray-200);background:#fff;border-radius:10px;cursor:pointer;font-weight:600;color:var(--gray-700);transition:all var(--transition-base);min-width:44px;font-family:var(--font-display)}.pagination-btn:hover:not(:disabled){background:var(--primary-600);color:#fff;border-color:var(--primary-600);transform:translateY(-2px)}.pagination-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.per-page-select{padding:.625rem 1rem;border:2px solid var(--gray-200);border-radius:10px;font-size:.95rem;cursor:pointer;font-family:var(--font-display);background:#fff;color:var(--gray-900);font-weight:500}.per-page-select option{background:#fff;color:var(--gray-900)}.no-data{text-align:center;padding:4rem 2rem;color:var(--gray-500)}.no-data-icon{font-size:4rem;opacity:.3;display:block;margin-bottom:1rem}.no-data p{font-size:1.125rem;font-weight:600}.form-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:24px;padding:3rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);max-width:1200px;margin:0 auto}.form-card h2{margin:0 0 2.5rem;font-size:2.25rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;text-align:center;position:relative;padding-bottom:1rem}.form-card h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-700));border-radius:2px}.tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:3px solid var(--gray-200);background:#fff;padding:.5rem;border-radius:16px 16px 0 0;box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb{background:var(--primary-200);border-radius:4px}.tab{background:transparent;border:none;padding:1rem 1.75rem;cursor:pointer;font-weight:600;color:var(--gray-500);border-bottom:3px solid transparent;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0;font-family:var(--font-display);font-size:1rem;border-radius:12px 12px 0 0;position:relative;margin-bottom:-3px}.tab:hover{color:var(--primary-600);background:linear-gradient(to bottom,var(--primary-50),transparent)}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:linear-gradient(to bottom,var(--primary-50),white);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.5rem;background:#fff;padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-md)}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.75rem;font-weight:600;color:var(--gray-700);font-size:1rem;display:flex;align-items:center;gap:.5rem}.form-group label:before{content:"●";color:var(--primary-500);font-size:.5rem}.form-group input,.form-group select,.form-group textarea{padding:1rem 1.25rem;border:2px solid var(--gray-200);border-radius:12px;font-size:1rem;transition:all var(--transition-base);font-family:var(--font-display);background:#fff;color:var(--gray-900);font-weight:500}.form-group input::placeholder{color:var(--gray-400)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:20px;padding-right:3rem;cursor:pointer;color:var(--gray-900);font-weight:600}.form-group select option{background:#fff;color:var(--gray-900);padding:1rem;font-weight:500}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f126;transform:translateY(-2px)}.form-group input.error,.form-group select.error{border-color:var(--danger-500);background:var(--danger-50)}.error-text{color:var(--danger-600);font-size:.875rem;margin-top:.5rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.error-text:before{content:"⚠️"}.price-summary{background:linear-gradient(135deg,var(--success-50),var(--success-100));padding:2rem;border-radius:16px;border:2px solid var(--success-200);box-shadow:var(--shadow-sm)}.price-item{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem}.price-item span{color:var(--gray-700);font-weight:600}.price-item strong{color:var(--success-700);font-size:1.75rem;font-weight:800;font-family:var(--font-mono)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.checkbox-group label{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1.25rem;background:linear-gradient(135deg,var(--gray-50),white);border-radius:12px;border:2px solid var(--gray-200);transition:all var(--transition-base);font-weight:600}.checkbox-group label:before{display:none}.checkbox-group label:hover{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-50),white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkbox-group input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer;accent-color:var(--primary-600)}.image-upload{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:2rem;background:linear-gradient(135deg,var(--gray-50),white);border-radius:16px;border:2px dashed var(--gray-300)}.image-preview{position:relative;width:280px;height:280px;border-radius:20px;overflow:hidden;border:4px solid var(--gray-200);box-shadow:var(--shadow-lg)}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-image{position:absolute;top:1rem;right:1rem;background:var(--danger-500);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.btn-remove-image:hover{background:var(--danger-700);transform:scale(1.15) rotate(90deg)}.image-placeholder{width:280px;height:280px;border:4px dashed var(--gray-300);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50),var(--gray-100));gap:1rem}.image-placeholder span{font-size:4rem;opacity:.4}.image-placeholder p{color:var(--gray-500);font-weight:600;font-size:1.125rem}.btn-upload{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);font-size:1rem;box-shadow:var(--shadow-md)}.btn-upload:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-actions{display:flex;gap:1.25rem;justify-content:center;padding-top:2rem;border-top:3px solid var(--gray-200);margin-top:1rem}.btn-cancel{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300);padding:1rem 2.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);font-size:1rem}.btn-cancel:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-save{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);font-size:1rem;box-shadow:var(--shadow-md)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 30px #6366f166}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.catalogo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.filters-row{grid-template-columns:1fr 1fr}.search-box{grid-column:1 / -1}}@media(max-width:768px){.productos-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.875rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:1.75rem}.filters-row{grid-template-columns:1fr}.catalogo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-image{height:200px}.product-name{font-size:1rem}.price-current{font-size:1.375rem}.tabs{padding:.375rem;gap:.375rem}.tab{padding:.75rem 1.25rem;font-size:.875rem}.form-grid{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.form-card{padding:1.5rem}.form-card h2{font-size:1.75rem}.pagination-container{flex-direction:column;gap:1rem}.table-responsive{overflow-x:auto}.data-table{min-width:900px}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-content{gap:1rem}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-value{font-size:1.5rem}.view-controls{flex-direction:column;align-items:flex-start}.catalogo-grid{grid-template-columns:1fr}.product-image{height:240px}.form-card{padding:1.25rem}.form-card h2{font-size:1.75rem}.checkbox-group{grid-template-columns:1fr}.tab{padding:.625rem 1rem;font-size:.8125rem}}.btn-card-stock{padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-display);font-size:.875rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-card-stock:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon.btn-stock{background:var(--success-50);color:var(--success-600)}.btn-icon.btn-stock:hover{background:var(--success-600);color:#fff;transform:scale(1.1)}.product-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem}@media(max-width:768px){.product-actions{grid-template-columns:1fr 1fr}.btn-card-delete{grid-column:1 / -1;width:100%}}.modal-ajuste-stock-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .3s;padding:1rem;overflow-y:auto}.modal-ajuste-stock-container{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}.modal-ajuste-stock-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-ajuste-stock-header h2{margin:0;font-size:1.75rem;font-weight:800;color:#1e293b}.btn-close-ajuste{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;color:#64748b;transition:all .3s}.btn-close-ajuste:hover{background:#e2e8f0;transform:rotate(90deg)}.producto-info-ajuste{display:flex;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb}.producto-imagen-ajuste{width:100px;height:100px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;flex-shrink:0}.producto-imagen-ajuste img{width:100%;height:100%;object-fit:cover}.no-image-ajuste{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font-size:3rem;color:#cbd5e1}.producto-datos-ajuste{flex:1}.producto-datos-ajuste h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1e293b}.sku-ajuste{margin:0 0 1rem;font-size:.875rem;color:#64748b;font-family:Courier New,monospace}.stock-actual-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:20px;font-size:.875rem;color:#1e40af;font-weight:600}.stock-actual-badge strong{font-size:1.125rem;font-weight:800}.form-ajuste-stock{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group-ajuste{display:flex;flex-direction:column;gap:.75rem}.form-group-ajuste label{font-weight:600;color:#1e293b;font-size:1rem}.tipo-movimiento-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tipo-movimiento-options label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s;background:#fff}.tipo-movimiento-options label:hover{border-color:#6366f1;background:#f5f3ff;transform:translateY(-2px)}.tipo-movimiento-options label.active{border-color:#6366f1;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:0 4px 12px #6366f133}.tipo-movimiento-options input[type=radio]{display:none}.tipo-icon{font-size:2rem}.tipo-label{font-size:.875rem;font-weight:600;color:#64748b}.tipo-movimiento-options label.active .tipo-label{color:#6366f1}.form-group-ajuste input[type=number],.form-group-ajuste textarea{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s}.form-group-ajuste input[type=number]{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;text-align:center}.form-group-ajuste input:focus,.form-group-ajuste textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.preview-stock{padding:1.5rem;border-radius:12px;text-align:center;animation:fadeIn .3s}.preview-stock.positivo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.preview-stock.negativo{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.preview-stock.neutral{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #6366f1}.preview-label{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.preview-calculo{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.75rem;font-weight:800;font-family:Courier New,monospace}.stock-anterior{color:#64748b}.operador{color:#475569;font-size:1.5rem}.diferencia-valor{color:#1e293b}.stock-nuevo{color:#6366f1;font-size:2rem}.form-actions-ajuste{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid #e5e7eb}.btn-cancelar-ajuste,.btn-confirmar-ajuste{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancelar-ajuste{background:#f1f5f9;color:#475569}.btn-cancelar-ajuste:hover:not(:disabled){background:#e2e8f0}.btn-confirmar-ajuste{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-confirmar-ajuste:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-confirmar-ajuste:disabled,.btn-cancelar-ajuste:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.modal-ajuste-stock-header{padding:1.5rem}.producto-info-ajuste{flex-direction:column;padding:1.5rem}.producto-imagen-ajuste{width:80px;height:80px}.form-ajuste-stock{padding:1.5rem}.tipo-movimiento-options{grid-template-columns:1fr}.form-actions-ajuste{flex-direction:column}}.ventas-container{padding:0;min-height:100vh;background:#f5f7fa}.caja-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px 30px;margin-bottom:25px;box-shadow:0 4px 20px #667eea4d;animation:slideDown .4s ease}.caja-info-content{display:flex;align-items:center;gap:25px}.caja-info-icon{flex-shrink:0}.icon-circle{width:60px;height:60px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}.caja-info-details{flex:1}.caja-info-details h4{margin:0 0 12px;color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.caja-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-item .value{font-size:18px;color:#fff;font-weight:700}.info-item .value.highlight{color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.info-item .value.success{color:#4ade80}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ventas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.ventas-header h1{margin:0;color:#1e293b;font-size:28px;font-weight:700}.ventas-atajos{display:flex;gap:15px;align-items:center}.ventas-atajos span{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.ventas-atajos kbd{background:#e2e8f0;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;font-weight:600;color:#475569;border:1px solid #cbd5e1;box-shadow:0 2px 4px #0000001a}.ventas-content{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.ventas-col-izquierda,.ventas-col-derecha{display:flex;flex-direction:column;gap:20px}.ventas-cliente-info{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.btn-seleccionar-cliente{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.btn-seleccionar-cliente:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-seleccionar-cliente .icon{font-size:24px}.cliente-seleccionado{display:flex;flex-direction:column;gap:12px}.cliente-nombre{font-size:16px;color:#1e293b}.cliente-nombre strong{color:#667eea}.cliente-credito{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:#64748b}.cliente-credito span{padding:4px 10px;background:#f1f5f9;border-radius:6px}.btn-cambiar-cliente{align-self:flex-start;padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-cambiar-cliente:hover{background:#e2e8f0}.ventas-cupon{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #00000014;display:flex;gap:10px;align-items:center}.ventas-cupon input{flex:1;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;text-transform:uppercase;font-weight:600}.ventas-cupon input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ventas-cupon button{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.ventas-cupon button:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.ventas-cupon button:disabled{background:#d1d5db;cursor:not-allowed}.cupon-aplicado{width:100%;margin-top:8px;padding:8px 12px;background:#d1fae5;color:#065f46;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.ventas-tipo-venta{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.ventas-tipo-venta label:first-child{display:block;margin-bottom:12px;font-weight:600;color:#1e293b;font-size:14px}.radio-group{display:flex;gap:12px}.radio-group label{flex:1;padding:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s;font-weight:500;color:#475569;display:flex;align-items:center;justify-content:center;gap:8px}.radio-group label:hover:not(:has(input:disabled)){border-color:#667eea;background:#f1f5f9}.radio-group label:has(input:checked){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.radio-group label:has(input:disabled){opacity:.5;cursor:not-allowed}.radio-group input[type=radio]{margin:0}.ventas-fecha-vencimiento{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.ventas-fecha-vencimiento label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px}.ventas-fecha-vencimiento input[type=date]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .3s}.ventas-fecha-vencimiento input[type=date]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ventas-fecha-vencimiento input.error{border-color:#ef4444}.help-text{display:block;margin-top:6px;font-size:12px;color:#64748b}.ventas-comprobante{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.ventas-comprobante>label{display:flex;align-items:center;gap:8px;font-weight:600;color:#1e293b;cursor:pointer;margin-bottom:15px}.ventas-comprobante>label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ventas-comprobante select{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;margin-bottom:12px;transition:all .3s}.ventas-comprobante select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ventas-pagos{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.pagos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pagos-header h3{margin:0;font-size:16px;color:#1e293b}.btn-agregar-pago{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-agregar-pago:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-agregar-pago:disabled{background:#d1d5db;cursor:not-allowed}.pagos-lista{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.pago-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.pago-info{display:flex;flex-direction:column;gap:2px}.pago-info strong{color:#1e293b;font-size:14px}.pago-info span{color:#10b981;font-weight:600;font-size:16px}.btn-eliminar-pago{width:30px;height:30px;border-radius:6px;background:#fee2e2;color:#dc2626;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-eliminar-pago:hover{background:#fecaca;transform:scale(1.1)}.pagos-resumen{padding-top:15px;border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.pagos-resumen>div{display:flex;justify-content:space-between;align-items:center;font-size:15px}.pagos-resumen span{color:#64748b}.pagos-resumen strong{font-size:18px;color:#1e293b}.text-danger{color:#ef4444!important}.text-success{color:#10b981!important}.ventas-notas{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.ventas-notas label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px}.ventas-notas textarea{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s}.ventas-notas textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ventas-acciones{display:flex;gap:12px}.btn-cancelar,.btn-procesar{flex:1;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancelar{background:#f1f5f9;color:#475569}.btn-cancelar:hover:not(:disabled){background:#e2e8f0}.btn-procesar{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98166}.btn-procesar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-procesar:disabled,.btn-cancelar:disabled{opacity:.6;cursor:not-allowed}.error-message{margin-top:8px;padding:10px 12px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:13px;font-weight:500;border-left:4px solid #dc2626}.ventas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.ventas-loading p{color:#64748b;font-size:16px;font-weight:500}@media(max-width:1200px){.ventas-content{grid-template-columns:1fr}.caja-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ventas-header{flex-direction:column;align-items:flex-start;gap:15px}.ventas-atajos{width:100%;justify-content:space-between}.caja-info-banner{padding:15px 20px}.caja-info-content{flex-direction:column;align-items:flex-start}.caja-info-grid{grid-template-columns:1fr;width:100%}.radio-group{flex-direction:column}.ventas-acciones{flex-direction:column-reverse}}.btn-cerrar-caja-banner{position:absolute;top:120px;right:50px;padding:10px 20px;background:#ef4444f2;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ef44444d}.btn-cerrar-caja-banner:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.apertura-caja-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.apertura-caja-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;text-align:center;animation:slideUp .4s ease}.apertura-icono{font-size:72px;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.apertura-caja-card h2{margin:0 0 15px;font-size:32px;color:#2c3e50;font-weight:700}.apertura-mensaje{color:#7f8c8d;font-size:16px;margin-bottom:30px;line-height:1.6}.apertura-error{background:#ffe5e5;color:#e74c3c;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e74c3c;font-weight:600}.apertura-form{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:15px}.input-monto{display:flex;align-items:stretch;border:3px solid #dfe6e9;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .3s}.input-monto:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.monto-simbolo{padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center}.input-monto input{flex:1;padding:15px 20px;border:none;font-size:24px;color:#2c3e50;font-weight:700;text-align:right}.input-monto input:focus{outline:none}.input-monto input:disabled{background:#ecf0f1;cursor:not-allowed}.form-group small{display:block;margin-top:10px;color:#95a5a6;font-size:13px}.btn-abrir-caja{padding:18px;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00b8944d}.btn-abrir-caja:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #00b89466}.btn-abrir-caja:active:not(:disabled){transform:translateY(-1px)}.btn-abrir-caja:disabled{background:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.apertura-info{background:#f8f9fa;padding:20px;border-radius:12px;text-align:left;border-left:4px solid #667eea}.apertura-info p{margin:0 0 12px;color:#2c3e50;font-size:14px}.apertura-info ul{margin:0;padding-left:20px}.apertura-info li{color:#7f8c8d;font-size:13px;line-height:1.8;margin-bottom:8px}@media(max-width:600px){.apertura-caja-card{padding:30px 20px}.apertura-icono{font-size:56px}.apertura-caja-card h2{font-size:24px}.input-monto input{font-size:20px}}.buscador-productos{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #00000014;position:relative}.buscador-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}.input-group{display:flex;flex-direction:column}.input-group label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.shortcut-hint{font-size:11px;color:#95a5a6;font-weight:400;background:#ecf0f1;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.input-wrapper{position:relative}.input-group input{width:100%;padding:12px 40px 12px 14px;border:2px solid #dfe6e9;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group input:disabled{background:#f8f9fa;cursor:not-allowed}.input-group input.input-error{border-color:#e74c3c}.loading-spinner-small{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #ecf0f1;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:#e74c3c;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-button:hover{background:#c0392b;transform:translateY(-50%) scale(1.1)}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.resultados-busqueda{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:2px solid #dfe6e9;border-radius:10px;margin-top:5px;max-height:420px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #00000026;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.resultados-busqueda::-webkit-scrollbar{width:8px}.resultados-busqueda::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 10px 10px 0}.resultados-busqueda::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.resultados-busqueda::-webkit-scrollbar-thumb:hover{background:#94a3b8}.resultado-item{padding:14px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;position:relative}.resultado-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.resultado-item:hover,.resultado-item.selected{background:linear-gradient(90deg,#f8f9ff,#f1f5f9);border-left:4px solid #667eea}.resultado-item.selected{background:linear-gradient(90deg,#eef2ff,#e0e7ff)}.resultado-item.sin-stock{opacity:.6;cursor:not-allowed;background:#fff3cd}.resultado-item.sin-stock:hover{background:#ffe69c;border-left:4px solid #e74c3c}.resultado-item.stock-bajo{background:#fff9e6}.resultado-item.stock-bajo:hover{background:#fff3cd;border-left:4px solid #f39c12}.resultado-info{display:flex;flex-direction:column;gap:6px;flex:1}.resultado-nombre{font-size:15px;font-weight:600;color:#2c3e50;line-height:1.4}.resultado-marca{color:#7f8c8d;font-weight:400;font-size:13px}.resultado-detalles{display:flex;gap:16px;font-size:13px;color:#7f8c8d;flex-wrap:wrap}.resultado-codigo{color:#95a5a6;font-family:Courier New,monospace}.resultado-precio{color:#27ae60;font-weight:700;font-size:14px}.resultado-stock{color:#3498db;font-weight:500}.resultado-stock.bajo{color:#f39c12;font-weight:600}.resultado-stock.sin-stock{color:#e74c3c;font-weight:700}.resultado-categoria{color:#9b59b6;font-size:12px}.selected-indicator{font-size:18px;color:#667eea;font-weight:700;margin-left:12px}.no-resultados{padding:40px 20px;text-align:center;color:#7f8c8d;display:flex;flex-direction:column;align-items:center;gap:8px}.no-resultados-icon{font-size:48px;opacity:.3}.no-resultados p{font-size:16px;font-weight:600;margin:0}.no-resultados small{font-size:13px;opacity:.7}.keyboard-hints{display:flex;gap:12px;padding:12px 0 0;border-top:1px solid #ecf0f1;margin-top:12px;justify-content:center;flex-wrap:wrap}.keyboard-hints span{font-size:11px;color:#95a5a6;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;border:1px solid #e9ecef}@media(max-width:968px){.buscador-inputs{grid-template-columns:1fr}.keyboard-hints{justify-content:flex-start}}@media(max-width:768px){.buscador-productos{padding:15px}.resultado-detalles{flex-direction:column;gap:4px}.keyboard-hints{display:none}}@media(prefers-reduced-motion:reduce){.buscador-productos *,.resultado-item,.clear-button{animation:none!important;transition:none!important}}.resultado-item:focus-visible{outline:2px solid #667eea;outline-offset:-2px}@media(prefers-contrast:high){.input-group input{border-width:3px}.resultado-item.selected{border-left-width:6px}}.buscador-clientes-modal{width:750px;max-width:92vw;padding:0;border-radius:16px}.buscador-clientes-content{min-height:320px;max-height:620px;overflow-y:auto;padding:24px}.buscador-clientes-content::-webkit-scrollbar{width:8px}.buscador-clientes-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px}.buscador-clientes-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:8px;border:2px solid #f3f4f6}.busqueda-input{position:relative;margin-bottom:20px}.busqueda-input input{width:100%;padding:14px 48px 14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.busqueda-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 6px -1px #0000001a}.busqueda-input:before{content:"🔍";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.clientes-lista{display:flex;flex-direction:column;gap:12px}.cliente-item{padding:18px;border:2px solid #f3f4f6;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.cliente-item:hover{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff);transform:translateY(-2px);box-shadow:0 10px 15px -3px #667eea1a,0 4px 6px -2px #667eea0d}.cliente-item:active{transform:translateY(0)}.cliente-info-principal{display:flex;gap:16px;align-items:center;margin-bottom:10px}.cliente-info-principal strong{font-size:17px;font-weight:700;color:#111827;letter-spacing:-.025em}.cliente-dni{color:#6b7280;font-size:14px;font-weight:600;background:#f3f4f6;padding:4px 12px;border-radius:6px;letter-spacing:.025em}.cliente-info-secundaria{display:flex;gap:16px;font-size:13px;color:#6b7280;flex-wrap:wrap;font-weight:500}.cliente-info-secundaria span{display:flex;align-items:center;gap:6px}.cliente-credito{color:#059669;font-weight:700;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:4px 12px;border-radius:6px;border:1px solid #34d399}.cliente-deuda{color:#dc2626;font-weight:700;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:4px 12px;border-radius:6px;border:1px solid #f87171}.mensaje-inicial{padding:60px 24px;text-align:center;color:#9ca3af}.mensaje-inicial p{font-size:16px;margin-bottom:12px;font-weight:600;color:#6b7280}.mensaje-inicial small{font-size:14px;color:#9ca3af}.no-resultados{padding:60px 24px;text-align:center}.no-resultados p{font-size:16px;color:#6b7280;font-weight:600;margin-bottom:8px}.no-resultados small{font-size:14px;color:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(40px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:21px;font-weight:700;color:#fff;letter-spacing:-.025em}.modal-close{padding:0;width:40px;height:40px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:28px;cursor:pointer;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#ffffff40;transform:scale(1.05)}.modal-close:active{transform:scale(.95)}@media(max-width:768px){.buscador-clientes-modal{width:100%;max-width:none;margin:0;border-radius:12px}.buscador-clientes-content{padding:20px}.cliente-info-secundaria{flex-direction:column;gap:10px}.cliente-info-principal{flex-direction:column;align-items:flex-start}}.loading-spinner-small{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.tabla-detalles{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;display:flex;flex-direction:column;max-height:600px;color:#2c3e50}.tabla-detalles-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:3px solid rgba(255,255,255,.2)}.tabla-detalles-header h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.header-stats{display:flex;gap:20px}.stat{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{font-size:12px;opacity:.9}.stat-value{font-weight:700;font-size:16px}.stat.ahorro{background:#2ed57333;border:1px solid rgba(46,213,115,.3)}.tabla-detalles-scroll{flex:1;overflow-y:auto;overflow-x:auto}.tabla-detalles-scroll::-webkit-scrollbar{width:10px;height:10px}.tabla-detalles-scroll::-webkit-scrollbar-track{background:#f1f3f5}.tabla-detalles-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.tabla-detalles-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}table{width:100%;border-collapse:collapse;min-width:900px}thead{position:sticky;top:0;z-index:10;background:#f8f9fa}th{padding:14px 12px;text-align:left;font-weight:700;color:#2c3e50;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.col-num{width:50px;text-align:center}.col-producto{width:auto;min-width:300px}.col-cantidad{width:120px}.col-precio{width:140px}.col-descuento{width:110px}.col-subtotal{width:140px;text-align:right}.col-acciones{width:120px;text-align:center}tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f3f5}tbody tr:hover{background:linear-gradient(90deg,#f8f9ff,#fff);box-shadow:0 2px 8px #667eea14}tbody tr.con-descuento{background:linear-gradient(90deg,#fff9e6,#fff)}tbody tr.stock-excedido{background:linear-gradient(90deg,#ffe6e6,#fff)}tbody tr.stock-excedido:hover{background:linear-gradient(90deg,#ffd4d4,#fff)}td{padding:14px 12px;vertical-align:middle;font-size:14px}.item-numero{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;font-size:12px}.producto-info{display:flex;flex-direction:column;gap:6px}.producto-nombre{font-size:15px;font-weight:600;color:#2c3e50;line-height:1.4;display:flex;align-items:center;gap:8px}.badge-descuento{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border-radius:12px;font-size:11px;font-weight:700}.producto-detalles{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#7f8c8d}.producto-codigo{font-family:Courier New,monospace;background:#f1f3f5;padding:2px 6px;border-radius:4px;color:#64748b}.producto-stock{color:#3498db}.producto-stock strong{font-weight:700;color:#2980b9}.producto-categoria{color:#9b59b6;background:#f3e5f5;padding:2px 8px;border-radius:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-cantidad,.input-precio,.input-descuento{width:100%;padding:8px 12px;border:2px solid #dfe6e9;border-radius:8px;font-size:14px;font-weight:600;text-align:right;transition:all .2s;font-family:inherit}.input-cantidad:focus,.input-precio:focus,.input-descuento:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-cantidad.error{border-color:#e74c3c;background:#fee}.input-cantidad.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.input-error-icon{position:absolute;right:-28px;font-size:18px;animation:shake .5s ease infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.input-prefix,.input-suffix{position:absolute;font-size:13px;font-weight:600;color:#7f8c8d}.input-prefix{left:10px}.input-suffix{right:10px}.input-precio{padding-left:30px}.input-descuento{padding-right:30px}.subtotal-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subtotal-monto{font-size:16px;font-weight:700;color:#27ae60}.subtotal-ahorro{font-size:11px;color:#f39c12;background:#fff3cd;padding:2px 8px;border-radius:4px}.btn-eliminar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #e74c3c33}.btn-eliminar:hover{background:linear-gradient(135deg,#ee5a52,#e74c3c);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.btn-eliminar:active{transform:translateY(0)}.btn-eliminar-icono{font-size:16px}.btn-eliminar-texto{display:none}@media(min-width:1200px){.btn-eliminar-texto{display:inline}}.tabla-detalles-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:2px solid #e9ecef}.footer-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#64748b}.footer-item{display:flex;align-items:center;gap:4px}.footer-item strong{color:#2c3e50;font-weight:700}.footer-item.ahorro,.footer-item.ahorro strong{color:#27ae60}.footer-separator{color:#cbd5e1;font-weight:700}.footer-subtotal{display:flex;align-items:center;gap:12px;font-size:16px}.footer-subtotal span{color:#64748b}.footer-subtotal strong{font-size:20px;font-weight:700;color:#27ae60}.tabla-detalles-vacia{padding:80px 40px;text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.vacia-animacion{position:relative;margin-bottom:30px}.vacia-icono{font-size:80px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.vacia-lineas{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);display:flex;gap:6px}.vacia-lineas span{display:block;width:6px;height:6px;background:#cbd5e1;border-radius:50%;animation:bounce 1.5s ease-in-out infinite}.vacia-lineas span:nth-child(2){animation-delay:.2s}.vacia-lineas span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tabla-detalles-vacia h3{margin:0 0 10px;font-size:24px;color:#2c3e50;font-weight:700}.tabla-detalles-vacia p{margin:0 0 25px;font-size:16px;color:#7f8c8d}.vacia-instrucciones{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.vacia-instrucciones span{font-size:13px;color:#64748b;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 6px #00000014}.vacia-instrucciones kbd{font-family:Courier New,monospace;background:#667eea;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;margin:0 4px}@media(max-width:1024px){.tabla-detalles-header{flex-direction:column;align-items:flex-start;gap:12px}.header-stats{width:100%;justify-content:space-between}.stat{flex:1;justify-content:center}}@media(max-width:768px){.tabla-detalles{border-radius:0;max-height:none}.tabla-detalles-scroll{overflow-x:auto}.tabla-detalles-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-info{flex-wrap:wrap}.footer-subtotal{justify-content:space-between;padding-top:12px;border-top:1px solid #e9ecef}.vacia-instrucciones{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.tabla-detalles *,.btn-eliminar,.vacia-icono,.vacia-lineas span{animation:none!important;transition:none!important}}.btn-eliminar:focus-visible,input:focus-visible{outline:3px solid #667eea;outline-offset:2px}.resumen-venta-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;overflow:hidden;margin-bottom:20px;animation:slideInRight .4s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.resumen-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;color:#fff}.resumen-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resumen-icon svg{color:#fff}.resumen-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.3px}.resumen-body{background:#fff;padding:20px;border-radius:12px 12px 0 0}.resumen-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.resumen-row:last-child{border-bottom:none}.resumen-row .label{font-size:14px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px}.resumen-row .value{font-size:16px;font-weight:600;color:#1e293b}.descuento-row{background:linear-gradient(90deg,#10b9810d,#10b98100);margin:0 -20px;padding:12px 20px;border-left:4px solid #10b981}.descuento-row .label{color:#059669}.descuento-row .label svg{color:#10b981}.descuento-value{color:#10b981!important;font-size:17px!important}.resumen-total-wrapper{background:#fff;padding:0 20px 20px}.resumen-total{display:flex;flex-direction:column;gap:8px;padding:20px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px;border:2px solid #e0e7ff}.total-label{font-size:12px;font-weight:700;color:#6366f1;letter-spacing:1px;text-transform:uppercase}.total-amount{font-size:32px;font-weight:800;color:#4f46e5;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resumen-footer{background:#fff;padding:0 20px 20px}.resumen-info-badge{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.resumen-info-badge svg{color:#64748b;flex-shrink:0}.resumen-info-badge span{font-size:12px;color:#64748b;font-weight:500}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.total-amount{animation:pulse 2s ease-in-out infinite}.resumen-venta-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66;transition:all .3s ease}@media(max-width:768px){.resumen-venta-card{border-radius:12px}.resumen-header,.resumen-body{padding:16px}.resumen-total-wrapper{padding:0 16px 16px}.total-amount{font-size:28px}.resumen-row .value{font-size:15px}}@media(prefers-color-scheme:dark){.resumen-body,.resumen-total-wrapper,.resumen-footer{background:#1e293b}.resumen-row{border-bottom-color:#334155}.resumen-row .label{color:#94a3b8}.resumen-row .value{color:#f1f5f9}.resumen-info-badge{background:#334155;border-color:#475569}.resumen-info-badge span,.resumen-info-badge svg{color:#94a3b8}}.forma-pago-modal{width:600px;max-width:90vw;padding:0}.forma-pago-form{display:flex;flex-direction:column;gap:20px;padding:20px}.forma-pago-form label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.forma-pago-form input,.forma-pago-form select{width:100%;padding:10px 12px;border:2px solid #dfe6e9;border-radius:6px;font-size:14px;color:#fff}.forma-pago-form input:focus,.forma-pago-form select:focus{outline:none;border-color:#667eea}.forma-pago-form input.input-readonly{background:#f8f9fa;color:#7f8c8d;cursor:not-allowed}.info-item{display:flex;justify-content:space-between;font-size:14px;color:#2c3e50}.text-primary{color:#667eea}.metodo-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:2px solid #dfe6e9;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;color:#2c3e50}.monto-input-group input{flex:1}.btn-saldo-completo{padding:10px 15px;background:#00b894;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;transition:background .2s}.monto-rapido-btn{padding:8px 15px;background:#f8f9fa;border:1px solid #dfe6e9;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;color:#2c3e50}.vuelto-info{display:flex;justify-content:space-between;align-items:center;padding:15px;background:linear-gradient(135deg,#00b894,#00a085);border-radius:8px;color:#fff;font-size:16px}.vuelto-monto{font-size:24px;font-weight:700}.btn-cancelar{padding:12px;background:#ecf0f1;color:#7f8c8d;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.btn-cancelar:hover{background:#bdc3c7;color:#2c3e50}.forma-pago-form{display:flex;flex-direction:column;gap:20px}.pago-info{background:#f8f9fa;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;font-size:14px}.info-item.saldo{padding-top:8px;border-top:2px solid #ecf0f1;font-size:16px;font-weight:600}.metodos-pago{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metodo-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:2px solid #dfe6e9;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.metodo-btn:hover{border-color:#667eea;background:#f8f9ff}.metodo-btn.active{border-color:#667eea;background:#667eea;color:#fff}.metodo-icon{font-size:24px}.monto-input-group{display:flex;gap:10px;align-items:center}.monto-prefix{padding:10px 15px;background:#ecf0f1;border-radius:6px;font-weight:600;color:#2c3e50}.monto-input-group input{flex:1;padding:10px;border:2px solid #dfe6e9;border-radius:6px;font-size:16px;color:#fff}.monto-input-group input:focus{outline:none;border-color:#667eea}.btn-saldo-completo{padding:10px 15px;background:#00b894;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:13px}.btn-saldo-completo:hover{background:#00a085}.montos-rapidos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.monto-rapido-btn{padding:8px 15px;background:#f8f9fa;border:1px solid #dfe6e9;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.monto-rapido-btn:hover{background:#ecf0f1;border-color:#667eea}.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:10px}.btn-agregar{padding:12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .2s}.btn-agregar:hover{background:#5568d3}@media(max-width:768px){.metodos-pago{grid-template-columns:repeat(3,1fr)}.monto-input-group{flex-direction:column;align-items:stretch}.form-actions{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-ticket-container{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(60px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-ticket-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.modal-ticket-header h2{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.025em}.btn-close-modal{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:28px;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1}.btn-close-modal:hover{background:#ffffff40;transform:rotate(90deg) scale(1.05)}.modal-ticket-content{flex:1;overflow-y:auto;padding:32px;background:linear-gradient(180deg,#f9fafb,#fff)}.modal-ticket-content::-webkit-scrollbar{width:10px}.modal-ticket-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.modal-ticket-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:10px;border:2px solid #f3f4f6}.modal-ticket-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)}.ticket{background:#fff;padding:28px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6;border:2px dashed #d1d5db;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#1f2937}.ticket *{color:#1f2937}.ticket-header{text-align:center;margin-bottom:18px;padding-bottom:18px;border-bottom:2px dashed #000000}.empresa-nombre{font-size:19px;font-weight:800;margin-bottom:6px;text-transform:uppercase;color:#000;letter-spacing:.5px}.empresa-ruc{font-size:13px;margin-bottom:4px;font-weight:700;color:#000}.empresa-direccion,.empresa-telefono{font-size:11px;color:#374151;margin-bottom:3px;line-height:1.4}.ticket-tipo{text-align:center;font-weight:800;font-size:16px;margin:18px 0;padding:10px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:8px;color:#000;letter-spacing:1px}.ticket-info{margin-bottom:18px;font-size:12px}.ticket-info div{margin-bottom:6px;display:flex;justify-content:space-between;padding:2px 0}.ticket-info strong{min-width:135px;font-weight:700;color:#000}.ticket-info div>span:last-child{color:#374151}.ticket-productos{border-top:2px dashed #000000;border-bottom:2px dashed #000000;padding:18px 0;margin:18px 0}.producto-header{font-weight:800;border-bottom:2px solid #000000;padding-bottom:6px;margin-bottom:12px;display:grid;grid-template-columns:2fr 1fr 1fr;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#000}.producto-nombre{font-size:11px;margin-bottom:4px;font-weight:700;color:#000;line-height:1.3}.producto-item{display:grid;grid-template-columns:2fr 1fr 1fr;margin-bottom:10px;font-size:12px;padding:4px 0;border-bottom:1px dotted #d1d5db;color:#374151}.producto-item:last-child{border-bottom:none}.ticket-totales{margin-top:18px;border-top:1px dashed #000000;padding-top:18px;font-size:12px}.ticket-totales>div{display:flex;justify-content:space-between;margin-bottom:6px;padding:2px 0;color:#374151}.ticket-totales>div>span:first-child{font-weight:600}.ticket-totales>div>span:last-child{font-weight:700}.total-final{font-weight:800;font-size:17px;margin-top:12px;padding-top:12px;border-top:3px double #000000;color:#000}.total-final>span{color:#000}.ticket-pagos{margin-top:18px;padding-top:12px;border-top:1px dashed #9ca3af}.ticket-pagos>div:first-child{font-weight:800;margin-bottom:8px;color:#000}.ticket-pagos>div>div{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:#374151}.ticket-footer{text-align:center;margin-top:22px;padding-top:18px;border-top:2px dashed #000000;font-size:11px}.ticket-footer p{margin-bottom:6px;color:#6b7280}.ticket-gracias{font-weight:800;font-size:15px;margin-top:12px;color:#000;letter-spacing:.5px}.modal-ticket-actions{padding:24px 28px;border-top:1px solid #e5e7eb;display:flex;gap:14px;justify-content:flex-end;background:#f9fafb;border-radius:0 0 20px 20px}.btn-cancelar,.btn-imprimir{padding:14px 28px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px;letter-spacing:.025em}.btn-cancelar{background:#6b7280;color:#fff;box-shadow:0 1px 3px #0000001a}.btn-cancelar:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-imprimir{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.btn-imprimir:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #667eea66}.btn-imprimir:active,.btn-cancelar:active{transform:translateY(0)}@media(max-width:768px){.modal-ticket-container{width:96%;max-width:none;border-radius:16px}.modal-ticket-header{padding:20px 24px;border-radius:16px 16px 0 0}.modal-ticket-content{padding:20px}.ticket{padding:20px;font-size:12px}.modal-ticket-actions{flex-direction:column;padding:20px 24px;border-radius:0 0 16px 16px}.btn-cancelar,.btn-imprimir{width:100%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ticket-puntos{animation:pulse 2s ease-in-out infinite;margin-top:12px;padding:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;text-align:center;border-radius:8px;font-weight:800;color:#92400e;font-size:13px}.cierre-caja-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .3s;padding:1rem;overflow-y:auto}.cierre-caja-container{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cierre-caja-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.cierre-caja-header h2{margin:0;font-size:1.75rem;font-weight:800;color:#1e293b}.btn-close-cierre{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;color:#64748b;transition:all .3s}.btn-close-cierre:hover{background:#e2e8f0;transform:rotate(90deg)}.cierre-resumen{padding:2rem;background:#f8fafc}.cierre-resumen h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1e293b}.resumen-grid-cierre{display:flex;flex-direction:column;gap:.75rem}.resumen-item-cierre{display:flex;justify-content:space-between;padding:.875rem 1.25rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.resumen-item-cierre.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.resumen-item-cierre.total{font-weight:600;background:#f1f5f9}.resumen-item-cierre.total-final{font-weight:700;font-size:1.125rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.resumen-separator{text-align:center;font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;margin:.5rem 0}.resumen-item-cierre .label{color:#475569;font-weight:500}.resumen-item-cierre .value{color:#1e293b;font-weight:700;font-family:Courier New,monospace}.resumen-item-cierre .value.success{color:#10b981}.resumen-item-cierre .value.danger{color:#ef4444}.cierre-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group-cierre{display:flex;flex-direction:column;gap:.5rem}.form-group-cierre label{font-weight:600;color:#1e293b;font-size:1rem}.input-monto-cierre{position:relative}.input-monto-cierre .simbolo{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:700;color:#64748b}.input-monto-cierre input{width:100%;padding:1.125rem 1.25rem 1.125rem 3.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;transition:all .3s}.input-monto-cierre input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.diferencia-box{padding:1.5rem;border-radius:12px;text-align:center;animation:fadeIn .3s}.diferencia-box.exacto{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.diferencia-box.sobrante{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.diferencia-box.faltante{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.diferencia-label{font-size:.875rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.diferencia-monto{font-size:2rem;font-weight:800;font-family:Courier New,monospace}.form-group-cierre textarea{padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s}.form-group-cierre textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.cierre-actions{display:flex;gap:1rem;padding-top:1rem;border-top:2px solid #e5e7eb}.btn-cancelar-cierre,.btn-cerrar-caja{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancelar-cierre{background:#f1f5f9;color:#475569}.btn-cancelar-cierre:hover:not(:disabled){background:#e2e8f0}.btn-cerrar-caja{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-cerrar-caja:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-cerrar-caja:disabled,.btn-cancelar-cierre:disabled{opacity:.5;cursor:not-allowed}.cierre-caja-loading{display:flex;align-items:center;justify-content:center;padding:4rem;font-size:1.125rem;color:#64748b}@media(max-width:768px){.cierre-caja-header,.cierre-resumen,.cierre-form{padding:1.5rem}.input-monto-cierre input{font-size:1.25rem}.diferencia-monto{font-size:1.5rem}.cierre-actions{flex-direction:column}}.anulacion-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.anulacion-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:900px;width:100%;margin:40px 0;max-height:90vh;display:flex;flex-direction:column}.anulacion-loading{padding:80px 40px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.anulacion-loading p{color:#6b7280;font-size:14px}.anulacion-error{padding:24px}.error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.error-header{display:flex;align-items:flex-start;gap:12px;color:#b91c1c;margin-bottom:20px}.error-header svg{flex-shrink:0}.error-header h3{font-size:16px;font-weight:600;margin:0 0 4px}.error-header p{font-size:14px;margin:0}.btn-error-close{width:100%;padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-error-close:hover{background:#b91c1c}.anulacion-warning{padding:24px}.warning-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:24px}.warning-header{display:flex;align-items:flex-start;gap:12px;color:#92400e;margin-bottom:20px}.warning-header svg{flex-shrink:0;color:#f59e0b}.warning-header h3{font-size:18px;font-weight:600;margin:0 0 8px}.warning-header p{font-size:14px;margin:8px 0}.warning-header strong{color:#78350f}.btn-warning-close{width:100%;padding:12px 24px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-warning-close:hover{background:#d97706}.anulacion-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca;padding:24px;border-radius:16px 16px 0 0}.anulacion-header-content{display:flex;align-items:flex-start;gap:16px}.anulacion-icon{background:#dc2626;border-radius:50%;padding:12px;color:#fff;flex-shrink:0}.anulacion-title-section{flex:1}.anulacion-title-section h2{font-size:20px;font-weight:700;color:#7f1d1d;margin:0 0 4px}.anulacion-title-section p{font-size:14px;color:#991b1b;margin:0}.anulacion-title-section span{font-family:Courier New,monospace;font-weight:600}.anulacion-totales-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.total-box{background:#ffffff80;border-radius:8px;padding:12px}.total-label{display:block;font-size:11px;color:#991b1b;font-weight:500;margin-bottom:4px}.total-value{display:block;font-size:16px;font-weight:700;color:#7f1d1d}.anulacion-close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s;color:#991b1b}.anulacion-close-btn:hover{background:#dc26261a}.anulacion-body{padding:24px;max-height:60vh;overflow-y:auto}.tipo-anulacion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tipo-anulacion-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;text-align:left;transition:all .3s}.tipo-anulacion-card:hover{border-color:#dc2626;box-shadow:0 10px 15px -3px #0000001a}.tipo-anulacion-card.tipo-parcial:hover{border-color:#f59e0b}.card-arrow{position:absolute;top:16px;right:16px;color:#9ca3af;transition:color .3s}.tipo-anulacion-card:hover .card-arrow{color:#dc2626}.tipo-anulacion-card.tipo-parcial:hover .card-arrow{color:#f59e0b}.card-icon{background:#fef2f2;border-radius:8px;padding:12px;display:inline-flex;margin-bottom:12px;color:#dc2626;transition:all .3s}.tipo-anulacion-card:hover .card-icon{background:#dc2626;color:#fff}.tipo-anulacion-card.tipo-parcial .card-icon{background:#fffbeb;color:#f59e0b}.tipo-anulacion-card.tipo-parcial:hover .card-icon{background:#f59e0b;color:#fff}.card-content h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.card-content p{font-size:14px;color:#6b7280;margin:0 0 12px}.card-content ul{list-style:none;padding:0;margin:0}.card-content li{font-size:12px;color:#6b7280;margin:4px 0}.anulacion-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.form-header{background:#fef2f2;padding:20px 24px;border-bottom:1px solid #fecaca;display:flex;align-items:center;justify-content:space-between}.form-header h3{font-size:16px;font-weight:700;color:#7f1d1d;margin:0}.form-close{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s}.form-close:hover{color:#6b7280}.form-body{padding:24px}.impacto-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.impacto-box h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#7f1d1d;margin:0 0 12px}.impacto-box ul{list-style:none;padding:0;margin:0}.impacto-box li{display:flex;align-items:center;gap:8px;font-size:13px;color:#991b1b;margin:8px 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required{color:#dc2626}.form-group textarea,.form-group select,.form-group input[type=number]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-group textarea:focus,.form-group select:focus,.form-group input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:none}.form-hint{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#6b7280}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#991b1b;margin-bottom:20px}.error-message p{font-size:13px;margin:0}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-secondary,.btn-danger,.btn-warning{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-secondary:disabled,.btn-danger:disabled,.btn-warning:disabled{opacity:.5;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.productos-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.producto-item{border:2px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s}.producto-item:hover{border-color:#d1d5db}.producto-item.seleccionado{border-color:#f59e0b;background:#fffbeb}.producto-item{display:flex;gap:16px}.producto-checkbox input{width:20px;height:20px;cursor:pointer}.producto-info{flex:1}.producto-header{display:flex;justify-content:space-between;gap:16px}.producto-header h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.producto-detalles{display:flex;gap:12px;font-size:13px;color:#6b7280}.producto-total p{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px;text-align:right}.producto-total .anuladas{font-size:11px;color:#dc2626}.cantidad-selector{display:flex;align-items:center;gap:12px;margin-top:12px}.cantidad-selector label{font-size:13px;font-weight:500;color:#374151}.cantidad-selector input{width:80px;padding:8px 12px;border:1px solid #f59e0b;border-radius:6px;font-size:14px}.cantidad-selector span{font-size:13px;color:#6b7280}.resumen-anulacion{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px;margin-bottom:20px}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.resumen-item span{font-size:13px;color:#78350f}.resumen-item strong{font-size:20px;font-weight:700;color:#78350f}.anulacion-footer{background:#f9fafb;padding:16px 24px;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;display:flex;justify-content:flex-end}.btn-cerrar{padding:10px 24px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-cerrar:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.anulacion-overlay{padding:0}.anulacion-container{border-radius:0;margin:0;max-height:100vh}.tipo-anulacion-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.anulacion-totales-header{grid-template-columns:1fr}}.ae-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:1rem}.ae-content{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #0000004d;animation:ae-slide-in .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes ae-slide-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ae-header{background:linear-gradient(135deg,#10b981,#059669);padding:2rem 1.5rem;text-align:center;color:#fff}.ae-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff3;border-radius:50%;margin-bottom:1rem}.ae-icon-wrap svg{width:36px;height:36px;color:#fff}.ae-header h2{font-size:1.375rem;font-weight:700;margin:0 0 .375rem;color:#fff}.ae-header p{font-size:.9rem;color:#ffffffd9;margin:0}.ae-body{padding:1.5rem;display:flex;flex-direction:column;gap:.625rem}.ae-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.ae-row-highlight{background:#ecfdf5;border-color:#a7f3d0}.ae-row-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.ae-row-label svg{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.ae-row-value{font-size:.9375rem;font-weight:700;color:#111827}.ae-note{margin-top:.25rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.8125rem;color:#3b82f6;line-height:1.5}.ae-note strong{color:#1d4ed8}.ae-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.ae-btn-imprimir,.ae-btn-cerrar{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ae-btn-imprimir svg,.ae-btn-cerrar svg{width:16px;height:16px}.ae-btn-imprimir{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ae-btn-imprimir:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.ae-btn-imprimir:disabled{opacity:.5;cursor:not-allowed}.ae-btn-cerrar{background:#f3f4f6;color:#374151}.ae-btn-cerrar:hover{background:#e5e7eb}@media(max-width:480px){.ae-footer{flex-direction:column-reverse}.ae-btn-imprimir,.ae-btn-cerrar{width:100%;justify-content:center}}.bav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#fff5f5;color:#c62828;border:1px solid #ffcdd2;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.bav-btn:hover{background-color:#ffebee;border-color:#ef9a9a;color:#b71c1c}.bav-btn:disabled{opacity:.5;cursor:not-allowed}.bav-btn svg{width:16px;height:16px;flex-shrink:0}.bav-badge-anulada{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f5f5f5;color:#757575;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #e0e0e0}.bav-badge-anulada svg{width:14px;height:14px}.bav-overlay{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:flex-start;justify-content:center;z-index:10002;padding:24px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:bav-fade-in .2s ease-out}@keyframes bav-fade-in{0%{opacity:0}to{opacity:1}}.bav-modal-wrap{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;margin:auto;animation:bav-slide-in .3s ease-out}@keyframes bav-slide-in{0%{transform:translateY(-20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:640px){.bav-overlay{padding:12px 8px}.bav-btn{padding:8px 12px;font-size:13px}}.detalle-venta-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto;color:#991b1b}.detalle-venta-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:1200px;width:100%;margin:2rem auto;max-height:90vh;display:flex;flex-direction:column}.detalle-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1.5rem;border-radius:16px 16px 0 0}.detalle-header-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.detalle-title{font-size:1.5rem;font-weight:700;margin:0}.detalle-numero{color:#ffffffe6;margin-top:.25rem;font-family:Courier New,monospace;font-size:1.125rem}.detalle-close-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s}.detalle-close-btn:hover{background:#fff3}.detalle-header-actions{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.detalle-actions-buttons{display:flex;gap:.5rem}.btn-imprimir{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#2563eb;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-imprimir:hover{background:#fffffff2;transform:translateY(-1px)}.detalle-body{padding:1.5rem;overflow-y:auto;flex:1}.detalle-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.info-card{background:#f9fafb;border-radius:12px;padding:1rem}.info-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.info-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.info-icon-blue{background:#dbeafe;color:#2563eb}.info-icon-green{background:#d1fae5;color:#059669}.info-icon-purple{background:#e9d5ff;color:#9333ea}.info-card h3{font-size:.875rem;font-weight:600;color:#111827!important;margin:0}.info-value{font-size:1rem;font-weight:600;color:#111827!important;margin:0 0 .25rem}.info-detail{font-size:.875rem;color:#6b7280!important;margin:0}.info-puntos{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#d97706}.detalle-tabs{display:flex;gap:.25rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#111827}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{min-height:300px}.pagos-list{display:flex;flex-direction:column;gap:1rem}.pago-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:12px}.pago-info{display:flex;align-items:center;gap:1rem}.pago-icon{width:48px;height:48px;background:#d1fae5;color:#059669;border-radius:12px;display:flex;align-items:center;justify-content:center}.pago-metodo{font-weight:600;color:#111827!important;margin:0 0 .25rem}.pago-fecha{font-size:.875rem;color:#6b7280!important;margin:0}.pago-operacion{font-size:.75rem;color:#9ca3af!important;margin:.25rem 0 0}.pago-monto-container{text-align:right}.pago-monto{font-size:1.25rem;font-weight:700;color:#111827!important;margin:0 0 .5rem}.pago-estado{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.pago-estado.completado{background:#d1fae5;color:#059669}.pago-estado.anulado{background:#fee2e2;color:#dc2626}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-section{background:#f9fafb;padding:1rem;border-radius:12px}.info-section-title{font-size:1rem;font-weight:600;color:#111827!important;margin:0 0 1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;color:#6b7280!important}.info-text{font-weight:500;color:#111827!important;text-transform:capitalize}.info-puntos-box{display:flex;align-items:center;gap:.75rem;background:#fef3c7;border:1px solid #fde047;padding:.75rem;border-radius:8px;margin-top:1rem;color:#92400e}.puntos-label{font-size:.75rem;margin:0}.puntos-value{font-size:1.125rem;font-weight:600;margin:.25rem 0 0}.detalle-totales{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:1.5rem;margin-top:1.5rem}.totales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.total-item{display:flex;flex-direction:column}.total-label{font-size:.875rem;color:#1e40af;margin-bottom:.25rem}.total-value{font-size:1.25rem;font-weight:700;color:#1e3a8a}.total-descuento{color:#dc2626}.total-principal .total-label{font-size:.875rem}.total-principal .total-value{font-size:1.5rem}.saldo-pendiente{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #93c5fd}.saldo-item{display:flex;flex-direction:column}.saldo-item span:first-child{font-size:.875rem;color:#1e40af;margin-bottom:.25rem}.saldo-pagado{font-size:1.125rem;font-weight:600;color:#1e3a8a}.saldo-debe{font-size:1.125rem;font-weight:600;color:#991b1b}.monto-anulado{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #93c5fd;color:#dc2626;font-weight:600}.detalle-notas{margin-top:1.5rem}.detalle-notas h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.detalle-notas p{background:#f9fafb;padding:1rem;border-radius:8px;color:#374151;margin:0}.info-anulacion{margin-top:1.5rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;padding:1rem}.info-anulacion h4{font-size:1rem;font-weight:600;color:#991b1b;margin:0 0 .75rem}.anulacion-detalles{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#991b1b}.anulacion-detalles>div{display:flex;justify-content:space-between}.anulacion-detalles span{color:#991b1b;font-weight:500}.detalle-footer{background:#f9fafb;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;display:flex;justify-content:flex-end}.btn-cerrar{padding:.5rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-cerrar:hover{background:#f3f4f6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af}.empty-state svg{margin-bottom:1rem}.empty-state p{margin:0;font-size:.875rem}@media(max-width:768px){.detalle-venta-container{margin:0;max-height:100vh;border-radius:0}.detalle-header{border-radius:0}.detalle-info-grid,.totales-grid,.info-grid{grid-template-columns:1fr}.detalle-header-actions{flex-direction:column;gap:1rem;align-items:flex-start}.detalle-actions-buttons{width:100%;justify-content:space-between}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fef3c7;--danger-color: #ef4444;--danger-light: #fee2e2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition: all .2s ease-in-out}.ventas-container{min-height:100vh;background-color:var(--gray-50)}.ventas-header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.ventas-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.ventas-title{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin:0}.ventas-subtitle{color:var(--gray-600);margin:.25rem 0 0;font-size:.875rem}.btn-actualizar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-actualizar:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-actualizar .icon{width:1.25rem;height:1.25rem}.ventas-content{max-width:1280px;margin:0 auto;padding:2rem 1rem}.search-filter-container{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:1.5rem;margin-bottom:1.5rem}.search-row{display:flex;gap:1rem;align-items:center}.search-input-container{flex:1;position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--gray-400)}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.btn-buscar{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-buscar:hover{background-color:var(--primary-hover)}.btn-filtros{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-filtros:hover{background-color:var(--gray-200)}.btn-filtros.active{background-color:var(--gray-800);color:#fff}.btn-filtros .icon{width:1.25rem;height:1.25rem}.filter-badge{background-color:var(--primary-color);color:#fff;font-size:.75rem;border-radius:9999px;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.filtros-avanzados{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.input-icon{position:relative}.icon-left{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--gray-400)}.form-input,.form-select{width:100%;padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}.form-input{padding-left:2.5rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filtros-actions{display:flex;gap:.75rem}.btn-aplicar-filtros{flex:1;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.btn-aplicar-filtros:hover{background-color:var(--primary-hover)}.btn-limpiar-filtros{padding:.5rem 1rem;background-color:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-limpiar-filtros:hover{background-color:var(--gray-200)}.btn-limpiar-filtros .icon{width:1rem;height:1rem}.ventas-table-container{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;color:#991b1b}.table-wrapper{overflow-x:auto}.ventas-table{width:100%;border-collapse:collapse}.ventas-table thead{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200)}.ventas-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.ventas-table th.text-right{text-align:right}.ventas-table th.text-center{text-align:center}.ventas-table tbody tr{border-bottom:1px solid var(--gray-200);transition:var(--transition)}.ventas-table tbody tr:hover{background-color:var(--gray-50)}.ventas-table td{padding:1rem 1.5rem}.ventas-table td.text-right{text-align:right}.ventas-table td.text-center{text-align:center}.venta-info{display:flex;flex-direction:column}.venta-numero{font-family:Courier New,monospace;font-weight:600;color:var(--gray-900);margin:0}.venta-id{font-size:.75rem;color:var(--gray-500);margin:.25rem 0 0}.cliente-info{display:flex;align-items:center;gap:.75rem}.cliente-icon{background-color:var(--primary-light);border-radius:var(--border-radius);padding:.5rem;display:flex;align-items:center;justify-content:center}.cliente-icon .icon{width:1.25rem;height:1.25rem;color:var(--primary-color)}.cliente-nombre{font-weight:500;color:var(--gray-900);margin:0}.cliente-dni{font-size:.75rem;color:var(--gray-500);margin:.25rem 0 0}.fecha-info{display:flex;flex-direction:column}.fecha-dia{font-size:.875rem;color:var(--gray-900);margin:0}.fecha-hora{font-size:.75rem;color:var(--gray-500);margin:.25rem 0 0}.total-info{display:flex;flex-direction:column;align-items:flex-end}.total-monto{font-weight:700;color:var(--gray-900);margin:0}.total-anulado{font-size:.75rem;color:var(--danger-color);text-decoration:line-through;margin:.25rem 0 0}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-icon{width:1rem;height:1rem}.badge-success{background-color:var(--success-light);color:#065f46}.badge-warning{background-color:var(--warning-light);color:#92400e}.badge-danger{background-color:var(--danger-light);color:#991b1b}.acciones{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-accion{padding:.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.btn-ver{color:var(--primary-color);background-color:transparent}.btn-ver:hover{background-color:var(--primary-light)}.btn-ver .icon{width:1.25rem;height:1.25rem}.btn-anular-inline{font-size:.875rem;padding:.5rem 1rem}.pagination-container{background-color:var(--gray-50);padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--gray-600)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:#fff;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background-color:var(--gray-50)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn .icon{width:1.25rem;height:1.25rem}.pagination-numbers{display:flex;align-items:center;gap:.25rem}.pagination-number{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);background-color:#fff;color:var(--gray-700);font-weight:500;cursor:pointer;transition:var(--transition)}.pagination-number:hover{background-color:var(--gray-50)}.pagination-number.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-dots{padding:0 .5rem;color:var(--gray-400)}.per-page-select{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;cursor:pointer;transition:var(--transition)}.per-page-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:3rem;height:3rem;border:3px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--gray-600);margin-top:1rem}.empty-state{text-align:center;padding:3rem}.empty-icon{width:4rem;height:4rem;color:var(--gray-400);margin:0 auto 1rem}.empty-title{color:var(--gray-600);font-size:1.125rem;margin:0}.empty-subtitle{color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0}@media(max-width:768px){.ventas-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.search-row{flex-direction:column}.filtros-grid{grid-template-columns:1fr}.filtros-actions{flex-direction:column}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.pagination-info,.pagination-per-page{text-align:center}}@media(max-width:640px){.ventas-table{font-size:.875rem}.ventas-table th,.ventas-table td{padding:.75rem .5rem}.cliente-info{flex-direction:column;align-items:flex-start}}.icon{width:1rem;height:1rem}.text-right{text-align:right}.text-center{text-align:center}.anulacion-estado-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.anulacion-estado-badge .icon{width:1rem;height:1rem}.anulacion-estado-cancelado{background-color:#fee2e2;color:#991b1b}.anulacion-estado-anulacion-parcial{background-color:#fef3c7;color:#92400e}.anulacion-estado-confirmada,.anulacion-estado-completada,.anulacion-estado-entregado{background-color:#d1fae5;color:#065f46}.anulacion-estado-pendiente{background-color:#f3f4f6;color:#4b5563}.anulacion-estado-preparando,.anulacion-estado-listo{background-color:#dbeafe;color:#1e40af}.anulacion-btn-anular-venta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.anulacion-btn-anular-venta:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.anulacion-btn-anular-venta .icon{width:1rem;height:1rem}.anulacion-venta-anulada-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#f3f4f6;color:#6b7280;border-radius:.5rem;font-size:.875rem}.anulacion-container{padding:1.5rem}.anulacion-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.anulacion-header-content{display:flex;align-items:start;gap:1rem}.anulacion-icon{background-color:#ef4444;border-radius:9999px;padding:.75rem;flex-shrink:0}.anulacion-icon .icon{width:1.5rem;height:1.5rem;color:#fff}.anulacion-title{font-size:1.25rem;font-weight:700;color:#7f1d1d;margin:0}.anulacion-subtitle{color:#991b1b;font-size:.875rem;margin:.25rem 0 0}.anulacion-tipo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.anulacion-tipo-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s ease-in-out}.anulacion-tipo-card:hover{border-color:#ef4444;box-shadow:0 4px 6px -1px #0000001a}.anulacion-tipo-card .anulacion-chevron{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;color:#9ca3af;transition:color .2s}.anulacion-tipo-card:hover .anulacion-chevron{color:#ef4444}.anulacion-tipo-content{display:flex;align-items:start;gap:1rem}.anulacion-tipo-icon{background-color:#fef2f2;border-radius:.5rem;padding:.75rem;transition:background-color .2s}.anulacion-tipo-card:hover .anulacion-tipo-icon{background-color:#ef4444}.anulacion-tipo-icon .icon{width:2rem;height:2rem;color:#dc2626;transition:color .2s}.anulacion-tipo-card:hover .anulacion-tipo-icon .icon{color:#fff}.anulacion-tipo-title{font-weight:700;font-size:1.125rem;color:#111827;margin:0 0 .25rem}.anulacion-tipo-description{font-size:.875rem;color:#6b7280;margin:0}.anulacion-tipo-features{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.anulacion-tipo-feature{font-size:.75rem;color:#6b7280}.anulacion-form{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0000000d}.anulacion-form-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#fef2f2;border-radius:.75rem .75rem 0 0;display:flex;align-items:center;justify-content:space-between}.anulacion-form-title{font-weight:700;font-size:1.125rem;color:#7f1d1d;margin:0}.anulacion-btn-close{padding:.5rem;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:color .2s}.anulacion-btn-close:hover{color:#6b7280}.anulacion-form-body{padding:1.5rem}.anulacion-impacto-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.anulacion-impacto-title{font-weight:600;color:#7f1d1d;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.anulacion-impacto-list{display:flex;flex-direction:column;gap:.5rem}.anulacion-impacto-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#991b1b}.anulacion-impacto-item .icon{width:1rem;height:1rem;flex-shrink:0}.anulacion-productos-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.anulacion-producto-item{border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease-in-out}.anulacion-producto-item.selected{border-color:#f59e0b;background-color:#fffbeb}.anulacion-producto-item:hover:not(.disabled){border-color:#d1d5db}.anulacion-producto-content{display:flex;align-items:start;gap:1rem}.anulacion-producto-checkbox{padding-top:.25rem}.anulacion-producto-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#f59e0b;cursor:pointer}.anulacion-producto-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.anulacion-producto-info{flex:1}.anulacion-producto-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:.5rem}.anulacion-producto-nombre{font-weight:600;color:#111827;margin:0}.anulacion-producto-detalles{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280;flex-wrap:wrap}.anulacion-producto-precio{font-weight:700;color:#111827;font-size:1rem}.anulacion-producto-cantidad-selector{margin-top:.75rem;display:flex;align-items:center;gap:.75rem}.anulacion-cantidad-label{font-size:.875rem;font-weight:500;color:#374151}.anulacion-cantidad-input{width:6rem;padding:.5rem .75rem;border:1px solid #f59e0b;border-radius:.5rem;font-size:.875rem}.anulacion-cantidad-input:focus{outline:none;box-shadow:0 0 0 3px #f59e0b1a}.anulacion-resumen-box{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.anulacion-resumen-grid{display:flex;align-items:center;justify-content:space-between}.anulacion-resumen-item{text-align:center}.anulacion-resumen-label{font-size:.875rem;color:#92400e;margin:0 0 .25rem}.anulacion-resumen-valor{font-size:1.5rem;font-weight:700;color:#78350f;margin:0}.anulacion-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.anulacion-btn-cancelar{flex:1;padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-weight:500;color:#374151;background:#fff;cursor:pointer;transition:all .2s}.anulacion-btn-cancelar:hover:not(:disabled){background-color:#f9fafb}.anulacion-btn-confirmar{flex:1;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;color:#fff;background-color:#ef4444;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.anulacion-btn-confirmar:hover:not(:disabled){background-color:#dc2626}.anulacion-btn-confirmar:disabled,.anulacion-btn-cancelar:disabled{opacity:.5;cursor:not-allowed}.anulacion-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;display:flex;align-items:center;gap:.75rem;color:#991b1b;margin-bottom:1rem}.anulacion-error-message .icon{width:1.25rem;height:1.25rem;flex-shrink:0}.anulacion-error-text{font-size:.875rem}.anulacion-modal-exito{max-width:28rem;animation:anulacionBounceIn .5s ease-out}@keyframes anulacionBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.anulacion-modal-exito-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#10b981,#059669);padding:2rem;text-align:center;border-radius:1rem 1rem 0 0}.anulacion-modal-exito-icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:#fff;border-radius:9999px;margin-bottom:1rem;animation:anulacionBounce 2s ease-in-out infinite}@keyframes anulacionBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anulacion-modal-exito-icon .icon{width:3rem;height:3rem;color:#10b981}.anulacion-modal-exito-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.anulacion-modal-exito-subtitle{color:#ffffffe6;margin:0}.anulacion-modal-exito-body{padding:1.5rem}.anulacion-detalles-exito{display:flex;flex-direction:column;gap:.75rem}.anulacion-detalle-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border-radius:.5rem}.anulacion-detalle-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151}.anulacion-detalle-label .icon{width:1.25rem;height:1.25rem;color:#6b7280}.anulacion-detalle-valor{font-weight:600;color:#111827}.anulacion-modal-exito-footer{padding:1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 1rem 1rem}.anulacion-btn-cerrar-exito{width:100%;padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.anulacion-btn-cerrar-exito:hover{background-color:#059669}@media(max-width:768px){.anulacion-tipo-grid{grid-template-columns:1fr}.anulacion-form-actions{flex-direction:column}.anulacion-resumen-grid{flex-direction:column;gap:1rem}.anulacion-producto-header{flex-direction:column;gap:.5rem}}.pedidos-app-container{padding:20px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.page-header h1{color:#1565c0;font-size:28px;margin:0}.btn-refresh{background:#1565c0;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-refresh:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 4px 12px #1565c04d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #1565C0;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0000001f}.stat-card.warning{border-left-color:#ffa726}.stat-card.info{border-left-color:#42a5f5}.stat-card.success{border-left-color:#66bb6a}.stat-value{display:block;font-size:32px;font-weight:700;color:#263238;margin-bottom:8px}.stat-label{display:block;font-size:14px;color:#78909c;font-weight:500}.filtros-section{display:flex;gap:15px;margin-bottom:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.input-busqueda{flex:1;min-width:250px;padding:12px 16px;border:2px solid #E0E7EF;border-radius:8px;font-size:14px;transition:all .3s}.input-busqueda:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.select-filtro{padding:12px 16px;border:2px solid #E0E7EF;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.select-filtro:focus{outline:none;border-color:#1565c0}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#1565c0;color:#fff}.btn-primary:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 4px 12px #1565c04d}.btn-success{background:#66bb6a;color:#fff}.btn-success:hover{background:#43a047;transform:translateY(-2px)}.btn-danger{background:#ef5350;color:#fff}.btn-danger:hover{background:#e53935;transform:translateY(-2px)}.pedidos-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.pedidos-table table{width:100%;border-collapse:collapse}.pedidos-table thead{background:#1565c0;color:#fff}.pedidos-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.pedidos-table td{padding:16px;border-bottom:1px solid #E0E7EF;color:#263238;font-size:14px}.pedidos-table tbody tr:hover{background:#f5f7fa}.pedidos-table tbody tr:last-child td{border-bottom:none}.estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.btn-ver-detalle{background:#42a5f5;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s}.btn-ver-detalle:hover{background:#1e88e5;transform:translateY(-2px)}.detalle-pedido-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.detalle-pedido-card{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.detalle-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #E0E7EF;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;border-radius:16px 16px 0 0}.detalle-header h2{margin:0;font-size:24px}.btn-close{background:#fff3;border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.detalle-body{padding:30px}.qr-section{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px}.qr-code-display{display:inline-block}.qr-placeholder{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.qr-text{font-family:Courier New,monospace;font-size:24px;font-weight:700;color:#1565c0;margin:0 0 10px;letter-spacing:2px}.qr-placeholder small{display:block;color:#78909c;font-size:12px;text-transform:uppercase;letter-spacing:1px}.info-section{margin-bottom:25px;padding:20px;background:#f5f7fa;border-radius:12px;border-left:4px solid #1565C0}.info-section h3{color:#1565c0;font-size:16px;margin:0 0 15px;font-weight:600}.info-section p{margin:8px 0;color:#546e7a;font-size:14px}.comprobante-img{width:100%;max-width:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .3s}.comprobante-img:hover{transform:scale(1.05)}.tabla-productos{width:100%;border-collapse:collapse;margin-top:15px}.tabla-productos th{background:#1565c0;color:#fff;padding:12px;text-align:left;font-size:13px;font-weight:600}.tabla-productos td{padding:12px;border-bottom:1px solid #E0E7EF;font-size:14px;color:#546e7a}.tabla-productos tbody tr:hover{background:#f5f7fa}.total-venta{text-align:right;padding:15px;background:#e3f2fd;border-radius:8px;margin-top:15px;font-size:18px;color:#1565c0}.acciones-pedido{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #E0E7EF;flex-wrap:wrap}.acciones-pedido .btn{flex:1;min-width:180px;justify-content:center}.paginacion{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.paginacion button{padding:10px 20px;border:2px solid #1565C0;background:#fff;color:#1565c0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.paginacion button:hover:not(:disabled){background:#1565c0;color:#fff}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.paginacion span{color:#546e7a;font-weight:600}.loading-spinner{text-align:center;padding:60px;color:#78909c;font-size:18px}@media(max-width:768px){.pedidos-app-container{padding:15px}.page-header{flex-direction:column;gap:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.filtros-section{flex-direction:column}.input-busqueda,.select-filtro,.btn{width:100%}.pedidos-table{overflow-x:auto}.pedidos-table table{min-width:800px}.detalle-pedido-card{margin:0;border-radius:0;max-height:100vh}.acciones-pedido{flex-direction:column}.acciones-pedido .btn{width:100%}}