: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}}.buscar-productos,.buscar-productos-jefe-sector{padding:20px;max-width:1400px;margin:0 auto}.page-header{background:linear-gradient(135deg,#e70000,#ff6b00);color:#fff;padding:30px 35px;border-radius:16px;margin-bottom:30px;box-shadow:0 8px 24px #e7000040}.header-content h1{margin:0 0 10px;font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.header-content p{margin:0;opacity:.95;font-size:1.1rem;font-weight:400}.jefe-sector-title{font-size:2rem;color:#e70000;margin-bottom:15px;font-weight:800;letter-spacing:-.5px}.read-only-indicator{background:#fff3e0;color:#e65100;padding:10px 18px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;box-shadow:0 2px 8px #e6510026;border:2px solid #FFE0B2}.read-only-indicator:before{content:"👁️";font-size:1.1em}.busqueda-container{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#34495e;font-size:.95rem}.form-control{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-control:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 4px #e700001a}.filtro-item{display:flex;flex-direction:column;gap:8px}.filtro-modulo{grid-column:1 / -1}.modulo-inputs{display:flex;align-items:center;gap:10px}.modulo-separator{font-weight:700;color:#666}.search-input{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1.05rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.resultados-container{margin-top:30px}.resultados-container h3{color:#34495e;font-size:1.4rem;margin-bottom:20px;font-weight:600}.busqueda-loading{text-align:center;padding:40px;color:#667eea;font-size:1.1rem;font-weight:500}.busqueda-info-message{background:#e3f2fd;color:#1976d2;padding:15px 20px;border-radius:8px;margin-top:15px;border-left:4px solid #1976d2}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.producto-card{background:#fff;border:2px solid #F5F5F5;border-left:4px solid #E70000;border-radius:16px;padding:24px;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 12px #0000000f;position:relative;background:linear-gradient(to bottom,#fff,#fafafa)}.producto-card:hover{box-shadow:0 12px 28px #e7000026;transform:translateY(-4px);border-color:#e70000;border-left-width:6px;background:#fff}.producto-web-link{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e70000,#ff6b00);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e7000040;z-index:20}.producto-web-link:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 6px 20px #e7000066}.producto-web-link:active{transform:scale(.95)}.producto-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-right:40px}.producto-info-principal{flex:1;min-width:0}.producto-ean-section{display:flex;flex-direction:column;gap:2px}.ean-label{font-size:.7em;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:700}.ean-value{font-size:1.2rem;font-weight:800;color:#333;font-family:Courier New,monospace;letter-spacing:.5px;word-break:break-all}.producto-body{display:flex;flex-direction:column;gap:12px}.producto-descripcion{font-size:1rem;color:#666;line-height:1.6;min-height:48px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:500}.producto-ubicaciones{display:flex;flex-direction:column;gap:8px}.ubicaciones-label{font-size:.85em;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ubicaciones-list{display:flex;flex-wrap:wrap;gap:6px}.ubicacion-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e70000,#ff6b00);color:#fff;padding:8px 14px;border-radius:24px;font-size:.9rem;font-weight:700;box-shadow:0 3px 8px #e7000040;transition:all .3s ease;letter-spacing:.3px}.ubicacion-badge:hover{transform:translateY(-2px);box-shadow:0 6px 12px #e7000059}.sin-ubicacion{background:linear-gradient(135deg,#999,#666);color:#fff;padding:8px 14px;border-radius:24px;font-size:.9rem;font-weight:600;font-style:italic;box-shadow:0 2px 6px #00000026}.producto-footer{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding-top:16px;border-top:2px solid #F5F5F5;margin-top:auto}.producto-precio-card{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:linear-gradient(135deg,#e70000,#ff6b00);color:#fff;border-radius:12px;box-shadow:0 4px 12px #e7000040;transition:all .3s cubic-bezier(.4,0,.2,1);flex:0 0 auto;position:relative;overflow:hidden}.producto-precio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.producto-precio-card:hover{transform:scale(1.08);box-shadow:0 8px 20px #e7000059}.precio-label{font-size:.7em;opacity:.95;text-transform:uppercase;letter-spacing:1px;font-weight:700}.precio-valor{font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.producto-qr{display:flex;align-items:center;justify-content:center;width:80px;height:80px;flex-shrink:0;background:#fff!important;border:3px solid #F5F5F5!important;border-radius:12px!important;padding:6px!important;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.producto-qr:hover{border-color:#e70000!important;box-shadow:0 4px 16px #e7000026;transform:scale(1.05)}.producto-qr canvas,.producto-qr svg{width:100%!important;height:100%!important;max-width:68px!important;max-height:68px!important;display:block;border-radius:4px}.producto-qr .qr-image{width:68px!important;height:68px!important;display:block}.producto-acciones{display:flex;gap:8px}.btn-editar-ubicacion{background:linear-gradient(135deg,#333,#666);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #33333340;display:flex;align-items:center;gap:8px}.btn-editar-ubicacion:hover{transform:translateY(-2px);box-shadow:0 6px 16px #33333359;background:linear-gradient(135deg,#e70000,#ff6b00)}.btn-editar-ubicacion:active{transform:translateY(0)}.producto-btn-editar{margin-top:10px;padding:12px 18px;background:linear-gradient(135deg,#333,#666);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 8px #33333340}.producto-btn-editar:hover{background:linear-gradient(135deg,#e70000,#ff6b00);transform:translateY(-2px);box-shadow:0 6px 16px #e700004d}.producto-card.sin-precio{border-left:4px solid #e74c3c}.producto-card.sin-ubicacion-card{border-left:4px solid #f39c12}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:50px;font-size:1.3rem;color:#e70000;font-weight:700}.loading-spinner:after{content:"";width:48px;height:48px;margin-left:20px;border:5px solid #F5F5F5;border-top:5px solid #E70000;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.buscar-productos,.buscar-productos-jefe-sector{padding:15px}.page-header{padding:20px;border-radius:12px}.header-content h1{font-size:1.6rem}.header-content p{font-size:.95rem}.jefe-sector-title{font-size:1.5rem}.busqueda-container{padding:20px}.filtros-ubicacion{grid-template-columns:1fr;gap:12px}.filtro-modulo{grid-column:1}.modulo-inputs{flex-direction:column;align-items:stretch;gap:12px}.modulo-separator{display:none}.productos-grid{grid-template-columns:1fr;gap:16px}.producto-card{padding:18px}.producto-web-link{top:12px;right:12px;width:36px;height:36px;font-size:1rem}.ean-value{font-size:1.1rem}.producto-descripcion{font-size:.95rem}.producto-qr{width:70px;height:70px}.producto-qr canvas,.producto-qr svg{max-width:58px!important;max-height:58px!important}.producto-qr .qr-image{width:58px!important;height:58px!important}}@media (max-width: 480px){.page-header{padding:16px}.header-content h1{font-size:1.4rem}.header-content p{font-size:.9rem}.busqueda-container{padding:16px}.form-control,.search-input{padding:12px 14px;font-size:1rem}.producto-card{padding:16px;gap:14px}.ean-value{font-size:1rem}.producto-descripcion{font-size:.9rem;min-height:auto}.ubicacion-badge{font-size:.85rem;padding:6px 12px}.precio-valor{font-size:1.3rem}.producto-precio-card{padding:12px 16px}}.login-page{min-height:100vh;background:linear-gradient(135deg,#e70000,#d00000,#000);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;margin:calc(-1 * var(--safe-area-top)) calc(-1 * var(--safe-area-right)) calc(-1 * var(--safe-area-bottom)) calc(-1 * var(--safe-area-left))}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.login-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;width:100%;max-width:450px;overflow:hidden;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{background:linear-gradient(135deg,#e70000,#d00000);color:#fff;padding:40px 30px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1))}.logo-container{margin-bottom:10px;display:flex;justify-content:center;align-items:center;width:100%}.login-logo{max-width:180px;height:auto;filter:brightness(0) invert(1);transition:transform .3s ease;display:block;margin:0 auto}.login-logo:hover{transform:scale(1.05)}.login-header h1{margin:0 0 10px;font-size:1.8em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;color:#fff!important}.login-header p{margin:0;font-size:1.1em;opacity:.9;font-weight:500;text-align:center}.login-content{padding:40px 30px}.login-form h2{text-align:center;margin-bottom:30px;color:#333;font-size:1.5em;font-weight:600}.login-form .form-group{margin-bottom:25px}.login-form .form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95em}.login-form .form-control{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8f9fa;color:#333}.login-form .form-control:focus{outline:none;border-color:#e70000;background:#fff;box-shadow:0 0 0 3px #e700001a;color:#333}.login-form .form-control::placeholder{color:#adb5bd}.btn-login{width:100%;padding:15px;font-size:16px;font-weight:600;border-radius:10px;border:none;background:linear-gradient(135deg,#e70000,#d00000);color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#d00000,#b80000);transform:translateY(-2px);box-shadow:0 8px 25px #e700004d}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.alert{padding:15px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-icon{font-size:1.2em}.login-footer{background:#f8f9fa;padding:25px 30px;text-align:center;border-top:1px solid #e9ecef}.login-footer p{margin:0 0 10px;color:#666;font-size:.9em}.login-info{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.login-info p{margin:5px 0;font-size:.8em;color:#999}@media (max-width: 768px){.login-page{padding:15px}.login-container{max-width:100%}.login-header{padding:30px 20px}.login-header h1{font-size:1.5em}.login-content{padding:30px 20px}.login-footer{padding:20px}.login-logo{max-width:150px}}@media (max-width: 480px){.login-header,.login-content{padding:25px 15px}.login-footer{padding:15px}.login-form .form-control,.btn-login{padding:12px}.login-logo{max-width:120px}}.login-container{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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%}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;width:100%;max-height:calc(90vh - 4rem);overflow-y:auto;margin-top:2rem}.radio-group{display:flex;flex-direction:column;gap:15px}.radio-label{display:flex;align-items:flex-start;cursor:pointer;padding:15px;background:#fff;border-radius:8px;border:2px solid #e9ecef;transition:all .2s}.radio-label:hover{border-color:#e31837;background:#fff5f5}.radio-label input[type=radio]{margin-right:15px;transform:scale(1.2)}.radio-label input[type=radio]:checked+.radio-custom{background:#e31837;border-color:#e31837}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.radio-custom{position:relative;width:20px;height:20px;border:2px solid #ccc;border-radius:50%;margin-right:15px;flex-shrink:0;margin-top:2px}.radio-content{flex:1}.radio-content strong{display:block;font-size:16px;color:#333;margin-bottom:5px}@media (max-width: 768px){.modal-overlay{padding:1rem .5rem .5rem}.modal-content{max-width:none;width:100%;margin-top:1rem}.modal-header{padding:15px 20px}.modal-title{font-size:16px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;flex-direction:column}.btn{width:100%;justify-content:center}.radio-group{gap:10px}.radio-label{padding:12px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:2rem 1rem 1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%;max-height:calc(90vh - 4rem);overflow-y:auto;margin-top:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-title{margin:0;font-size:18px;font-weight:700;color:#333}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:5px;border-radius:4px;transition:all .2s}.modal-close:hover{background:#e9ecef;color:#333}.print-options h4{margin:0 0 20px;color:#333;font-size:16px}.print-option{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#333;margin-bottom:8px}.checkbox-label input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.option-description{margin:0;font-size:14px;color:#666;line-height:1.4}.print-preview-info{margin-bottom:25px;padding:15px;background:#e7f3ff;border-radius:8px;border-left:4px solid #e31837}.print-preview-info h5{margin:0 0 10px;color:#e31837;font-size:14px;font-weight:700}.print-preview-info ul{margin:0;padding-left:20px}.print-preview-info li{margin-bottom:5px;font-size:13px;color:#333}.print-warning{padding:15px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.print-warning p{margin:5px 0;font-size:13px;color:#856404}.print-warning p:first-child{font-weight:700}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.btn-secondary:hover{background:#5a6268}.btn-primary{background:#e31837;color:#fff}.btn-primary:hover{background:#c41e3a}@media (max-width: 768px){.modal-overlay{padding:1rem .5rem .5rem}.modal-content{max-width:none;width:100%;margin-top:1rem}.modal-header{padding:15px 20px}.modal-title{font-size:16px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;flex-direction:column}.btn{width:100%;justify-content:center}}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.listado-features{margin:20px 0}.feature-item{display:flex;align-items:center;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #e9ecef}.feature-icon{font-size:18px;margin-right:12px;width:24px;text-align:center}.feature-text{font-size:14px;color:#333}.productos-summary{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.productos-summary h4{margin:0 0 10px;color:#e31837;font-size:16px}.productos-count{font-size:14px;color:#666;margin-bottom:15px}.productos-preview h5{margin:0 0 10px;color:#333;font-size:14px}.preview-list{max-height:120px;overflow-y:auto}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e9ecef;font-size:12px}.preview-ean{font-weight:700;color:#e31837;background:#f8f9fa;padding:2px 6px;border-radius:4px;min-width:60px;text-align:center}.preview-desc{flex:1;margin:0 8px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-qty{font-weight:700;color:#e31837;background:#fff3cd;padding:2px 6px;border-radius:4px;min-width:30px;text-align:center}.preview-more{text-align:center;font-style:italic;color:#666;padding:8px 0;font-size:12px}.modal-overlay-centered{align-items:center;justify-content:center;padding:40px 20px}.modal-compact{max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.listado-features-simple{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.feature-simple{display:flex;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;font-size:13px}.feature-simple .feature-icon{font-size:16px;margin-right:8px;width:20px;text-align:center}.feature-simple span:last-child{color:#333;font-weight:500}.modal-entregas-scanner{max-width:900px!important;width:95%!important;max-height:90vh!important;display:flex;flex-direction:column}.modal-entregas-scanner .modal-header{background:linear-gradient(135deg,#e70000,#d00000 60%,#f44);color:#fff;padding:24px 28px;border-radius:18px 18px 0 0;position:relative;box-shadow:0 6px 18px #e7000047;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal-entregas-scanner .modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.25),transparent 60%);pointer-events:none}.modal-entregas-scanner .modal-header h3{margin:0 0 6px;font-size:1.9rem;font-weight:700;letter-spacing:.5px}.modal-entregas-scanner .modal-header .modal-subtitle{color:#ffffffe6;font-weight:500}.modal-entregas-scanner .modal-close{background:#ffffff2e;border:2px solid rgba(255,255,255,.4);width:44px;height:44px;border-radius:12px;font-size:1.4rem;color:#fff;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-entregas-scanner .modal-close:hover:not(:disabled){background:#ffffff59;transform:scale(1.05)}.modal-entregas-scanner .modal-body-entregas{background:linear-gradient(180deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-top:none;border-bottom:none}.modal-entregas-scanner .modal-footer-entregas{border-radius:0 0 18px 18px;border:2px solid #e9ecef;border-top:none;box-shadow:0 -4px 12px #0000000d}.modal-subtitle{font-size:.9em;color:#666;margin:5px 0 0;font-weight:400}.modal-body-entregas{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.scanner-section{background:linear-gradient(135deg,#e70000,#d00000 55%,#f44);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 12px #667eea4d}.scanner-header-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.modo-toggle-btn{background:#ffffff2e;border:2px solid rgba(255,255,255,.6);color:#fff;font-weight:600;padding:10px 20px;border-radius:10px;font-size:.9rem;transition:all .25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modo-toggle-btn:hover:not(:disabled){background:#ffffff52;transform:translateY(-2px)}.manual-input-container{margin-top:18px}.manual-input-row{display:flex;gap:12px;align-items:center}.btn-entregar-manual{font-weight:700;font-size:1rem;padding:14px 24px;min-width:170px;white-space:nowrap;line-height:1.1;letter-spacing:.5px}.manual-input-row select.scanner-input{flex:1;background:linear-gradient(135deg,#fff,#f0f2f5);border:2px solid #d0d7de;border-radius:10px;padding:14px 18px;font-size:1.05rem;font-weight:600;color:#222;font-family:Courier New,Consolas,monospace;letter-spacing:.5px;appearance:none;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23e70000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px}.manual-input-row select.scanner-input:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 4px #e7000026;background:#fff}.manual-input-row select.scanner-input option{font-family:Courier New,Consolas,monospace;padding:6px 8px;font-size:.95rem}@supports (-webkit-touch-callout: none){.manual-input-row select.scanner-input{font-size:16px}}.scanner-header h4{margin:0 0 5px;color:#fff;font-size:1.2em}.scanner-header p{margin:0;font-size:.9em;opacity:.9}.scanner-input-container{margin-top:15px;position:relative}.scanner-input{width:100%;padding:15px;border:3px solid rgba(255,255,255,.3);border-radius:8px;font-size:1.1em;background:#fffffff2;color:#333;font-weight:500;transition:all .3s ease}.scanner-input:focus{outline:none;border-color:gold;background:#fff;box-shadow:0 0 0 4px #ffd70033}.scanner-input:disabled{opacity:.6;cursor:not-allowed}.scanner-loading{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.2em;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scanner-help{margin-top:10px;font-size:.85em;opacity:.9;text-align:center}.entregas-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.summary-item{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}.summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-total{border-color:#e9ecef}.summary-entregados{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.summary-pendientes{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#ffe69c)}.summary-icon{font-size:2.5em;line-height:1}.summary-number{font-size:2em;font-weight:700;color:#333;line-height:1}.summary-label{font-size:.85em;color:#666;margin-top:3px}.productos-entrega-lista{background:#f8f9fa;border-radius:10px;padding:20px}.productos-entrega-lista h4{margin:0 0 15px;color:#333;font-size:1.1em;border-bottom:2px solid #dee2e6;padding-bottom:10px}.productos-scroll{max-height:400px;overflow-y:auto;padding-right:10px}.productos-scroll::-webkit-scrollbar{width:8px}.productos-scroll::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.productos-scroll::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.productos-scroll::-webkit-scrollbar-thumb:hover{background:#5568d3}.producto-entrega-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;margin-bottom:10px;border:2px solid #e9ecef;transition:all .3s ease}.producto-entrega-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.producto-entrega-item:last-child{margin-bottom:0}.producto-pendiente{border-left:4px solid #6c757d}.producto-disponible{border-left:4px solid #007bff;background:#e7f3ff}.producto-entregado-ahora{border-left:4px solid #28a745;background:#d4edda;animation:slideIn .3s ease}.producto-ya-entregado{border-left:4px solid #28a745;opacity:.6}.producto-no-disponible{border-left:4px solid #dc3545;opacity:.5}.progreso-entrega{margin-top:8px;height:6px;background:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.progreso-bar{height:100%;background:linear-gradient(90deg,#e70000,#ff6b6b);width:0;transition:width .5s ease}.producto-entrega-item[data-progreso="100"] .progreso-bar{background:linear-gradient(90deg,#28a745,#5ad65f)}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.producto-estado-icon{font-size:2em;line-height:1;min-width:40px;text-align:center}.producto-info-entrega{flex:1;min-width:0}.producto-codigo-entrega{font-family:Courier New,monospace;font-weight:700;color:#333;font-size:.95em;margin-bottom:3px}.producto-descripcion-entrega{color:#666;font-size:.9em;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.producto-cantidad-entrega{font-size:.85em;color:#555}.producto-cantidad-entrega strong{color:#333;font-weight:600}.producto-acciones-entrega{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.badge{padding:5px 10px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-producto-disponible{background:linear-gradient(135deg,#e70000,#d00000);color:#fff}.badge-producto-entregado-ahora{background:#28a745;color:#fff}.badge-producto-ya-entregado{background:#6c757d;color:#fff}.badge-producto-no-disponible{background:#dc3545;color:#fff}.badge-producto-pendiente{background:linear-gradient(135deg,#ffe066,#ffc107);color:#663c00}.modal-footer-entregas{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-top:2px solid #dee2e6}.footer-info{color:#666;font-size:.95em}.footer-info strong{color:#28a745;font-size:1.2em}.footer-actions{display:flex;gap:10px}@media (max-width: 768px){.modal-entregas-scanner{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.entregas-summary{grid-template-columns:1fr;gap:10px}.summary-item{padding:15px}.summary-icon{font-size:2em}.summary-number{font-size:1.5em}.productos-scroll{max-height:300px}.producto-entrega-item{flex-direction:column;align-items:flex-start;gap:10px}.producto-acciones-entrega{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.producto-acciones-entrega .btn{flex:1}.modal-footer-entregas{flex-direction:column;gap:10px;align-items:stretch}.footer-actions{width:100%}.footer-actions .btn{flex:1}.scanner-input{font-size:16px}}@media (max-width: 480px){.modal-subtitle{font-size:.8em}.scanner-section{padding:15px}.scanner-header h4{font-size:1em}.scanner-header p{font-size:.8em}.productos-entrega-lista{padding:15px}.producto-estado-icon{font-size:1.5em}.producto-codigo-entrega{font-size:.85em}.producto-descripcion-entrega{font-size:.8em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.admin-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:20px;overflow-y:auto}.admin-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-width:600px;width:100%;max-height:90vh;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-large{max-width:1200px!important;width:95vw!important;max-height:90vh!important}.admin-modal-header{background:linear-gradient(135deg,#e70000,#f44);color:#fff;padding:20px 25px;border-radius:12px 12px 0 0;border-bottom:none;position:relative}.admin-modal-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 15px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-modal-tabs{display:flex;gap:8px;margin-top:10px}.admin-tab{background:#ffffff1a;color:#ffffffe6;border:2px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.admin-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.admin-tab:hover:before{left:100%}.admin-tab:hover{background:#fff3;color:#fff;border-color:#fff6;transform:translateY(-2px)}.admin-tab.active{background:#fffffff2;color:#e70000;border-color:#fffffff2;box-shadow:0 4px 15px #0003}.admin-tab.active:before{display:none}.admin-modal-body{padding:0;background:#fff;max-height:calc(90vh - 280px);overflow-y:auto;flex:1}.admin-tab-content{padding:25px;min-height:400px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.admin-form-group{margin-bottom:20px}.admin-form-group.admin-form-full{grid-column:1 / -1}.admin-form-label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;color:#333;font-family:inherit}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 3px #e700001a}.admin-form-textarea{resize:vertical;min-height:80px}.admin-estado-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-top:20px}.admin-estado-actions h4{color:#333;font-size:1.1rem;font-weight:700;margin:0 0 15px}.admin-estado-buttons{display:flex;flex-wrap:wrap;gap:10px}.admin-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;margin-bottom:20px}.admin-table th{background:#f8f9fa;color:#333;padding:15px 20px;text-align:left;font-weight:600;border-bottom:2px solid #e9ecef;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.admin-table td{padding:15px 20px;border-bottom:1px solid #e9ecef;color:#666;font-size:.9rem;vertical-align:middle}.admin-table tr{transition:all .15s ease}.admin-table tr:hover{background:#f8f9fa}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-action-buttons{display:flex;gap:6px;flex-wrap:wrap}.admin-btn-sm{padding:6px 12px;font-size:.8rem;min-height:32px}.admin-entregas-trazabilidad{display:flex;flex-direction:column;gap:20px}.admin-producto-entregas{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.admin-producto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.admin-producto-info h5{color:#333;font-size:1.1rem;font-weight:700;margin:0 0 5px}.admin-producto-info p{color:#666;font-size:.9rem;margin:0}.admin-producto-stats{display:flex;gap:10px;align-items:center}.admin-entregas-timeline{position:relative;padding-left:30px}.admin-entrega-item{position:relative;margin-bottom:25px}.admin-entrega-item:last-child{margin-bottom:0}.admin-entrega-timeline{position:absolute;left:-30px;top:0;height:100%;display:flex;flex-direction:column;align-items:center}.admin-timeline-dot{width:12px;height:12px;background:#e70000;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 0 2px #e70000;z-index:2}.admin-timeline-line{width:2px;height:25px;background:#e9ecef;margin-top:5px}.admin-entrega-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.admin-entrega-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.admin-entrega-details{margin-bottom:15px}.admin-entrega-cantidad,.admin-entrega-progreso,.admin-entrega-usuario,.admin-entrega-observaciones{margin-bottom:8px;font-size:.9rem}.admin-entrega-cantidad strong,.admin-entrega-progreso strong,.admin-entrega-usuario strong,.admin-entrega-observaciones strong{color:#333}.admin-progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-top:5px}.admin-progress-fill{height:100%;background:linear-gradient(90deg,#e70000,#f44);transition:width .3s ease}.admin-entrega-actions{display:flex;gap:8px;justify-content:flex-end}.admin-fecha{font-size:.8rem;color:#666;font-weight:500}.admin-no-data{text-align:center;padding:40px 20px;color:#666}.admin-no-data-icon{font-size:3rem;margin-bottom:15px}.admin-no-data h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 10px}.admin-no-data p{font-size:1rem;margin:0}.admin-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 25px;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.admin-footer-left,.admin-footer-right{display:flex;gap:10px;align-items:center}.admin-modal-footer .admin-btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}@media (max-width: 768px){.admin-modal-overlay{padding:10px}.admin-modal-large{max-width:100vw!important;width:100vw!important;max-height:100vh!important;border-radius:0}.admin-modal-header{padding:15px 20px;border-radius:0}.admin-modal-title{font-size:1.2rem}.admin-modal-tabs{flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{padding:8px 16px;font-size:.85rem;text-align:center;white-space:nowrap;flex-shrink:0}.admin-modal-body{max-height:calc(100vh - 280px)}.admin-tab-content{padding:20px}.admin-form-grid{grid-template-columns:1fr;gap:15px}.admin-estado-buttons{flex-direction:column}.admin-producto-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-producto-stats,.admin-entrega-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-modal-footer{flex-direction:column;gap:10px;border-radius:0}.admin-modal-footer .admin-btn{width:100%;min-height:48px}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:10px}.admin-actions{flex-direction:column;gap:6px}.admin-action-buttons{flex-direction:column;gap:4px}}@media (max-width: 480px){.admin-modal-overlay{padding:0}.admin-modal-large{max-width:100vw!important;width:100vw!important;max-height:100vh!important;border-radius:0}.admin-modal-header{padding:12px 15px}.admin-modal-title{font-size:1rem}.admin-tab{padding:6px 12px;font-size:.75rem}.admin-modal-body{max-height:calc(100vh - 260px)}.admin-tab-content{padding:15px}.admin-form-group{margin-bottom:15px}.admin-form-input,.admin-form-select,.admin-form-textarea{padding:10px 14px;font-size:.95rem}.admin-producto-entregas{padding:15px}.admin-entrega-content{padding:12px}.admin-modal-footer{padding:15px}.admin-modal-footer .admin-btn{padding:10px 20px;font-size:.9rem;min-height:44px}.admin-table th,.admin-table td{padding:8px}}.admin-presupuestos-container{background:#f8f9fa;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333;line-height:1.6}.admin-presupuestos-header{background:linear-gradient(135deg,#e70000,#f44);color:#fff;padding:30px;border-radius:16px;margin-bottom:25px;box-shadow:0 8px 15px #0000001a;position:relative;overflow:hidden}.admin-presupuestos-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.admin-presupuestos-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse}.admin-presupuestos-header h1{font-size:2.5rem;font-weight:700;margin:0;position:relative;z-index:1;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-presupuestos-header p{font-size:1.1rem;opacity:.95;margin:10px 0 0;position:relative;z-index:1;font-weight:400}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.admin-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e70000,#f44);border-radius:12px 12px 0 0}.admin-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026;border-color:#e70000}.admin-stat-card.success:before{background:linear-gradient(90deg,#28a745,#34ce57)}.admin-stat-card.warning:before{background:linear-gradient(90deg,#ffc107,#ffd43b)}.admin-stat-card.danger:before{background:linear-gradient(90deg,#dc3545,#ff6b6b)}.admin-stat-card.info:before{background:linear-gradient(90deg,#17a2b8,#20c997)}.admin-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.admin-stat-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#e70000,#f44);box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.admin-stat-card:hover .admin-stat-icon{transform:scale(1.1)}.admin-stat-card.success .admin-stat-icon{background:linear-gradient(135deg,#28a745,#34ce57)}.admin-stat-card.warning .admin-stat-icon{background:linear-gradient(135deg,#ffc107,#ffd43b);color:#000}.admin-stat-card.danger .admin-stat-icon{background:linear-gradient(135deg,#dc3545,#ff6b6b)}.admin-stat-card.info .admin-stat-icon{background:linear-gradient(135deg,#17a2b8,#20c997)}.admin-stat-title{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em;margin:0}.admin-stat-value{font-size:2.5rem;font-weight:700;color:#333;margin:10px 0;line-height:1}.admin-stat-description{font-size:.9rem;color:#999;margin:0;font-weight:400}.admin-filters{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef}.admin-filters h3{color:#333;font-size:1.2rem;font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.9rem;font-weight:600;color:#666;margin-bottom:8px}.filter-group select,.filter-group input{padding:10px 12px;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#333;font-size:.9rem;transition:all .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 3px #e700001a}.filter-group select::placeholder,.filter-group input::placeholder{color:#999}.filter-actions{display:flex;align-items:end}.filter-actions .btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-actions .btn-secondary{background:#6c757d;color:#fff}.filter-actions .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.admin-content-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;margin-bottom:25px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.admin-card-title{font-size:1.3rem;font-weight:700;color:#333;margin:0}.presupuestos-table{overflow-x:auto}.presupuestos-table table{width:100%;border-collapse:collapse;background:transparent}.presupuestos-table th{background:#f8f9fa;color:#333;padding:15px 20px;text-align:left;font-weight:600;border-bottom:2px solid #e9ecef;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.presupuestos-table td{padding:15px 20px;border-bottom:1px solid #e9ecef;color:#666;font-size:.9rem;vertical-align:middle}.presupuestos-table tr{transition:all .15s ease}.presupuestos-table tr:hover{background:#f8f9fa}.presupuestos-table tr:last-child td{border-bottom:none}.estado-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.estado-badge[style*="background-color: #6c757d"]{background:#6c757d1a!important;color:#6c757d!important;border:1px solid rgba(108,117,125,.3)}.estado-badge[style*="background-color: #0d6efd"]{background:#0d6efd1a!important;color:#0d6efd!important;border:1px solid rgba(13,110,253,.3)}.estado-badge[style*="background-color: #198754"]{background:#1987541a!important;color:#198754!important;border:1px solid rgba(25,135,84,.3)}.estado-badge[style*="background-color: #dc3545"]{background:#dc35451a!important;color:#dc3545!important;border:1px solid rgba(220,53,69,.3)}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#e70000,#f44);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e7000066}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;padding:20px}.pagination button{background:#fff;color:#333;border:2px solid #e9ecef;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600}.pagination button:hover{background:#f8f9fa;border-color:#e70000;transform:translateY(-1px)}.pagination button.active{background:linear-gradient(135deg,#e70000,#f44);border-color:#e70000;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-info{font-size:.9rem;color:#666;font-weight:500}.no-data{text-align:center;padding:40px 20px;color:#666}.no-data p{font-size:1.1rem;margin:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #e70000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-spinner p{font-size:1.1rem;margin:0}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-danger{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}@media (max-width: 768px){.admin-presupuestos-container{padding:15px}.admin-presupuestos-header{padding:20px}.admin-presupuestos-header h1{font-size:2rem}.admin-stats-grid{grid-template-columns:1fr;gap:15px}.filters-grid{grid-template-columns:1fr}.presupuestos-table table{font-size:.8rem}.presupuestos-table th,.presupuestos-table td{padding:10px}}@media (max-width: 480px){.admin-presupuestos-container{padding:10px}.admin-presupuestos-header{padding:15px}.admin-presupuestos-header h1{font-size:1.8rem}.admin-stat-card,.admin-filters{padding:20px}.presupuestos-table th,.presupuestos-table td{padding:8px}}:root{--gu-border: #E5E7EB;--gu-border-strong: #D1D5DB;--gu-bg: #fff;--gu-text: #111;--gu-muted: #374151;--gu-accent: #EEF2FF;--gu-accent-border: #C7D2FE}.card.gu-card{display:grid;gap:12px;padding:16px;background:var(--gu-bg);color:var(--gu-text);border:1px solid var(--gu-border);border-radius:12px;overflow:visible;position:relative}.gu-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.gu-positions-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gu-position-card{border:1px solid var(--gu-border);border-radius:10px;padding:12px;background:var(--gu-bg);transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;overflow:hidden}.gu-position-card:hover{box-shadow:0 1px 6px #0000000d;border-color:var(--gu-border-strong)}.gu-position-card.selected{background:var(--gu-accent);border-color:var(--gu-accent-border)}.gu-position-card.clickable{cursor:pointer}.gu-position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gu-position-title{font-weight:600;font-size:.95rem}.btn-icon{font-size:.8rem!important;padding:.3rem .6rem!important;line-height:1;display:inline-flex;align-items:center;justify-content:center}.gu-section{font-size:12px;color:var(--gu-muted);display:grid;gap:6px}.gu-section h5{font-weight:600;margin:6px 0 2px;font-size:12px;color:var(--gu-text)}.gu-entry-row{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}.gu-entry-label{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.gu-entry-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}.gu-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.gu-assign{display:grid;gap:8px;margin-top:8px}.gu-assign-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.gu-assign-bar label[style] input[aria-autocomplete]{font-size:1.05rem;padding:10px 14px;border-radius:10px;border:1px solid var(--gu-border);background:#fff;color:#111827;box-shadow:0 1px 2px #0000000a;transition:border-color .15s ease,box-shadow .15s ease}.gu-assign-bar label[style] input[aria-autocomplete]:focus{outline:none;border-color:var(--gu-accent-border);box-shadow:0 0 0 3px #c7d2fe73}.gu-assign-bar label[style] input[aria-autocomplete]::placeholder{color:#6b7280}#sugerencias-ean{font-size:.95rem;z-index:1000}#sugerencias-ean div[role=option]{border-bottom:1px solid #f3f4f6}#sugerencias-ean div[role=option]:last-child{border-bottom:none}@media (max-width: 640px){.gu-assign-bar label[style] input[aria-autocomplete]{font-size:1rem;padding:12px 16px}#sugerencias-ean{max-height:220px}}@media (hover: hover){#sugerencias-ean div[role=option]:hover{background:#f8fafc!important}}.gu-history{font-size:12px;color:var(--gu-muted)}.gu-assign-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%}.gu-assign-btn .label-full{display:inline}.gu-assign-btn .label-short{display:none}@media (max-width: 420px){.gu-assign-btn{padding:.5rem .75rem!important;font-size:.9rem!important}.gu-assign-btn .label-full{display:none}.gu-assign-btn .label-short{display:inline}}@media (max-width: 480px){.gu-filter-bar label{flex:1 1 100%}.gu-filter-bar select{width:100%}.gu-assign-bar label{flex:1 1 100%}.gu-assign-bar input,.gu-assign-bar select,.gu-assign-btn{width:100%}.gu-positions-grid{grid-template-columns:1fr;gap:10px}.gu-position-title{font-size:1rem}.gu-entry-label input[type=checkbox]{width:18px;height:18px}}:root{--u-border: #E5E7EB;--u-border-strong: #D1D5DB;--u-bg: #fff;--u-text: #111;--u-muted: #374151}.u-card{display:grid;gap:16px;padding:16px;background:var(--u-bg);color:var(--u-text);border:1px solid var(--u-border);border-radius:12px}.u-list{display:grid;gap:8px}.u-list-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--u-border);border-radius:8px;padding:12px;background:var(--u-bg)}.u-title{font-size:.95rem;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.u-state{font-size:.75rem;color:var(--u-muted)}.u-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:nowrap}.u-actions .btn{background:#f9fafb;border:1px solid #E5E7EB;color:#111;padding:.4rem .7rem;line-height:1}.u-actions .btn:hover{background:#f3f4f6}.u-actions .btn.btn-danger{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.u-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.u-form label{display:grid}.u-select-block{margin:4px 0}.u-select-block select{width:100%}@media (max-width: 480px){.u-list-item{align-items:start}.u-actions{gap:4px}.u-actions .btn{padding:.45rem .65rem;font-size:.95rem}.u-form label{flex:1 1 100%}.u-form input,.u-form select{width:100%}}.u-chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;line-height:1.2;border:1px solid transparent}.u-chip.success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.u-chip.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.buscador-productos{position:relative;margin-bottom:var(--spacing-8, 32px)}.buscador-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-6, 24px);border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0;border:3px solid var(--color-primary, #e70000);border-bottom:none;position:relative;overflow:hidden}.buscador-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e70000,#f44,#e70000);background-size:200% 100%;animation:shimmer 3s linear infinite}.buscador-header h4{margin:0 0 var(--spacing-2, 8px) 0;font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #e70000);display:flex;align-items:center;gap:var(--spacing-3, 12px)}.buscador-header p{margin:0;color:var(--text-secondary, #666);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500)}.buscador-input-container{position:relative;background:#fff;border:3px solid var(--color-primary, #e70000);border-top:1px solid #dee2e6;border-radius:0 0 var(--radius-xl, 16px) var(--radius-xl, 16px);padding:var(--spacing-5, 20px);box-shadow:0 8px 24px #e7000026}.buscador-input{width:100%;padding:var(--spacing-4, 16px) var(--spacing-5, 20px);font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-medium, 500);border:2px solid var(--border-color, #dee2e6);border-radius:var(--radius-lg, 12px);transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:var(--text-primary, #333)}.buscador-input::placeholder{color:var(--text-muted, #999);font-weight:var(--font-weight-normal, 400)}.buscador-input:focus{outline:none;border-color:var(--color-primary, #e70000);box-shadow:0 0 0 4px #e700001a;transform:translateY(-2px)}.buscador-loading{position:absolute;right:var(--spacing-8, 32px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-2, 8px)}.spinner-small{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid var(--color-primary, #e70000);border-radius:50%;animation:spin .8s linear infinite}.buscador-resultados{position:absolute;top:100%;left:0;right:0;background:#fff;border:3px solid var(--color-primary, #e70000);border-top:2px solid #dee2e6;border-radius:0 0 var(--radius-xl, 16px) var(--radius-xl, 16px);box-shadow:0 12px 32px #e7000033;z-index:1000;max-height:500px;overflow:hidden;display:flex;flex-direction:column;margin-top:var(--spacing-2, 8px)}.resultados-header{padding:var(--spacing-4, 16px) var(--spacing-5, 20px);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border-color-light, #e9ecef);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.resultados-lista{overflow-y:auto;max-height:440px}.resultado-item{border-bottom:1px solid var(--border-color-light, #e9ecef);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.resultado-item:hover{background:linear-gradient(135deg,#fff5f5,#ffe8e8);transform:translate(4px)}.resultado-item-flex{display:flex;align-items:stretch;gap:0}.resultado-item-content{flex:1;padding:var(--spacing-4, 16px) var(--spacing-5, 20px);display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.resultado-ean{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #e70000);font-family:Courier New,Consolas,monospace;letter-spacing:1px}.resultado-descripcion{font-size:var(--font-size-base, 16px);color:var(--text-primary, #333);font-weight:var(--font-weight-medium, 500);line-height:1.5}.resultado-precio-stock{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #666);font-weight:var(--font-weight-semibold, 600);display:flex;gap:var(--spacing-4, 16px)}.resultado-item-actions{display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:0 var(--spacing-4, 16px);border-left:2px solid var(--border-color-light, #e9ecef)}.resultado-accion{padding:var(--spacing-3, 12px) var(--spacing-5, 20px);background:linear-gradient(135deg,#e70000,#d00000);color:#fff;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #e7000033;white-space:nowrap}.resultado-accion:hover{background:linear-gradient(135deg,#f44,#e70000);transform:scale(1.05);box-shadow:0 6px 16px #e700004d}.buscador-sin-resultados{position:absolute;top:100%;left:0;right:0;background:#fff;border:3px solid var(--color-primary, #e70000);border-top:2px solid #dee2e6;border-radius:0 0 var(--radius-xl, 16px) var(--radius-xl, 16px);box-shadow:0 12px 32px #e7000033;z-index:1000;padding:var(--spacing-10, 40px) var(--spacing-5, 20px);text-align:center;margin-top:var(--spacing-2, 8px)}.sin-resultados-icon{font-size:48px;margin-bottom:var(--spacing-4, 16px);opacity:.3}.buscador-sin-resultados p{margin:0 0 var(--spacing-2, 8px) 0;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #333)}.buscador-sin-resultados small{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #666)}.buscador-instrucciones{margin-top:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);color:#0d47a1;font-weight:var(--font-weight-medium, 500)}.buscador-instrucciones p{margin:0}.alert-error{margin-top:var(--spacing-4, 16px);padding:var(--spacing-4, 16px) var(--spacing-5, 20px);background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #f5c6cb;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);display:flex;align-items:center;gap:var(--spacing-3, 12px);box-shadow:0 4px 12px #dc354526}@media (max-width: 768px){.buscador-header h4{font-size:var(--font-size-xl, 20px)}.buscador-input{font-size:var(--font-size-base, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px)}.buscador-resultados{max-height:400px}.resultado-item-flex{flex-direction:column}.resultado-item-actions{border-left:none;border-top:2px solid var(--border-color-light, #e9ecef);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);justify-content:space-between}.resultado-accion{flex:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.buscador-resultados,.buscador-sin-resultados{animation:fadeIn .2s ease-out}.folio-presupuesto-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:flex-start;z-index:9999;padding:0;overflow-y:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.folio-presupuesto-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:900px;margin:20px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:10000}.modal-header{background:#e31837;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s;position:relative;z-index:10001}.modal-actions .btn-primary{background:#fff;color:#e31837}.modal-actions .btn-primary:hover{background:#f8f9fa}.modal-actions .btn-secondary{background:transparent;color:#fff;border:1px solid white}.modal-actions .btn-secondary:hover{background:#ffffff1a}.folio-container{max-width:800px;margin:0 auto;background:#fff;font-family:Arial,sans-serif;line-height:1.4;overflow-y:auto;flex:1}.print-controls{margin-bottom:20px;text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e31837;box-shadow:0 2px 8px #e318371a}.print-btn{background:#e31837;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;position:relative;z-index:10001}.print-btn:hover{background:#c41e3a;transform:translateY(-2px);box-shadow:0 4px 12px #e318374d}.print-btn:active{transform:translateY(0)}.folio-content{background:#fff;padding:30px;box-shadow:0 0 10px #0000001a;border-radius:8px}.folio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:3px solid #e31837;position:relative}.folio-logo{flex:0 0 150px}.logo-placeholder{background:transparent;color:#fff;padding:10px;text-align:center;border-radius:8px;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}.logo-text{display:block}.logo-image{max-width:100%;height:auto;max-height:60px;object-fit:contain}.folio-empresa-info{flex:1;text-align:center;margin-left:20px}.folio-title{color:#e31837;font-size:24px;font-weight:700;margin:0 0 15px;text-transform:uppercase}.folio-direccion{color:#666;font-size:14px;line-height:1.5}.folio-direccion p{margin:5px 0}.folio-qr-header{flex:0 0 65px;background:transparent;padding:5px;display:flex;align-items:center;justify-content:center}.folio-qr-header svg{display:block;width:55px!important;height:55px!important}.folio-codigo-qr-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px}.folio-codigo-text{width:100%;text-align:center}.folio-codigo-producto{font-family:Courier New,monospace;font-weight:700;font-size:11px;color:#333;display:block;word-break:break-all}.folio-qr-wrapper{background:transparent;padding:2px;display:flex;align-items:center;justify-content:center}.folio-producto-qr{display:block!important;width:50px!important;height:50px!important;background:#fff!important}.folio-info{display:flex;justify-content:space-between;margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:6px}.folio-folio,.folio-fecha,.folio-validez{display:flex;flex-direction:column}.folio-label{font-weight:700;color:#333;font-size:14px;margin-bottom:5px}.folio-value{color:#e31837;font-size:16px;font-weight:700}.folio-folio .folio-value{color:#000!important;font-weight:900!important;font-size:20px!important;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.folio-section-title{color:#e31837;font-size:18px;font-weight:700;margin:25px 0 15px;padding-bottom:8px;border-bottom:2px solid #e9ecef;text-transform:uppercase}.folio-cliente{margin-bottom:25px}.folio-cliente-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.folio-field{display:flex;flex-direction:column}.folio-productos{margin-bottom:25px}.folio-productos-table{overflow-x:auto}.folio-table{width:100%;border-collapse:collapse;margin-top:10px}.folio-table th,.folio-table td{padding:10px;text-align:left;border:1px solid #dee2e6}.folio-table th{background:#e31837;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}.folio-table td{font-size:13px}.folio-total-row{background:#f8f9fa;font-weight:700}.folio-table tfoot td{white-space:nowrap}.folio-desglose{margin-bottom:25px}.folio-desglose-table{overflow-x:auto}.folio-desglose-table .folio-table{width:50%;margin-left:auto}.folio-observaciones{margin-bottom:25px}.folio-observaciones-content{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #e31837}.folio-observaciones-content p{margin:0;font-style:italic}.folio-condiciones{margin-bottom:25px}.folio-condiciones-content{background:#f8f9fa;padding:20px;border-radius:6px;border-left:4px solid #e31837}.folio-condiciones-seccion{margin-bottom:20px}.folio-condiciones-seccion:last-child{margin-bottom:0}.folio-condiciones-seccion h3{color:#e31837;font-size:14px;font-weight:700;margin-bottom:15px;text-transform:uppercase}.folio-condiciones-item{margin-bottom:12px;font-size:12px;line-height:1.4;text-align:justify}.folio-condiciones-item:last-child{margin-bottom:0}.folio-condiciones-item strong{color:#e31837;font-weight:700}.folio-transferencias{margin-bottom:25px}.folio-transferencias-content{background:#fff3cd;padding:20px;border-radius:6px;border:1px solid #ffeaa7}.folio-transferencia-info p{margin:8px 0;font-size:14px;line-height:1.5}.folio-firmas{margin-bottom:25px}.folio-firmas-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.folio-firma-section{text-align:center}.folio-firma-title{color:#e31837;font-size:14px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.folio-firma-line{height:60px;border-bottom:2px solid #333;margin-bottom:5px}.folio-total-display{font-size:18px;font-weight:700;color:#e31837;padding:10px;background:#f8f9fa;border-radius:6px;border:2px solid #e31837}.folio-firma-texto{text-align:center;font-size:12px;color:#666}.folio-firma-texto p{margin:5px 0}.folio-proteccion-datos{margin-bottom:25px}.folio-proteccion-content{background:#f8f9fa;padding:20px;border-radius:6px;border-left:4px solid #e31837}.folio-proteccion-item{margin-bottom:15px;font-size:12px;line-height:1.4}.folio-proteccion-item strong{color:#e31837;display:block;margin-bottom:5px}.folio-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #e9ecef;margin-top:30px}.folio-footer-content{flex:1}.folio-footer-content p{margin:5px 0;font-size:12px;color:#666}.folio-footer-logo{flex-shrink:0;margin-left:20px}.footer-logo-text{color:#e31837;font-weight:700;font-size:16px}.print-only{display:none}@media print{.folio-qr-header{flex:0 0 18mm!important;background:transparent!important;padding:1mm!important;box-shadow:none!important;page-break-inside:avoid!important}.folio-qr-header svg{width:16mm!important;height:16mm!important}.folio-qr-wrapper{background:transparent!important;padding:0!important;page-break-inside:avoid!important}.folio-producto-qr{width:16mm!important;height:16mm!important;display:block!important;background:#fff!important}.folio-codigo-qr-container{padding:2mm!important;page-break-inside:avoid!important}.folio-codigo-producto{font-size:9pt!important;margin-bottom:2mm!important}@page{margin:0;padding:0;size:A4}body{margin:0;padding:0;background:#fff}*{visibility:hidden}.print-only,.print-only *{visibility:visible!important}.print-only{display:block!important;position:absolute;top:0;left:0;background:#fff;padding:0;margin:0;width:100%;height:auto;min-height:100vh;page-break-before:always;page-break-after:avoid;page-break-inside:avoid}.folio-container{max-width:none;margin:0;padding:0;box-shadow:none;border-radius:0}.folio-content{box-shadow:none;border-radius:0;padding:20px;margin:0;page-break-inside:avoid;height:auto;min-height:100vh}.folio-header{border-bottom:2px solid #e31837}.folio-section-title{border-bottom:1px solid #e9ecef}.folio-table th{background:#e31837!important;color:#fff!important;white-space:nowrap!important}.folio-total-row{background:#f8f9fa!important}.folio-condiciones-content{background:#f8f9fa!important;border-left:4px solid #e31837!important}.folio-transferencias-content{background:#fff3cd!important;border:1px solid #ffeaa7!important}.folio-proteccion-content{background:#f8f9fa!important;border-left:4px solid #e31837!important}.folio-qr-header{background:#fff!important;box-shadow:0 2px 4px #0000001a!important}.folio-firma-line{border-bottom:1px solid #333!important}.folio-total-display{background:#f8f9fa!important;border:2px solid #e31837!important}.folio-header,.folio-info,.folio-cliente,.folio-productos,.folio-desglose,.folio-firmas{page-break-after:avoid}.folio-condiciones,.folio-transferencias,.folio-proteccion-datos{page-break-before:always;page-break-after:avoid}.folio-footer{page-break-before:avoid}}.folio-productos-table .folio-table{table-layout:fixed}.folio-productos-table .folio-table thead th:nth-child(1),.folio-productos-table .folio-table tbody td:nth-child(1){width:15%;text-align:center;vertical-align:middle}.folio-productos-table .folio-table thead th:nth-child(2),.folio-productos-table .folio-table tbody td:nth-child(2){width:30%}.folio-productos-table .folio-table thead th:nth-child(3),.folio-productos-table .folio-table tbody td:nth-child(3){width:7%;text-align:right}.folio-productos-table .folio-table thead th:nth-child(4),.folio-productos-table .folio-table tbody td:nth-child(4){width:11%;text-align:right}.folio-productos-table .folio-table thead th:nth-child(5),.folio-productos-table .folio-table tbody td:nth-child(5){width:7%;text-align:right}.folio-productos-table .folio-table thead th:nth-child(6),.folio-productos-table .folio-table tbody td:nth-child(6){width:11%;text-align:right}.folio-productos-table .folio-table thead th:nth-child(7),.folio-productos-table .folio-table tbody td:nth-child(7){width:12%;text-align:right}@media screen{.folio-qr-wrapper{background:transparent;padding:2px;display:flex;align-items:center;justify-content:center}.folio-codigo-text{width:100%;text-align:center}}.demarcas-container{padding:var(--spacing-6, 24px);max-width:1400px;margin:0 auto}.demarcas-header{margin-bottom:var(--spacing-8, 32px);text-align:center}.demarcas-header h2{font-size:var(--font-size-4xl, 36px);color:var(--text-primary, #333);margin-bottom:var(--spacing-2, 8px);font-weight:var(--font-weight-bold, 700);background:linear-gradient(135deg,#e70000,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary, #666);font-size:var(--font-size-lg, 18px);margin:0}.demarcas-tabs{display:flex;gap:var(--spacing-2, 8px);margin-bottom:var(--spacing-8, 32px);background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-3, 12px);border-radius:var(--radius-xl, 16px);box-shadow:0 4px 12px #00000014;border:2px solid var(--border-color-light, #e9ecef);position:relative;overflow:hidden}.demarcas-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e70000,#f44,#e70000);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-button{flex:1;padding:var(--spacing-4, 16px) var(--spacing-6, 24px);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg, 12px);color:var(--text-secondary, #666);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,0,0,.1),transparent);transition:left .5s}.tab-button:hover:before{left:100%}.tab-button:hover{color:var(--color-primary, #e70000);border-color:var(--color-primary-light, #ff4444);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#e70000,#d00000);color:#fff;border-color:var(--color-primary-dark, #d00000);box-shadow:0 6px 16px #e700004d;transform:scale(1.02)}.tab-button.active:after{content:"✓";position:absolute;top:4px;right:8px;font-size:14px;opacity:.8}.demarcas-form-container{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-8, 32px);border-radius:var(--radius-2xl, 20px);box-shadow:0 8px 24px #0000001a;border:2px solid var(--border-color-light, #e9ecef);position:relative;overflow:hidden}.demarcas-form-container:before{content:"🏷️";position:absolute;top:-30px;right:-30px;font-size:150px;opacity:.03;pointer-events:none;transform:rotate(-15deg)}.demarca-form{max-width:800px;position:relative;z-index:1}.form-section{margin-bottom:var(--spacing-8, 32px);padding-bottom:var(--spacing-8, 32px);border-bottom:2px solid var(--border-color-light, #e9ecef);background:#fff;padding:var(--spacing-6, 24px);border-radius:var(--radius-xl, 16px);box-shadow:0 2px 8px #0000000d}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{color:var(--text-primary, #333);font-size:var(--font-size-xl, 20px);margin-bottom:var(--spacing-5, 20px);font-weight:var(--font-weight-bold, 700);display:flex;align-items:center;gap:var(--spacing-3, 12px)}.form-section h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#e70000,#f44);border-radius:var(--radius-full, 9999px)}.producto-seleccionado{margin-top:var(--spacing-4, 16px);padding:var(--spacing-5, 20px);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid var(--color-success, #28a745);border-radius:var(--radius-lg, 12px);font-size:var(--font-size-sm, 14px);line-height:1.8;color:var(--color-success-dark, #1e7e34);box-shadow:0 2px 8px #28a7451a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.producto-seleccionado strong{color:var(--color-success, #28a745);font-weight:var(--font-weight-bold, 700)}.cantidad-input-group{display:flex;align-items:center;gap:var(--spacing-3, 12px);max-width:220px}.cantidad-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e70000,#d00000);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:24px;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e7000033}.cantidad-btn:hover:not(:disabled){background:linear-gradient(135deg,#f44,#e70000);transform:scale(1.1);box-shadow:0 6px 16px #e700004d}.cantidad-btn:active:not(:disabled){transform:scale(.95)}.cantidad-btn:disabled{background:linear-gradient(135deg,#e2e3e5,#ced4da);cursor:not-allowed;box-shadow:none;opacity:.6}.cantidad-input{flex:1;text-align:center;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-xl, 20px);color:var(--color-primary, #e70000);border:2px solid var(--color-primary-light, #ff4444)!important;border-radius:var(--radius-lg, 12px);padding:var(--spacing-3, 12px)!important;box-shadow:inset 0 2px 4px #0000000d}.cantidad-input:focus{border-color:var(--color-primary, #e70000)!important;box-shadow:0 0 0 4px #e700001a!important}.cantidad-input::-webkit-outer-spin-button,.cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cantidad-input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-actions{margin-top:var(--spacing-8, 32px);display:flex;justify-content:flex-end;gap:var(--spacing-4, 16px)}.btn{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);border:none;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#e70000,#d00000);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f44,#e70000);transform:translateY(-2px);box-shadow:0 6px 20px #e700004d}.btn-primary:disabled{background:linear-gradient(135deg,#e2e3e5,#ced4da);cursor:not-allowed;box-shadow:none;opacity:.6}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.btn-secondary:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.alert{padding:var(--spacing-4, 16px) var(--spacing-5, 20px);border-radius:var(--radius-lg, 12px);margin-bottom:var(--spacing-5, 20px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);display:flex;align-items:center;gap:var(--spacing-3, 12px);box-shadow:0 4px 12px #0000001a;animation:slideIn .3s ease-out}.alert:before{font-size:20px}.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #f5c6cb}.alert-danger:before{content:"⚠️"}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #c3e6cb}.alert-success:before{content:"✅"}.demarcas-listado-container{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-8, 32px);border-radius:var(--radius-2xl, 20px);box-shadow:0 8px 24px #0000001a;border:2px solid var(--border-color-light, #e9ecef)}.filtros-container{display:flex;gap:var(--spacing-4, 16px);margin-bottom:var(--spacing-8, 32px);flex-wrap:wrap}.filtro-select{max-width:280px;flex:1;min-width:200px;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border:2px solid var(--border-color, #dee2e6);border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 16px);background:#fff;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000d}.filtro-select:hover{border-color:var(--color-primary-light, #ff4444);box-shadow:0 4px 12px #e700001a}.filtro-select:focus{outline:none;border-color:var(--color-primary, #e70000);box-shadow:0 0 0 4px #e700001a}.solicitudes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-6, 24px);margin-bottom:var(--spacing-8, 32px)}.solicitud-card{background:#fff;border:2px solid var(--border-color-light, #e9ecef);border-radius:var(--radius-xl, 16px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014}.solicitud-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--color-primary-light, #ff4444)}.solicitud-header{padding:var(--spacing-4, 16px);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border-color-light, #e9ecef);display:flex;gap:var(--spacing-3, 12px);flex-wrap:wrap}.badge{padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.badge-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffc107}.badge-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #28a745}.badge-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #dc3545}.badge-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border:1px solid #17a2b8}.badge-secondary{background:linear-gradient(135deg,#e2e3e5,#d6d8db);color:#383d41;border:1px solid #6c757d}.solicitud-body{padding:var(--spacing-5, 20px)}.solicitud-ean{font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--color-primary, #e70000);margin-bottom:var(--spacing-2, 8px);font-family:Courier New,Consolas,monospace;letter-spacing:1px}.solicitud-descripcion{font-size:var(--font-size-sm, 14px);color:var(--text-primary, #333);margin-bottom:var(--spacing-4, 16px);line-height:1.6;font-weight:var(--font-weight-medium, 500)}.solicitud-info{border-top:2px solid var(--border-color-light, #e9ecef);padding-top:var(--spacing-4, 16px);margin-top:var(--spacing-4, 16px)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px);padding:var(--spacing-2, 8px);border-radius:var(--radius-md, 8px);transition:background .2s}.info-row:hover{background:var(--bg-gradient-light, #f8f9fa)}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-secondary, #666);font-weight:var(--font-weight-semibold, 600);display:flex;align-items:center;gap:var(--spacing-2, 8px)}.info-value{color:var(--text-primary, #333);font-weight:var(--font-weight-medium, 500);text-align:right}.loading-container{text-align:center;padding:var(--spacing-10, 40px) var(--spacing-5, 20px);color:var(--text-secondary, #666);font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-medium, 500)}.loading-container:before{content:"⏳";display:block;font-size:48px;margin-bottom:var(--spacing-4, 16px);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.empty-state{text-align:center;padding:var(--spacing-10, 40px) var(--spacing-5, 20px);color:var(--text-secondary, #999)}.empty-state:before{content:"📭";display:block;font-size:64px;margin-bottom:var(--spacing-4, 16px);opacity:.5}.empty-state p{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-medium, 500);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-5, 20px);margin-top:var(--spacing-8, 32px);padding:var(--spacing-5, 20px);background:#fff;border-radius:var(--radius-xl, 16px);box-shadow:0 2px 8px #0000000d}.pagination-info{color:var(--text-secondary, #666);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);padding:var(--spacing-2, 8px) var(--spacing-4, 16px);background:var(--bg-gradient-light, #f8f9fa);border-radius:var(--radius-md, 8px)}@media (max-width: 768px){.demarcas-container{padding:var(--spacing-4, 16px)}.demarcas-header h2{font-size:var(--font-size-3xl, 30px)}.demarcas-tabs{flex-direction:column;gap:var(--spacing-2, 8px)}.tab-button{padding:var(--spacing-3, 12px)}.solicitudes-grid{grid-template-columns:1fr}.filtros-container{flex-direction:column}.filtro-select{max-width:100%}.demarcas-form-container,.demarcas-listado-container{padding:var(--spacing-5, 20px)}.cantidad-input-group{max-width:100%}.pagination{flex-direction:column;gap:var(--spacing-3, 12px)}}.jefe-sector-detalle-pendiente{padding:20px;background-color:#f8f9fa;min-height:100vh}.jefe-sector-detalle-pendiente .page-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.jefe-sector-detalle-pendiente .page-header h2{color:#333;margin:0;font-size:1.8em}.jefe-sector-detalle-pendiente .header-actions{margin-top:10px}.jefe-sector-detalle-pendiente .logistica-pendiente-info{margin-bottom:30px}.jefe-sector-detalle-pendiente .info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.jefe-sector-detalle-pendiente .info-header{background:#e70000;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.jefe-sector-detalle-pendiente .info-header h3{margin:0;color:#fff;font-size:1.5em}.jefe-sector-detalle-pendiente .logistica-estado-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9em}.jefe-sector-detalle-pendiente .logistica-estado-badge.logistica-estado-preparacion{background-color:#ffc107;color:#000}.jefe-sector-detalle-pendiente .logistica-estado-badge.logistica-estado-preparado{background-color:#28a745;color:#fff}.jefe-sector-detalle-pendiente .logistica-estado-badge.logistica-estado-entregado{background-color:#17a2b8;color:#fff}.jefe-sector-detalle-pendiente .logistica-estado-badge.logistica-estado-cancelado{background-color:#dc3545;color:#fff}.jefe-sector-detalle-pendiente .info-body{padding:20px}.jefe-sector-detalle-pendiente .info-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.jefe-sector-detalle-pendiente .info-section:last-child{border-bottom:none;margin-bottom:0}.jefe-sector-detalle-pendiente .info-section h4{color:#333;margin:0 0 15px;font-size:1.2em;font-weight:600}.jefe-sector-detalle-pendiente .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.jefe-sector-detalle-pendiente .info-item{display:flex;flex-direction:column;gap:5px}.jefe-sector-detalle-pendiente .info-item label{font-weight:600;color:#666;font-size:.9em}.jefe-sector-detalle-pendiente .info-item span{color:#333;font-size:1em}.jefe-sector-detalle-pendiente .estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:15px}.jefe-sector-detalle-pendiente .estadistica-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.jefe-sector-detalle-pendiente .estadistica-valor{display:block;font-size:1.8em;font-weight:700;color:#333;margin-bottom:5px}.jefe-sector-detalle-pendiente .estadistica-valor.estadistica-alistados{color:#28a745}.jefe-sector-detalle-pendiente .estadistica-valor.estadistica-pendientes{color:#ffc107}.jefe-sector-detalle-pendiente .estadistica-valor.estadistica-no-disponibles{color:#dc3545}.jefe-sector-detalle-pendiente .estadistica-label{font-size:.9em;color:#666;font-weight:500}.jefe-sector-detalle-pendiente .progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:10px}.jefe-sector-detalle-pendiente .progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.jefe-sector-detalle-pendiente .progress-text{text-align:center;font-size:.9em;color:#666;font-weight:500}.jefe-sector-detalle-pendiente .observaciones-content{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #e70000}.jefe-sector-detalle-pendiente .observaciones-content p{margin:0;color:#333;line-height:1.5}.jefe-sector-detalle-pendiente .logistica-productos-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.jefe-sector-detalle-pendiente .logistica-productos-section h3{color:#333;margin:0 0 20px;font-size:1.3em;font-weight:600}.jefe-sector-detalle-pendiente .productos-table{overflow-x:auto}.jefe-sector-detalle-pendiente .productos-table table{width:100%;border-collapse:collapse;background:#fff}.jefe-sector-detalle-pendiente .productos-table th{background:#e70000;color:#fff;padding:12px 8px;text-align:left;font-weight:600;font-size:.9em}.jefe-sector-detalle-pendiente .productos-table td{padding:12px 8px;border-bottom:1px solid #e9ecef;color:#333;font-size:.9em}.jefe-sector-detalle-pendiente .productos-table tr:hover{background-color:#f8f9fa}.jefe-sector-detalle-pendiente .producto-estado-badge{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:500;text-transform:uppercase}.jefe-sector-detalle-pendiente .producto-estado-badge.producto-alistado{background-color:#d4edda;color:#155724}.jefe-sector-detalle-pendiente .producto-estado-badge.producto-pendiente{background-color:#fff3cd;color:#856404}.jefe-sector-detalle-pendiente .producto-estado-badge.producto-no-disponible{background-color:#f8d7da;color:#721c24}.jefe-sector-detalle-pendiente .producto-estado-badge.producto-entregado{background-color:#d1ecf1;color:#0c5460}.jefe-sector-detalle-pendiente .producto-estado-badge.producto-entregado-parcial{background-color:#e2e3e5;color:#383d41}.jefe-sector-detalle-pendiente .logistica-tickets-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.jefe-sector-detalle-pendiente .logistica-tickets-section h3{color:#333;margin:0 0 20px;font-size:1.3em;font-weight:600}.jefe-sector-detalle-pendiente .tickets-table{overflow-x:auto}.jefe-sector-detalle-pendiente .tickets-table table{width:100%;border-collapse:collapse;background:#fff}.jefe-sector-detalle-pendiente .tickets-table th{background:#6c757d;color:#fff;padding:12px 8px;text-align:left;font-weight:600;font-size:.9em}.jefe-sector-detalle-pendiente .tickets-table td{padding:12px 8px;border-bottom:1px solid #e9ecef;color:#333;font-size:.9em}.jefe-sector-detalle-pendiente .tickets-table tr:hover{background-color:#f8f9fa}.jefe-sector-detalle-pendiente .qr-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.jefe-sector-detalle-pendiente .qr-section h3{color:#333;margin:0 0 20px;font-size:1.3em;font-weight:600}.jefe-sector-detalle-pendiente .qr-container{display:flex;justify-content:center;align-items:center}.jefe-sector-detalle-pendiente .no-productos{text-align:center;padding:40px;color:#666}.jefe-sector-detalle-pendiente .no-productos p{margin:0;font-size:1.1em}.jefe-sector-detalle-pendiente .loading{text-align:center;padding:40px;color:#666;font-size:1.1em}.jefe-sector-detalle-pendiente .alert{padding:15px;border-radius:8px;margin-bottom:20px}.jefe-sector-detalle-pendiente .alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.jefe-sector-detalle-pendiente .btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s ease}.jefe-sector-detalle-pendiente .btn-primary{background-color:#e70000;color:#fff}.jefe-sector-detalle-pendiente .btn-primary:hover{background-color:#c60000}.jefe-sector-detalle-pendiente .btn-secondary{background-color:#6c757d;color:#fff}.jefe-sector-detalle-pendiente .btn-secondary:hover{background-color:#545b62}.jefe-sector-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.jefe-sector-stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.jefe-sector-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#e70000,#f44);border-radius:12px 12px 0 0}.jefe-sector-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.jefe-sector-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.jefe-sector-stat-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#e70000,#f44);box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.jefe-sector-stat-title{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em;margin:0}.jefe-sector-stat-value{font-size:2.5rem;font-weight:700;color:#333;margin:10px 0;line-height:1}.stat-item{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#e70000,#f44);border-radius:12px 12px 0 0}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.stat-item h4{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em;margin:0 0 15px}.stat-item p{font-size:2.5rem;font-weight:700;color:#333;margin:0;line-height:1}.jefe-sector-stats-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 8px #0000001a;border:1px solid #e9ecef;margin-bottom:30px}.jefe-sector-stats-card h3{color:#333;margin:0 0 20px;font-size:1.3em;font-weight:600;border-bottom:2px solid #e70000;padding-bottom:10px}.jefe-sector-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}@media (max-width: 768px){.jefe-sector-stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.jefe-sector-stats-card{padding:20px}}@media (max-width: 480px){.jefe-sector-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.jefe-sector-stats-card{padding:15px}.jefe-sector-stats-card h3{font-size:1.1em;margin-bottom:15px}.stat-item h4{font-size:.8rem}.stat-item p{font-size:2rem}}.jefe-sector-pendientes-container{padding:20px;max-width:1400px;margin:0 auto}.jefe-sector-btn-sm{padding:8px 12px;font-size:12px}.jefe-sector-pendientes-table-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.jefe-sector-pendientes-table{width:100%;border-collapse:collapse;min-width:800px}.jefe-sector-pendientes-table th{background:linear-gradient(135deg,#e70000,#f44);color:#fff;padding:15px 8px;text-align:left;font-weight:600;font-size:13px;border:none;white-space:nowrap}.jefe-sector-pendientes-table td{padding:12px 8px;border-bottom:1px solid #e9ecef;vertical-align:top;font-size:12px}.jefe-sector-cliente-info{display:flex;flex-direction:column;gap:2px}.jefe-sector-cliente-nombre{font-weight:600;color:#495057;font-size:12px;line-height:1.2}.jefe-sector-cliente-details{display:flex;flex-direction:column;gap:1px}.jefe-sector-cliente-nie,.jefe-sector-cliente-tel{font-size:10px;color:#6c757d;line-height:1.1}.jefe-sector-estado-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;text-align:center;width:100%}.jefe-sector-estado-badge.en-preparacion{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 2px 8px #ff6b354d}.jefe-sector-estado-badge.preparado{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 2px 8px #00b4d84d}.jefe-sector-estado-badge.entregado{background:linear-gradient(135deg,#06d6a0,#118ab2);color:#fff;box-shadow:0 2px 8px #06d6a04d}.jefe-sector-estado-badge.cancelado{background:linear-gradient(135deg,#ef476f,#d62828);color:#fff;box-shadow:0 2px 8px #ef476f4d}.jefe-sector-productos-cell{min-width:120px;max-width:120px}.jefe-sector-productos-resumen{display:flex;flex-direction:column;gap:2px}.jefe-sector-producto-item{display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.1}.jefe-sector-producto-label{color:#6c757d;font-weight:500}.jefe-sector-producto-value{font-weight:600;color:#495057}.jefe-sector-producto-alistados{color:#28a745}.jefe-sector-producto-pendientes{color:#ffc107}.jefe-sector-producto-no-disponibles{color:#dc3545}.jefe-sector-observaciones-cell{min-width:150px;max-width:150px}.jefe-sector-observaciones-text{font-size:10px;color:#495057;line-height:1.3;cursor:help;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jefe-sector-sin-observaciones{font-size:10px;color:#6c757d;font-style:italic}.jefe-sector-fecha-cell{min-width:80px;max-width:80px;font-size:10px;color:#6c757d}.jefe-sector-creador-cell{min-width:100px;max-width:100px;font-size:10px;color:#495057}.jefe-sector-acciones-cell .jefe-sector-btn{margin:2px;padding:6px 8px;font-size:10px}.jefe-sector-no-pendientes{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.jefe-sector-no-pendientes-content{max-width:400px;margin:0 auto}.jefe-sector-no-pendientes-icon{font-size:64px;margin-bottom:20px;opacity:.5}.jefe-sector-no-pendientes h3{color:#6c757d;margin-bottom:10px}.jefe-sector-no-pendientes p{color:#6c757d;margin-bottom:0}@media (max-width: 1024px){.jefe-sector-pendientes-container{padding:15px}.jefe-sector-stats-grid,.jefe-sector-filters-grid{grid-template-columns:repeat(2,1fr);gap:15px}.jefe-sector-filter-actions{grid-column:span 2;justify-content:stretch}.jefe-sector-btn{flex:1;justify-content:center}.jefe-sector-pendientes-table{min-width:700px}.jefe-sector-pendientes-table th,.jefe-sector-pendientes-table td{padding:10px 6px}}@media (max-width: 768px){.jefe-sector-stats-grid,.jefe-sector-filters-grid{grid-template-columns:1fr;gap:10px}.jefe-sector-filter-actions{grid-column:span 1}.jefe-sector-stat-card{padding:15px}.jefe-sector-stat-value{font-size:24px}.jefe-sector-pendientes-table{min-width:600px}.jefe-sector-pendientes-table th,.jefe-sector-pendientes-table td{padding:8px 4px;font-size:11px}.jefe-sector-folio-cell,.jefe-sector-cliente-cell,.jefe-sector-estado-cell,.jefe-sector-productos-cell,.jefe-sector-observaciones-cell,.jefe-sector-fecha-cell,.jefe-sector-creador-cell,.jefe-sector-acciones-cell{min-width:80px;max-width:80px}}@media (max-width: 480px){.jefe-sector-pendientes-container{padding:10px}.jefe-sector-filters-section{padding:15px}.jefe-sector-pendientes-table{min-width:500px}.jefe-sector-pendientes-table th,.jefe-sector-pendientes-table td{padding:6px 3px;font-size:10px}.jefe-sector-folio-cell,.jefe-sector-cliente-cell,.jefe-sector-estado-cell,.jefe-sector-productos-cell,.jefe-sector-observaciones-cell,.jefe-sector-fecha-cell,.jefe-sector-creador-cell,.jefe-sector-acciones-cell{min-width:70px;max-width:70px}}.jefe-sector-presupuestos-container{padding:20px;max-width:1400px;margin:0 auto}.jefe-sector-stats-section{margin-bottom:30px}.jefe-sector-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.jefe-sector-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.jefe-sector-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#e70000,#f44)}.jefe-sector-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.jefe-sector-stat-header{display:flex;align-items:center;margin-bottom:10px}.jefe-sector-stat-icon{font-size:24px;margin-right:10px;color:#e70000}.jefe-sector-stat-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.jefe-sector-stat-value{font-size:28px;font-weight:700;color:#333;line-height:1}.jefe-sector-filters-section{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d}.jefe-sector-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;align-items:end}.jefe-sector-filter-group{display:flex;flex-direction:column}.jefe-sector-filter-group label{font-weight:600;margin-bottom:8px;color:#495057;font-size:14px}.jefe-sector-form-control{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease;background:#fff}.jefe-sector-form-control:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 3px #e700001a}.jefe-sector-filter-actions{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.jefe-sector-btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.jefe-sector-btn-primary{background:linear-gradient(135deg,#e70000,#f44);color:#fff}.jefe-sector-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e700004d}.jefe-sector-btn-secondary{background:#6c757d;color:#fff}.jefe-sector-btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.jefe-sector-presupuestos-table-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.jefe-sector-table-container{overflow-x:auto;max-width:100%}.jefe-sector-presupuestos-table{width:100%;border-collapse:collapse;min-width:800px}.jefe-sector-presupuestos-table th{background:linear-gradient(135deg,#e70000,#f44);color:#fff;padding:15px 8px;text-align:left;font-weight:600;font-size:13px;border:none;white-space:nowrap}.jefe-sector-presupuestos-table td{padding:12px 8px;border-bottom:1px solid #e9ecef;vertical-align:top;font-size:12px}.jefe-sector-table-row:hover{background:#f8f9fa}.jefe-sector-folio-cell{font-weight:600;color:#495057;min-width:100px;max-width:100px}.jefe-sector-cliente-cell{min-width:150px;max-width:150px}.jefe-sector-estado-cell{min-width:100px;max-width:100px}.jefe-sector-sector-cell,.jefe-sector-seccion-cell{min-width:120px;max-width:120px}.jefe-sector-total-cell{min-width:100px;max-width:100px;font-weight:600;color:#28a745}.jefe-sector-fecha-cell{min-width:100px;max-width:100px;font-size:10px;color:#6c757d}.jefe-sector-acciones-cell{min-width:100px;max-width:100px;text-align:center}.jefe-sector-admin-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;text-align:center;width:100%}.jefe-sector-admin-badge.estado-borrador{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;box-shadow:0 2px 8px #6c757d4d}.jefe-sector-admin-badge.estado-enviado{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;box-shadow:0 2px 8px #00b4d84d}.jefe-sector-admin-badge.estado-convertido{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.jefe-sector-admin-badge.estado-rechazado{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.jefe-sector-no-presupuestos{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.jefe-sector-no-presupuestos-content{max-width:400px;margin:0 auto}.jefe-sector-no-presupuestos-icon{font-size:64px;margin-bottom:20px;opacity:.5}.jefe-sector-no-presupuestos h3{color:#6c757d;margin-bottom:10px}.jefe-sector-no-presupuestos p{color:#6c757d;margin-bottom:0}@media (max-width: 1024px){.jefe-sector-presupuestos-container{padding:15px}.jefe-sector-stats-grid,.jefe-sector-filters-grid{grid-template-columns:repeat(2,1fr);gap:15px}.jefe-sector-filter-actions{grid-column:span 2;justify-content:stretch}.jefe-sector-btn{flex:1;justify-content:center}.jefe-sector-presupuestos-table{min-width:700px}.jefe-sector-presupuestos-table th,.jefe-sector-presupuestos-table td{padding:10px 6px}}@media (max-width: 768px){.jefe-sector-stats-grid,.jefe-sector-filters-grid{grid-template-columns:1fr;gap:10px}.jefe-sector-filter-actions{grid-column:span 1}.jefe-sector-stat-card{padding:15px}.jefe-sector-stat-value{font-size:24px}.jefe-sector-presupuestos-table{min-width:600px}.jefe-sector-presupuestos-table th,.jefe-sector-presupuestos-table td{padding:8px 4px;font-size:11px}.jefe-sector-folio-cell,.jefe-sector-cliente-cell,.jefe-sector-estado-cell,.jefe-sector-sector-cell,.jefe-sector-seccion-cell,.jefe-sector-total-cell,.jefe-sector-fecha-cell,.jefe-sector-acciones-cell{min-width:80px;max-width:80px}}@media (max-width: 480px){.jefe-sector-presupuestos-container{padding:10px}.jefe-sector-filters-section{padding:15px}.jefe-sector-presupuestos-table{min-width:500px}.jefe-sector-presupuestos-table th,.jefe-sector-presupuestos-table td{padding:6px 3px;font-size:10px}.jefe-sector-folio-cell,.jefe-sector-cliente-cell,.jefe-sector-estado-cell,.jefe-sector-sector-cell,.jefe-sector-seccion-cell,.jefe-sector-total-cell,.jefe-sector-fecha-cell,.jefe-sector-acciones-cell{min-width:70px;max-width:70px}}.buscar-productos-jefe-sector{padding:20px;max-width:1200px;margin:0 auto}.jefe-sector-title{color:#2c3e50;margin-bottom:20px;font-size:1.8rem;font-weight:600}.read-only-indicator{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block;margin-bottom:20px}.read-only-indicator:before{content:"🔍 ";margin-right:5px}.search-container{margin-bottom:30px}.search-input-group{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:15px 20px;border:2px solid #bdc3c7;border-radius:25px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.filtros-ubicacion{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.filtro-item{display:flex;flex-direction:column;gap:6px}.filtro-item label{font-weight:600;color:#333;font-size:.9em}.filtro-item .form-control{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .3s ease}.filtro-item .form-control:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.filtro-modulo .modulo-inputs{display:flex;align-items:center;gap:8px}.modulo-separator{color:#666;font-weight:600;font-size:.9em}.loading-spinner{position:absolute;right:20px;font-size:1.2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resultados-container{margin-bottom:30px}.resultados-container h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.no-results{text-align:center;padding:60px 20px;color:#7f8c8d}.no-results .icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-results h3{font-size:1.5rem;margin-bottom:10px;color:#34495e}.no-results p{font-size:1rem;color:#95a5a6}.instructions{background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea;border-radius:12px;padding:30px;margin-top:20px}.instructions h3{color:#667eea;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{padding:8px 0 8px 25px;position:relative;color:#34495e;font-size:.95rem;line-height:1.6}.instructions li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}@media (max-width: 768px){.buscar-productos-jefe-sector{padding:15px}.filtros-ubicacion{grid-template-columns:1fr!important;gap:12px}.filtro-modulo{grid-column:1}.filtro-modulo .modulo-inputs{flex-direction:column;align-items:stretch;gap:12px}.modulo-separator{display:none}.search-input{padding:12px 16px;font-size:1rem}}@media (max-width: 480px){.buscar-productos-jefe-sector{padding:12px}.jefe-sector-title{font-size:1.4rem}.search-input{padding:10px 14px;font-size:.95rem}.filtro-item label{font-size:.85rem}.filtro-item .form-control{padding:10px;font-size:.9rem}}.bandeja-demarcas-container{padding:20px;max-width:1600px;margin:0 auto}.bandeja-header{margin-bottom:30px}.bandeja-header h2{color:#333;margin-bottom:5px}.subtitle{color:#666;font-size:14px}.filtros-container{display:flex;gap:15px;margin-bottom:30px;align-items:center}.filtro-select{max-width:250px}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.demarcas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-bottom:30px}.demarca-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s;box-shadow:0 2px 4px #0000000d}.demarca-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.demarca-card-header{padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.badges{display:flex;gap:8px}.badge{padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-warning{background:#fff3cd;color:#856404}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.badge-secondary{background:#e2e3e5;color:#383d41}.demarca-id{font-size:14px;font-weight:600;color:#666;font-family:Courier New,monospace}.demarca-card-body{padding:20px}.producto-info{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.ean-display{font-size:24px;font-weight:700;color:#007bff;font-family:Courier New,monospace;margin-bottom:10px;cursor:pointer;-webkit-user-select:all;user-select:all;transition:color .3s}.ean-display:hover{color:#0056b3}.descripcion{font-size:15px;color:#333;line-height:1.5}.cantidad-display{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:6px;margin-bottom:20px}.cantidad-display .label{font-size:14px;color:#666;font-weight:500}.cantidad-display .value{font-size:24px;font-weight:700;color:#007bff}.qr-section{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff;border:2px dashed #ddd;border-radius:8px;margin-bottom:20px}.qr-section canvas{margin-bottom:10px}.btn-download-qr{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .3s}.btn-download-qr:hover{background:#218838}.info-section{margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#333;text-align:right}.observaciones{margin-top:15px;padding:12px;background:#fff9e6;border-left:4px solid #ffc107;border-radius:4px}.observaciones .label{display:block;font-size:12px;font-weight:600;color:#856404;margin-bottom:5px;text-transform:uppercase}.observaciones p{margin:0;font-size:13px;color:#333;line-height:1.5}.card-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;box-shadow:0 4px 8px #28a7454d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 8px #dc35454d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.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;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;line-height:1;padding:0;width:30px;height:30px}.modal-close:hover{color:#000}.modal-body{padding:20px}.demarca-info-modal{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.demarca-info-modal p{margin:8px 0;font-size:14px;color:#333}.demarca-info-modal strong{color:#666}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.modal-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px;animation:slideDown .3s}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading-container{text-align:center;padding:80px 20px;color:#666;font-size:16px}.empty-state{text-align:center;padding:80px 20px;color:#999}.empty-state p{font-size:16px;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.pagination-info{color:#666;font-size:14px;font-weight:500}@media (max-width: 1200px){.demarcas-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.bandeja-demarcas-container{padding:15px}.demarcas-grid{grid-template-columns:1fr}.filtros-container{flex-direction:column;align-items:stretch}.filtro-select{max-width:100%}.card-actions{flex-direction:column}.modal-content{width:95%}}.main-layout{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.main-header{background:linear-gradient(135deg,#e70000,#d00000,#b80000);color:#fff;padding:0 25px;padding-top:env(safe-area-inset-top);padding-left:max(25px,env(safe-area-inset-left));padding-right:max(25px,env(safe-area-inset-right));height:calc(80px + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 25px #e7000066;flex-shrink:0;position:fixed;top:0;left:0;right:0;z-index:1001;border-bottom:4px solid #000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;margin-right:15px;padding:0}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}.hamburger-line{width:20px;height:2px;background:#fff;margin:2px 0;transition:all .3s ease;border-radius:1px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.header-brand{display:flex;align-items:center;flex:0 0 auto;justify-content:flex-start}.logo-container{display:flex;align-items:center;gap:15px;padding-top:10px}.header-logo{height:70px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.brand-text{display:flex;flex-direction:column;gap:2px;text-align:left;align-items:flex-start}.brand-title{font-size:1.8em;font-weight:800;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px;text-align:left}.brand-subtitle{font-size:.85em;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:1px;text-align:left}.header-center{display:flex;align-items:center;flex:1;justify-content:center}.header-status{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online{background:#28a745;box-shadow:0 0 10px #28a74580}.status-text{font-size:.9em;font-weight:600;color:#fff}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.header-user{display:flex;align-items:center;gap:20px;flex:0 0 auto;justify-content:flex-end}.user-profile{display:flex;align-items:center;gap:12px;background:#ffffff1a;padding:8px 16px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.user-profile:hover{background:#ffffff26;transform:translateY(-1px)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fff,#f0f0f0);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.avatar-text{font-size:1.2em;font-weight:700;color:#e70000}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:.95em;font-weight:600;color:#fff}.user-role{font-size:.8em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.logout-btn{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.4);padding:10px 18px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 2px 8px #0003}.logout-btn:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.logout-icon{font-size:1.1em}.logout-text{font-size:.9em}.layout-content{display:flex;flex:1;width:100%;max-width:100%;overflow:hidden;margin-top:80px}.main-sidebar{width:280px;background:linear-gradient(180deg,#000,#1a1a1a);color:#fff;height:calc(100vh - 80px);overflow-y:auto;flex-shrink:0;position:fixed;top:80px;left:0;bottom:0;z-index:900;border-right:3px solid #e70000;box-shadow:4px 0 20px #0000004d}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-nav a{display:flex;align-items:center;padding:18px 25px;color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.95em;border-left:4px solid transparent;position:relative}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(90deg,#e700001a,#e700000d);color:#fff;border-left:4px solid #e70000;transform:translate(5px)}.sidebar-nav a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#e70000,#f44);transition:width .3s ease}.sidebar-nav a:hover:before,.sidebar-nav a.active:before{width:4px}.menu-icon{margin-right:12px;font-size:1.3em;width:24px;text-align:center;color:#fff}.main-content{flex:1;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow-y:auto;margin-left:280px;min-height:calc(100vh - 80px);width:calc(100% - 280px)}.content-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px;border-radius:15px;box-shadow:0 8px 30px #0000001a;margin-bottom:25px;width:100%;border:1px solid rgba(231,0,0,.1)}.content-header h1{margin-bottom:8px;color:#333;font-size:2em;font-weight:700;background:linear-gradient(135deg,#e70000,#d00000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-header p{color:#666;font-size:1.1em}.content-body{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;box-shadow:0 8px 30px #0000001a;min-height:calc(100vh - 220px);padding:25px;width:100%;border:1px solid rgba(231,0,0,.1)}@media (max-width: 768px){.main-header{padding:0 15px;height:80px;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:10px;flex:1}.logo-container{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;padding-top:8px}.brand-title{font-size:1.2em}.brand-subtitle{font-size:.7em}.header-logo{height:50px}.header-center{display:none}.header-user{display:flex;align-items:center;gap:10px;flex:0 0 auto}.user-profile{display:none}.logout-btn{padding:8px 12px;font-size:.8em;border-radius:20px;min-width:auto;border:2px solid rgba(255,255,255,.5);background:#fff3}.logout-text{display:none}.logout-icon{font-size:1.2em}.layout-content{margin-top:80px}.main-sidebar{top:80px;height:calc(100vh - 80px)}.user-details,.logout-text{display:none}.main-sidebar{width:100%;height:auto;position:relative;top:0}.main-content{margin-left:0;padding:20px;width:100%}.layout-content{flex-direction:column;margin-top:70px}.content-body{padding:20px;min-height:auto}.content-header{padding:20px}}@media (max-width: 480px){.main-header{padding:0 10px;height:70px}.header-brand{gap:8px}.logo-container{gap:6px;padding-top:6px}.brand-title{font-size:1.1em}.brand-subtitle{font-size:.65em}.header-logo{height:45px}.logout-btn{padding:6px 10px;font-size:.75em;border:2px solid rgba(255,255,255,.6);background:#ffffff40}.logout-icon{font-size:1.1em}.mobile-menu-toggle{width:35px;height:35px}.hamburger-line{width:18px;height:2px}.layout-content{margin-top:70px}.main-sidebar{top:70px;height:calc(100vh - 70px)}.content-header h1{font-size:1.6em}.content-body{padding:15px}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;display:none}.sidebar-header{display:none;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:relative}.sidebar-user-info{display:flex;align-items:center;gap:15px}.sidebar-user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#e70000,#d00000);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.sidebar-avatar-text{font-size:1.2em;font-weight:700;color:#fff}.sidebar-user-details{display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:1em;font-weight:600;color:#fff}.sidebar-user-role{font-size:.8em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.sidebar-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2em}.sidebar-close-btn:hover{background:#fff3;transform:scale(1.1)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.main-sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px;position:fixed;top:80px;left:0;bottom:0;z-index:999}.main-sidebar.mobile-open{transform:translate(0)}.sidebar-overlay,.sidebar-header{display:block}.main-content{margin-left:0;width:100%}.layout-content{flex-direction:column}}@media (max-width: 480px){.main-sidebar{width:100%;top:70px}.main-header{height:70px}.layout-content{margin-top:70px}}.auth-layout{min-height:100vh;min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--color-primary: #e70000;--color-primary-dark: #d00000;--color-primary-darker: #b80000;--color-primary-light: #ff4444;--color-primary-lighter: #ff6b6b;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary-darker) 100%);--color-success: #28a745;--color-success-dark: #1e7e34;--color-success-light: #34ce57;--color-warning: #ffc107;--color-warning-dark: #e0a800;--color-warning-light: #ffd43b;--color-danger: #dc3545;--color-danger-dark: #c82333;--color-danger-light: #ff6b6b;--color-info: #17a2b8;--color-info-dark: #138496;--color-info-light: #20c997;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--color-gray-900: #1a1a1a;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-dark: #212529;--bg-overlay: rgba(0, 0, 0, .5);--bg-gradient-light: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--bg-gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-disabled: #cccccc;--text-inverse: #ffffff;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-3);--spacing-lg: var(--spacing-4);--spacing-xl: var(--spacing-5);--spacing-xxl: var(--spacing-6);--spacing-xxxl: var(--spacing-8);--font-primary: "Segoe UI", "Arial", "Helvetica", sans-serif;--font-monospace: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-color: var(--color-gray-300);--border-color-light: var(--color-gray-200);--border-color-dark: var(--color-gray-400);--border-color-primary: var(--color-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 15px rgba(231, 0, 0, .3);--shadow-primary-lg: 0 8px 25px rgba(231, 0, 0, .4);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-base: all var(--duration-base) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--height-input: 2.75rem;--height-input-sm: 2.5rem;--height-input-lg: 3.5rem;--height-button: 2.75rem;--height-button-sm: 2.25rem;--height-button-lg: 3.5rem;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--max-width-full: 100%;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}a:hover{text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:transparent;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed;opacity:.6}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}p{line-height:var(--line-height-normal)}table{border-collapse:collapse;border-spacing:0;width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none!important}.invisible{visibility:hidden}.clearfix:after{content:"";display:table;clear:both}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}.safe-area-all{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}::selection{background-color:var(--color-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}button,.btn,.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (min-width: 768px){:root{--container-padding: var(--spacing-6)}.tablet\:hidden{display:none!important}.tablet\:visible{display:block!important}.tablet\:flex{display:flex!important}.tablet\:grid{display:grid!important}}@media (min-width: 1024px){:root{--container-padding: var(--spacing-8)}.desktop\:hidden{display:none!important}.desktop\:visible{display:block!important}.desktop\:flex{display:flex!important}.desktop\:grid{display:grid!important}}@media (min-width: 1440px){:root{--container-padding: var(--spacing-10)}.large\:hidden{display:none!important}.large\:visible{display:block!important}.large\:flex{display:flex!important}.large\:grid{display:grid!important}}@media (min-width: 1920px){:root{--container-padding: var(--spacing-12)}}@media (orientation: portrait){.portrait-only{display:block}.landscape-only{display:none}}@media (orientation: landscape){.portrait-only{display:none}.landscape-only{display:block}}@media (hover: none) and (pointer: coarse){button,a,input,select,textarea{min-height:44px;min-width:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-width-1: 2px;--shadow-md: 0 4px 8px rgba(0, 0, 0, .3)}}.mobile-hidden{display:none}@media (min-width: 768px){.mobile-hidden{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.tablet-hidden{display:block}@media (min-width: 768px){.tablet-hidden{display:none}}.tablet-only{display:none}@media (min-width: 768px) and (max-width: 1023px){.tablet-only{display:block}}.desktop-hidden{display:block}@media (min-width: 1024px){.desktop-hidden{display:none}}.desktop-only{display:none}@media (min-width: 1024px){.desktop-only{display:block}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:center;text-decoration:none;white-space:nowrap;padding:var(--spacing-3) var(--spacing-6);min-height:var(--height-button);min-width:44px;border:var(--border-width-1) solid transparent;border-radius:var(--radius-md);background:var(--color-gray-200);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-base);-webkit-tap-highlight-color:transparent;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--color-primary)}@media (hover: hover) and (pointer: fine){.btn--primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}}.btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-gray-500);color:var(--text-inverse);border-color:var(--color-gray-500)}@media (hover: hover) and (pointer: fine){.btn--secondary:hover{background:var(--color-gray-600);border-color:var(--color-gray-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.btn--secondary:active{transform:translateY(0)}.btn--success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}@media (hover: hover) and (pointer: fine){.btn--success:hover{background:var(--color-success-dark);border-color:var(--color-success-dark);box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}}.btn--warning{background:var(--color-warning);color:var(--text-primary);border-color:var(--color-warning)}@media (hover: hover) and (pointer: fine){.btn--warning:hover{background:var(--color-warning-dark);border-color:var(--color-warning-dark);box-shadow:0 4px 15px #ffc1074d;transform:translateY(-2px)}}.btn--danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}@media (hover: hover) and (pointer: fine){.btn--danger:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark);box-shadow:0 4px 15px #dc35454d;transform:translateY(-2px)}}.btn--info{background:var(--color-info);color:var(--text-inverse);border-color:var(--color-info)}@media (hover: hover) and (pointer: fine){.btn--info:hover{background:var(--color-info-dark);border-color:var(--color-info-dark);box-shadow:0 4px 15px #17a2b84d;transform:translateY(-2px)}}.btn--outline{background:transparent;border-width:var(--border-width-2)}.btn--outline.btn--primary{color:var(--color-primary);border-color:var(--color-primary);background:transparent}@media (hover: hover) and (pointer: fine){.btn--outline.btn--primary:hover{background:var(--color-primary);color:var(--text-inverse);transform:translateY(-2px)}}.btn--outline.btn--secondary{color:var(--color-gray-600);border-color:var(--color-gray-500);background:transparent}@media (hover: hover) and (pointer: fine){.btn--outline.btn--secondary:hover{background:var(--color-gray-500);color:var(--text-inverse)}}.btn--outline.btn--success{color:var(--color-success);border-color:var(--color-success);background:transparent}@media (hover: hover) and (pointer: fine){.btn--outline.btn--success:hover{background:var(--color-success);color:var(--text-inverse)}}.btn--ghost{background:transparent;border-color:transparent;padding:var(--spacing-2) var(--spacing-4)}@media (hover: hover) and (pointer: fine){.btn--ghost:hover{background:var(--color-gray-100);transform:none}}.btn--ghost.btn--primary{color:var(--color-primary)}@media (hover: hover) and (pointer: fine){.btn--ghost.btn--primary:hover{background:#e700001a}}.btn--ghost.btn--danger{color:var(--color-danger)}@media (hover: hover) and (pointer: fine){.btn--ghost.btn--danger:hover{background:#dc35451a}}.btn--xs{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);min-height:var(--height-button-sm);gap:var(--spacing-1)}.btn--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:var(--height-button-sm)}.btn--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:var(--height-button-lg)}.btn--xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-xl);min-height:4rem}.btn--block{width:100%;display:flex}.btn--icon{padding:var(--spacing-3);min-width:var(--height-button);aspect-ratio:1}.btn--icon.btn--sm{padding:var(--spacing-2);min-width:var(--height-button-sm)}.btn--icon.btn--lg{padding:var(--spacing-4);min-width:var(--height-button-lg)}.btn:disabled,.btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--active{box-shadow:inset 0 2px 4px #0003}.btn-group{display:inline-flex;gap:var(--spacing-2)}.btn-group--attached{gap:0}.btn-group--attached .btn{border-radius:0}.btn-group--attached .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group--attached .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group--attached .btn:not(:last-child){border-right:none}.btn-group--vertical{flex-direction:column}.btn-group--vertical.btn-group--attached .btn{border-radius:0}.btn-group--vertical.btn-group--attached .btn:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.btn-group--vertical.btn-group--attached .btn:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group--vertical.btn-group--attached .btn:not(:last-child){border-bottom:none;border-right:var(--border-width-1) solid}@media (max-width: 767px){.btn--xs,.btn--sm{min-height:var(--height-button);padding:var(--spacing-3) var(--spacing-5)}.btn-group--mobile-stack{flex-direction:column}.btn-group--mobile-stack .btn{width:100%}}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--color-primary)}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}}.btn-secondary{background:var(--color-gray-500);color:var(--text-inverse);border-color:var(--color-gray-500)}@media (hover: hover) and (pointer: fine){.btn-secondary:hover{background:var(--color-gray-600);transform:translateY(-2px)}}.btn-success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}@media (hover: hover) and (pointer: fine){.btn-success:hover{background:var(--color-success-dark);box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}}.btn-danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}@media (hover: hover) and (pointer: fine){.btn-danger:hover{background:var(--color-danger-dark);transform:translateY(-2px)}}.btn-warning{background:var(--color-warning);color:var(--text-primary);border-color:var(--color-warning)}@media (hover: hover) and (pointer: fine){.btn-warning:hover{background:var(--color-warning-dark);transform:translateY(-2px)}}.btn-info{background:var(--color-info);color:var(--text-inverse);border-color:var(--color-info)}@media (hover: hover) and (pointer: fine){.btn-info:hover{background:var(--color-info-dark);transform:translateY(-2px)}}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:var(--height-button-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:var(--height-button-lg)}.form{width:100%}.form-section{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-8);border-bottom:var(--border-width-1) solid var(--border-color-light)}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.form-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 767px){.form-grid,.form-grid--2,.form-grid--3,.form-grid--4{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.form-grid--3,.form-grid--4{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group--horizontal{flex-direction:row;align-items:center;gap:var(--spacing-4)}.form-group--horizontal .form-label{margin-bottom:0;min-width:120px}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.form-label--required:after{content:"*";color:var(--color-danger);margin-left:var(--spacing-1)}.form-label__help{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-secondary);margin-top:var(--spacing-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);min-height:var(--height-input);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-base);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e700001a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed;opacity:.7}.form-input[readonly],.form-textarea[readonly]{background:var(--bg-secondary);cursor:default}.form-input--sm,.form-select--sm{padding:var(--spacing-2) var(--spacing-3);min-height:var(--height-input-sm);font-size:var(--font-size-sm)}.form-input--lg,.form-select--lg{padding:var(--spacing-4) var(--spacing-6);min-height:var(--height-input-lg);font-size:var(--font-size-lg)}.form-textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.form-textarea--fixed{resize:none}.form-textarea--sm{min-height:80px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.form-textarea--lg{min-height:150px}.form-select{cursor:pointer;padding-right:var(--spacing-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;background-size:12px;appearance:none}.form-select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-select[multiple]{padding-right:var(--spacing-4);background-image:none}.form-check{display:flex;align-items:center;gap:var(--spacing-3);min-height:44px;padding:var(--spacing-2) 0;cursor:pointer;position:relative}.form-check__input{width:20px;height:20px;min-width:20px;border:var(--border-width-2) solid var(--border-color-dark);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);appearance:none;background:var(--bg-primary);position:relative;margin:12px}.form-check__input:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-check__input:checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-check__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-check__input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-check__input[type=radio]{border-radius:var(--radius-full)}.form-check__input[type=radio]:checked:after{top:50%;left:50%;width:8px;height:8px;border:none;border-radius:var(--radius-full);background:#fff;transform:translate(-50%,-50%)}.form-check__label{font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.form-toggle{display:flex;align-items:center;gap:var(--spacing-3)}.form-toggle__input{position:relative;width:44px;height:24px;min-width:44px;appearance:none;background:var(--color-gray-400);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);outline:none}.form-toggle__input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.form-toggle__input:checked{background:var(--color-success)}.form-toggle__input:checked:after{left:22px}.form-toggle__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-toggle__input:disabled{opacity:.6;cursor:not-allowed}.form-input-group{position:relative;display:flex;align-items:center}.form-input-group__icon{position:absolute;left:var(--spacing-4);color:var(--text-secondary);pointer-events:none;display:flex;align-items:center}.form-input-group__icon--right{left:auto;right:var(--spacing-4)}.form-input-group .form-input{padding-left:var(--spacing-10)}.form-input-group--icon-right .form-input{padding-left:var(--spacing-4);padding-right:var(--spacing-10)}.form-group--success .form-input,.form-group--success .form-select,.form-group--success .form-textarea{border-color:var(--color-success)}.form-group--success .form-input:focus,.form-group--success .form-select:focus,.form-group--success .form-textarea:focus{box-shadow:0 0 0 3px #28a7451a}.form-group--error .form-input,.form-group--error .form-select,.form-group--error .form-textarea,.form-input--error,.form-select--error{border-color:var(--color-danger)}.form-group--error .form-input:focus,.form-group--error .form-select:focus,.form-group--error .form-textarea:focus,.form-input--error:focus,.form-select--error:focus{box-shadow:0 0 0 3px #dc35451a}.form-group--warning .form-input,.form-group--warning .form-select,.form-group--warning .form-textarea{border-color:var(--color-warning)}.form-group--warning .form-input:focus,.form-group--warning .form-select:focus,.form-group--warning .form-textarea:focus{box-shadow:0 0 0 3px #ffc1071a}.form-feedback{font-size:var(--font-size-sm);margin-top:var(--spacing-2);display:flex;align-items:start;gap:var(--spacing-2)}.form-feedback--success{color:var(--color-success)}.form-feedback--error{color:var(--color-danger)}.form-feedback--warning{color:var(--color-warning)}.form-feedback--info{color:var(--color-info)}.form-actions{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);margin-top:var(--spacing-6);border-top:var(--border-width-1) solid var(--border-color-light)}.form-actions--right{justify-content:flex-end}.form-actions--center{justify-content:center}.form-actions--between{justify-content:space-between}@media (max-width: 767px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.form-search{position:relative}.form-search__input{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.form-search__icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.form-search__clear{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:var(--transition-fast)}@media (hover: hover) and (pointer: fine){.form-search__clear:hover{background:var(--color-gray-200);color:var(--text-primary)}}@media (max-width: 767px){.form-group--horizontal{flex-direction:column;align-items:stretch}.form-group--horizontal .form-label{min-width:auto}}.form-control{width:100%;padding:var(--spacing-3) var(--spacing-4);min-height:var(--height-input);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-base);outline:none}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e700001a}.card{background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.card:hover{box-shadow:var(--shadow-md)}}.card__header{padding:var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-color-light);background:var(--bg-gradient-card)}.card__header--no-border{border-bottom:none}.card__body{padding:var(--spacing-6)}.card__footer{padding:var(--spacing-6);border-top:var(--border-width-1) solid var(--border-color-light);background:var(--bg-secondary)}.card__footer--no-border{border-top:none}.card__body--flush{padding:0}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-2) 0 0 0}.card__description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:var(--spacing-3) 0 0 0}.card--primary{border-color:var(--color-primary);background:linear-gradient(135deg,#fff,#e7000005)}.card--primary .card__header{background:var(--gradient-primary);color:var(--text-inverse);border-bottom-color:var(--color-primary-dark)}.card--primary .card__title{color:var(--text-inverse)}.card--success{border-color:var(--color-success);background:linear-gradient(135deg,#fff,#28a74505)}.card--success .card__header{background:var(--color-success);color:var(--text-inverse)}.card--warning{border-color:var(--color-warning);background:linear-gradient(135deg,#fff,#ffc10705)}.card--warning .card__header{background:var(--color-warning);color:var(--text-primary)}.card--danger{border-color:var(--color-danger);background:linear-gradient(135deg,#fff,#dc354505)}.card--danger .card__header{background:var(--color-danger);color:var(--text-inverse)}.card--info{border-color:var(--color-info);background:linear-gradient(135deg,#fff,#17a2b805)}.card--info .card__header{background:var(--color-info);color:var(--text-inverse)}.card--sm{border-radius:var(--radius-md)}.card--sm .card__header,.card--sm .card__body,.card--sm .card__footer{padding:var(--spacing-4)}.card--sm .card__title{font-size:var(--font-size-lg)}.card--lg .card__header,.card--lg .card__body,.card--lg .card__footer{padding:var(--spacing-8)}.card--lg .card__title{font-size:var(--font-size-2xl)}.card--hoverable{cursor:pointer}@media (hover: hover) and (pointer: fine){.card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}}.card--hoverable:active{transform:translateY(-2px)}.card--selected{border-color:var(--color-primary);border-width:var(--border-width-2);box-shadow:var(--shadow-primary)}.card--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.card__image{width:100%;height:auto;display:block;object-fit:cover}.card__image--top{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.card__image--cover{height:200px}.card__image--cover-sm{height:150px}.card__image--cover-lg{height:300px}.card-stats{display:flex;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--bg-gradient-card);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--border-color-light)}.card-stats__item{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--bg-primary)}.card-stats__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.card-stats__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.card-stats__value--primary{color:var(--color-primary)}.card-stats__value--success{color:var(--color-success)}.card-stats__value--warning{color:var(--color-warning)}.card-stats__value--danger{color:var(--color-danger)}.card-stats__trend{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.card-stats__trend--up{color:var(--color-success)}.card-stats__trend--down{color:var(--color-danger)}@media (max-width: 767px){.card-stats{flex-direction:column}}.card-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.card-list__item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-md);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.card-list__item:hover{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}}.card-list__icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--color-primary)}.card-list__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.card-list__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-list__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.card-list__actions{display:flex;gap:var(--spacing-2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 767px){.card-grid,.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.card-grid--3,.card-grid--4{grid-template-columns:repeat(2,1fr)}}.card-product{background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--spacing-5);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.card-product:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}}.card-product__code{font-family:var(--font-monospace);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);background:var(--bg-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--spacing-3)}.card-product__description{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed)}.card-product__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.card-product__stock{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-2)}.card-pendiente{background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-5)}.card-pendiente__header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-4)}.card-pendiente__badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.card-pendiente__badge--pendiente{background:#ffc10733;color:var(--color-warning-dark)}.card-pendiente__badge--entregado{background:#28a74533;color:var(--color-success-dark)}.card-pendiente__badge--cancelado{background:#dc354533;color:var(--color-danger-dark)}.card-dashboard{background:var(--bg-gradient-card);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.card-dashboard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.card-dashboard__icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-primary)}.card-dashboard__metric{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-2)}.card-dashboard__label{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 767px){.card__header,.card__body,.card__footer{padding:var(--spacing-4)}.card__title{font-size:var(--font-size-lg)}.card-list__item{flex-direction:column;align-items:start}.card-list__actions{width:100%}}.table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--bg-primary);font-size:var(--font-size-base)}.table__wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--border-color-light);box-shadow:var(--shadow-sm)}.table thead{background:var(--bg-gradient-light);border-bottom:var(--border-width-2) solid var(--border-color)}.table th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table tbody tr{border-bottom:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table td{padding:var(--spacing-4) var(--spacing-5);color:var(--text-primary);vertical-align:middle}.table--striped tbody tr:nth-child(2n){background:var(--bg-secondary)}.table--bordered{border:var(--border-width-1) solid var(--border-color)}.table--bordered th,.table--bordered td{border:var(--border-width-1) solid var(--border-color-light)}.table--hover tbody tr{cursor:pointer}@media (hover: hover) and (pointer: fine){.table--hover tbody tr:hover{background:var(--color-gray-100)}}.table--compact th,.table--compact td{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.table--spacious th,.table--spacious td{padding:var(--spacing-6) var(--spacing-8)}.table--header-primary thead{background:var(--gradient-primary);color:var(--text-inverse)}.table--header-primary th{color:var(--text-inverse)}.table--header-dark thead{background:var(--color-gray-700);color:var(--text-inverse)}.table--header-dark th{color:var(--text-inverse)}.table th.text-center,.table td.text-center{text-align:center}.table th.text-right,.table td.text-right{text-align:right}.table td.text-nowrap{white-space:nowrap}.table__cell--success{background:#28a7451a;color:var(--color-success-dark);font-weight:var(--font-weight-semibold)}.table__cell--warning{background:#ffc1071a;color:var(--color-warning-dark);font-weight:var(--font-weight-semibold)}.table__cell--danger{background:#dc35451a;color:var(--color-danger-dark);font-weight:var(--font-weight-semibold)}.table__cell--info{background:#17a2b81a;color:var(--color-info-dark);font-weight:var(--font-weight-semibold)}.table__badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;white-space:nowrap;display:inline-block}.table__badge--success{background:#28a74533;color:var(--color-success-dark)}.table__badge--warning{background:#ffc10733;color:var(--color-warning-dark)}.table__badge--danger{background:#dc354533;color:var(--color-danger-dark)}.table__badge--info{background:#17a2b833;color:var(--color-info-dark)}.table__badge--primary{background:#e7000033;color:var(--color-primary-dark)}.table__actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.table__actions .btn{min-width:auto}@media (max-width: 767px){.table__wrapper{border-radius:var(--radius-md)}.table{min-width:600px}.table--responsive{min-width:auto}.table--responsive thead{display:none}.table--responsive tbody tr{display:block;margin-bottom:var(--spacing-4);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--bg-primary)}.table--responsive tbody tr:last-child{margin-bottom:0}.table--responsive td{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;border:none}.table--responsive td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.table--responsive .table__actions{justify-content:flex-start;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:var(--border-width-1) solid var(--border-color-light)}}.table__controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md)}.table__search{flex:1;max-width:400px}.table__filters{display:flex;gap:var(--spacing-3)}@media (max-width: 767px){.table__controls{flex-direction:column;align-items:stretch}.table__search{max-width:100%}.table__filters{flex-direction:column}}.table__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-4)}.table__pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.table__pagination-controls{display:flex;gap:var(--spacing-2)}@media (max-width: 767px){.table__pagination{flex-direction:column;gap:var(--spacing-3)}.table__pagination-controls{width:100%;justify-content:center}}.table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:var(--spacing-8)}@media (hover: hover) and (pointer: fine){.table__header--sortable:hover{background:#0000000d}}.table__sort-icon{position:absolute;right:var(--spacing-4);opacity:.5;transition:var(--transition-fast)}.table__header--sortable.sorted-asc .table__sort-icon,.table__header--sortable.sorted-desc .table__sort-icon{opacity:1;color:var(--color-primary)}.table__checkbox{width:40px;text-align:center}.table tbody tr.selected{background:#e700000d;border-left:3px solid var(--color-primary)}.table tbody tr.row-success{background:#28a7450d}.table tbody tr.row-warning{background:#ffc1070d}.table tbody tr.row-danger{background:#dc35450d}.table tbody tr.row-info{background:#17a2b80d}.table__empty{padding:var(--spacing-12);text-align:center;color:var(--text-secondary)}.table__empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4);opacity:.3}.table__empty-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.table__empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.table__loading{position:relative;pointer-events:none}.table__loading:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4);overflow-y:auto;animation:modal-fade-in var(--duration-base) var(--ease-out)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;position:relative;z-index:var(--z-modal);animation:modal-slide-up var(--duration-base) var(--ease-out)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal--sm{max-width:400px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal--xl{max-width:1000px}.modal--full{max-width:calc(100vw - var(--spacing-8));max-height:calc(100vh - var(--spacing-8))}@media (max-width: 767px){.modal,.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%;max-height:100vh;border-radius:var(--radius-lg)}.modal--full{max-width:100%;max-height:100vh;border-radius:0}}.modal__header{padding:var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-shrink:0}.modal__header--no-border{border-bottom:none}.modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.modal__close{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-xl);padding:0}@media (hover: hover) and (pointer: fine){.modal__close:hover{background:var(--color-gray-200);color:var(--text-primary)}}.modal__close:active{transform:scale(.95)}.modal__body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal__body--flush{padding:0}.modal__footer{padding:var(--spacing-6);border-top:var(--border-width-1) solid var(--border-color-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;flex-shrink:0}.modal__footer--no-border{border-top:none}.modal__footer--between{justify-content:space-between}.modal__footer--center{justify-content:center}@media (max-width: 767px){.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}}.modal--primary .modal__header{background:var(--gradient-primary);color:var(--text-inverse);border-bottom:none}.modal--primary .modal__title,.modal--primary .modal__close{color:var(--text-inverse)}@media (hover: hover) and (pointer: fine){.modal--primary .modal__close:hover{background:#fff3;color:var(--text-inverse)}}.modal--success .modal__header{background:var(--color-success);color:var(--text-inverse);border-bottom:none}.modal--success .modal__title,.modal--success .modal__close{color:var(--text-inverse)}.modal--warning .modal__header{background:var(--color-warning);color:var(--text-primary);border-bottom:none}.modal--danger .modal__header{background:var(--color-danger);color:var(--text-inverse);border-bottom:none}.modal--danger .modal__title,.modal--danger .modal__close{color:var(--text-inverse)}.modal--info .modal__header{background:var(--color-info);color:var(--text-inverse);border-bottom:none}.modal--info .modal__title,.modal--info .modal__close{color:var(--text-inverse)}.modal-confirm{max-width:450px;text-align:center}.modal-confirm__icon{width:80px;height:80px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-4xl)}.modal-confirm__icon--success{background:#28a7451a;color:var(--color-success)}.modal-confirm__icon--warning{background:#ffc1071a;color:var(--color-warning)}.modal-confirm__icon--danger{background:#dc35451a;color:var(--color-danger)}.modal-confirm__icon--info{background:#17a2b81a;color:var(--color-info)}.modal-confirm__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.modal-confirm__message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.modal-confirm__actions{display:flex;gap:var(--spacing-3);justify-content:center}@media (max-width: 767px){.modal-confirm__actions{flex-direction:column}.modal-confirm__actions .btn{width:100%}}.modal-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:var(--bg-primary);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);display:flex;flex-direction:column;animation:drawer-slide-in var(--duration-base) var(--ease-out)}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-drawer--left{right:auto;left:0;animation:drawer-slide-in-left var(--duration-base) var(--ease-out)}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 767px){.modal-drawer{max-width:100%}}.modal-bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg-primary);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);max-height:90vh;display:flex;flex-direction:column;animation:bottom-sheet-slide-up var(--duration-base) var(--ease-out)}@keyframes bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-bottom-sheet__handle{width:40px;height:4px;background:var(--color-gray-400);border-radius:var(--radius-full);margin:var(--spacing-4) auto var(--spacing-2)}body.modal-open{overflow:hidden;padding-right:0}.modal__description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.modal__divider{height:var(--border-width-1);background:var(--border-color-light);margin:var(--spacing-6) 0}.modal__section{margin-bottom:var(--spacing-6)}.modal__section:last-child{margin-bottom:0}.modal__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);gap:var(--spacing-4)}.modal__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:modal-spin .8s linear infinite}@keyframes modal-spin{to{transform:rotate(360deg)}}.modal__loading-text{font-size:var(--font-size-base);color:var(--text-secondary)}.modal-overlay--dark{background:#000000b3}.modal-overlay--blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;display:flex;flex-direction:column}.u-flex{display:flex}.u-grid{display:grid}.u-inline-flex{display:inline-flex}.u-block{display:block}.u-inline-block{display:inline-block}.u-none{display:none}.u-flex-row{flex-direction:row}.u-flex-col{flex-direction:column}.u-flex-wrap{flex-wrap:wrap}.u-justify-start{justify-content:flex-start}.u-justify-center{justify-content:center}.u-justify-end{justify-content:flex-end}.u-justify-between{justify-content:space-between}.u-justify-around{justify-content:space-around}.u-items-start{align-items:flex-start}.u-items-center{align-items:center}.u-items-end{align-items:flex-end}.u-items-stretch{align-items:stretch}.u-self-start{align-self:flex-start}.u-self-center{align-self:center}.u-self-end{align-self:flex-end}.u-gap-1{gap:var(--spacing-1)}.u-gap-2{gap:var(--spacing-2)}.u-gap-3{gap:var(--spacing-3)}.u-gap-4{gap:var(--spacing-4)}.u-gap-5{gap:var(--spacing-5)}.u-gap-6{gap:var(--spacing-6)}.u-gap-8{gap:var(--spacing-8)}.u-gap-10{gap:var(--spacing-10)}.u-p-0{padding:0}.u-p-1{padding:var(--spacing-1)}.u-p-2{padding:var(--spacing-2)}.u-p-3{padding:var(--spacing-3)}.u-p-4{padding:var(--spacing-4)}.u-p-5{padding:var(--spacing-5)}.u-p-6{padding:var(--spacing-6)}.u-p-8{padding:var(--spacing-8)}.u-p-10{padding:var(--spacing-10)}.u-px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.u-px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.u-px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.u-py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.u-py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.u-py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.u-m-0{margin:0}.u-m-1{margin:var(--spacing-1)}.u-m-2{margin:var(--spacing-2)}.u-m-3{margin:var(--spacing-3)}.u-m-4{margin:var(--spacing-4)}.u-m-5{margin:var(--spacing-5)}.u-m-6{margin:var(--spacing-6)}.u-m-8{margin:var(--spacing-8)}.u-mx-auto{margin-left:auto;margin-right:auto}.u-mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.u-mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.u-my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.u-my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.u-my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.u-mt-2{margin-top:var(--spacing-2)}.u-mt-4{margin-top:var(--spacing-4)}.u-mt-6{margin-top:var(--spacing-6)}.u-mb-2{margin-bottom:var(--spacing-2)}.u-mb-4{margin-bottom:var(--spacing-4)}.u-mb-5{margin-bottom:var(--spacing-5)}.u-mb-6{margin-bottom:var(--spacing-6)}.u-ml-2{margin-left:var(--spacing-2)}.u-ml-3{margin-left:var(--spacing-3)}.u-ml-4{margin-left:var(--spacing-4)}.u-text-left{text-align:left}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-font-normal{font-weight:var(--font-weight-normal)}.u-font-medium{font-weight:var(--font-weight-medium)}.u-font-semibold{font-weight:var(--font-weight-semibold)}.u-font-bold{font-weight:var(--font-weight-bold)}.u-text-xs{font-size:var(--font-size-xs)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-base{font-size:var(--font-size-base)}.u-text-lg{font-size:var(--font-size-lg)}.u-text-xl{font-size:var(--font-size-xl)}.u-text-2xl{font-size:var(--font-size-2xl)}.u-text-3xl{font-size:var(--font-size-3xl)}.u-text-4xl{font-size:var(--font-size-4xl)}.u-color-primary{color:var(--color-primary)}.u-color-success{color:var(--color-success)}.u-color-warning{color:var(--color-warning)}.u-color-danger{color:var(--color-danger)}.u-color-info{color:var(--color-info)}.u-color-muted{color:var(--color-text-muted)}.u-color-black{color:#111}.u-color-gray{color:#666}.u-color-gray-dark{color:#374151}.u-bg-white{background-color:#fff}.u-bg-success-light{background-color:#d4edda;color:#155724}.u-bg-danger-light{background-color:#f8d7da;color:#721c24}.u-bg-gray-light{background-color:#e2e3e5;color:#6c757d}.u-rounded{border-radius:var(--radius-md)}.u-rounded-sm{border-radius:var(--radius-sm)}.u-rounded-lg{border-radius:var(--radius-lg)}.u-rounded-full{border-radius:var(--radius-full)}.u-rounded-6{border-radius:6px}.u-rounded-10{border-radius:10px}.u-rounded-12{border-radius:12px}.u-w-full{width:100%}.u-h-full{height:100%}.u-min-w-0{min-width:0}.u-relative{position:relative}.u-absolute{position:absolute}.u-fixed{position:fixed}.u-sticky{position:sticky}.u-cursor-pointer{cursor:pointer}.u-cursor-default{cursor:default}.u-cursor-not-allowed{cursor:not-allowed}.u-overflow-hidden{overflow:hidden}.u-overflow-auto{overflow:auto}.u-overflow-x-auto{overflow-x:auto}.u-overflow-y-auto{overflow-y:auto}.u-flex-1{flex:1}.u-flex-shrink-0{flex-shrink:0}.u-flex-grow-0{flex-grow:0}.u-border{border:1px solid var(--color-border)}.u-border-top{border-top:1px solid var(--color-border)}.u-border-bottom{border-bottom:1px solid var(--color-border)}.u-border-none{border:none}@media (min-width: 768px){.tablet\:u-flex-row{flex-direction:row}.tablet\:u-gap-4{gap:var(--spacing-4)}.tablet\:u-gap-6{gap:var(--spacing-6)}}@media (min-width: 1024px){.desktop\:u-flex-row{flex-direction:row}.desktop\:u-gap-6{gap:var(--spacing-6)}}.u-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--color-text-muted)}.u-empty-state__icon{font-size:var(--font-size-6xl);margin-bottom:var(--spacing-4);opacity:.5}.u-empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.u-empty-state__description{font-size:var(--font-size-base);color:var(--color-text-muted)}.u-badge-success{background:#d4edda;color:#155724;padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:var(--font-size-sm);display:inline-block}.u-badge-danger{background:#f8d7da;color:#721c24;padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:var(--font-size-sm);display:inline-block}.u-badge-secondary{background:#e2e3e5;color:#6c757d;padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:var(--font-size-sm);display:inline-block}.u-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.u-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.u-touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (hover: hover){.u-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);transition:all var(--transition-base)}}.u-focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dashboard-vendedor{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.dashboard-header{text-align:center;margin-bottom:var(--spacing-8)}.dashboard-header h1{color:var(--text-primary);margin-bottom:var(--spacing-3);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.dashboard-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.stat-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-5);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.stat-icon{font-size:var(--font-size-4xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.stat-content h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1}.stat-content p{color:var(--text-secondary);margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm)}.quick-actions{margin-bottom:var(--spacing-10)}.quick-actions h2{color:var(--text-primary);margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.action-card{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;cursor:pointer;transition:var(--transition-base);text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}@media (hover: hover) and (pointer: fine){.action-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-primary)}}.action-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-5)}.action-content h3{color:var(--text-primary);margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.action-content p{color:var(--text-secondary);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.recent-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}.section-header h2{color:var(--text-primary);margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.presupuestos-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.presupuesto-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-6);cursor:pointer;transition:var(--transition-base);border:var(--border-width-1) solid var(--border-color-light)}@media (hover: hover) and (pointer: fine){.presupuesto-card:hover{background:var(--color-gray-200);transform:translate(8px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}}.presupuesto-card:active{transform:translate(4px)}.presupuesto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.presupuesto-folio{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.presupuesto-estado{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border:var(--border-width-1) solid transparent;box-shadow:var(--shadow-xs);white-space:nowrap}.estado-borrador{background:#ffc10733;color:var(--color-warning-dark);border-color:var(--color-warning)}.estado-enviado{background:#17a2b833;color:var(--color-info-dark);border-color:var(--color-info)}.estado-aprobado,.estado-convertido{background:#28a74533;color:var(--color-success-dark);border-color:var(--color-success)}.estado-rechazado{background:#dc354533;color:var(--color-danger-dark);border-color:var(--color-danger)}.estado-info{background:var(--color-info);color:var(--text-inverse);border-color:var(--color-info-dark)}.estado-success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success-dark)}.estado-danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger-dark)}.presupuesto-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.presupuesto-cliente{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.presupuesto-cliente strong{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.presupuesto-cliente span{color:var(--text-secondary);font-size:var(--font-size-sm)}.presupuesto-details{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.presupuesto-total{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.presupuesto-fecha{color:var(--text-secondary);font-size:var(--font-size-sm)}.presupuestos-vendedor{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:var(--border-width-2) solid var(--border-color-light);gap:var(--spacing-4)}.filters-section{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);border:var(--border-width-1) solid var(--border-color-light)}.filters-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.filter-group select,.filter-group input{padding:var(--spacing-3);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-base)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e700001a}.filter-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.presupuesto-form{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md)}.presupuesto-sections{display:flex;flex-direction:column;gap:var(--spacing-8)}.productos-lista{margin-top:var(--spacing-6);max-height:400px;overflow-y:auto;border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--spacing-5);background:var(--bg-primary);box-shadow:var(--shadow-sm)}.productos-lista h4{color:var(--text-primary);margin-bottom:var(--spacing-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);position:sticky;top:0;background:var(--bg-primary);padding:var(--spacing-3) 0;border-bottom:var(--border-width-1) solid var(--border-color-light);margin:calc(var(--spacing-5) * -1) calc(var(--spacing-5) * -1) var(--spacing-4);padding:var(--spacing-5);z-index:1}.producto-item{display:grid;grid-template-columns:2.5fr 1fr .8fr 1fr 1fr 1.2fr auto;gap:var(--spacing-4);align-items:center;padding:var(--spacing-5);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.producto-item:hover{background:var(--color-gray-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}}.producto-item:last-child{margin-bottom:0}.producto-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.producto-codigo{font-family:var(--font-monospace);font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-sm)}.producto-descripcion{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.producto-cantidad{display:flex;flex-direction:column;gap:var(--spacing-1)}.producto-cantidad label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.producto-cantidad input{width:70px;text-align:center}.producto-precio{display:flex;flex-direction:column;gap:var(--spacing-1)}.producto-precio label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.producto-precio input{width:90px}.producto-descuento{display:flex;flex-direction:column;gap:var(--spacing-1)}.producto-descuento label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.producto-descuento select{width:80px;padding:6px 8px;font-size:var(--font-size-sm)}.producto-subtotal{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-lg);text-align:right}.busqueda-container{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.busqueda-container .form-group{margin-bottom:0}.busqueda-container .form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.resultados-busqueda{margin-top:var(--spacing-6);max-height:500px;overflow-y:auto;border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-lg);background:var(--bg-primary)}.resultado-item{padding:var(--spacing-4);border-bottom:var(--border-width-1) solid var(--border-color-light);cursor:pointer;transition:var(--transition-fast);display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-4);align-items:center}@media (hover: hover) and (pointer: fine){.resultado-item:hover{background:var(--bg-secondary)}}.resultado-item:last-child{border-bottom:none}.presupuesto-detail{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.presupuesto-detail-header{background:var(--bg-gradient-card);border-radius:var(--radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-md)}.detail-card{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-color-light);border-radius:var(--radius-2xl);padding:var(--spacing-6) var(--spacing-7);margin-bottom:var(--spacing-8);position:relative;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-6)}.detail-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(231,0,0,.08),transparent 60%);pointer-events:none}.detail-card.info-general-card:after,.detail-card.cliente-card:after{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);background-size:200% 100%;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-6);flex-wrap:wrap}.card-header-left{display:flex;align-items:flex-start;gap:var(--spacing-4)}.card-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);box-shadow:var(--shadow-primary);color:var(--text-inverse)}.cliente-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #764ba24d}.card-title-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.card-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:.5px}.folio-estado{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.folio-tag{background:var(--bg-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:var(--border-width-1) solid var(--border-color-light);font-family:var(--font-monospace);letter-spacing:.5px}.estado-pill{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-2);box-shadow:var(--shadow-xs);border:var(--border-width-1) solid transparent;letter-spacing:.5px}.estado-warning{background:#ffc10740;color:var(--color-warning-dark);border-color:var(--color-warning)}.estado-info{background:#17a2b840;color:var(--color-info-dark);border-color:var(--color-info)}.estado-success{background:#28a74540;color:var(--color-success-dark);border-color:var(--color-success)}.estado-danger{background:#dc354540;color:var(--color-danger-dark);border-color:var(--color-danger)}.estado-secondary{background:var(--color-gray-200);color:var(--text-primary)}.card-total{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:160px;padding:var(--spacing-4) var(--spacing-5);background:var(--bg-secondary);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--border-color-light);box-shadow:var(--shadow-sm)}.total-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.total-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-success);line-height:1.1;font-family:var(--font-monospace)}.card-body{display:grid;gap:var(--spacing-6)}.info-general-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item .info-label,.cliente-info-item .info-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.info-item .info-value,.cliente-info-item .info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.info-value-success{color:var(--color-success);font-weight:var(--font-weight-bold)}.info-value-muted{color:var(--text-secondary);font-style:italic}.info-chip{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.5px;box-shadow:var(--shadow-primary)}.cliente-card .cliente-nombre-principal{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--spacing-1)}.cliente-card .card-contacto-principal{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1);min-width:180px}.contacto-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.contacto-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-all}.cliente-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.cliente-info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}@media (max-width: 767px){.card-header{flex-direction:column;align-items:flex-start}.card-total{align-self:stretch;flex-direction:row;justify-content:space-between}.card-total .total-label{font-size:var(--font-size-sm)}.card-total .total-value{font-size:var(--font-size-2xl)}.folio-estado{width:100%}.card-contacto-principal{align-items:flex-start}}.presupuesto-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.productos-table{width:100%;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table-header{display:grid;grid-template-columns:1.8fr 3fr .8fr 1fr .8fr 1fr 1fr;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-gradient-light);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:var(--border-width-2) solid var(--border-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.table-header>div:last-child{text-align:right}.table-row{display:grid;grid-template-columns:1.8fr 3fr .8fr 1fr .8fr 1fr 1fr;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:var(--border-width-1) solid var(--border-color-light);align-items:center}.table-row:last-child{border-bottom:none}.table-row>div{color:var(--text-primary)}.table-row>div:last-child{text-align:right;font-weight:var(--font-weight-bold)}.table-row>div:last-child .col-codigo{display:flex;align-items:center}.table-row>div:last-child .col-cantidad,.table-row>div:last-child .col-precio,.table-row>div:last-child .col-descuento,.table-row>div:last-child .col-precio-final,.table-row>div:last-child .col-subtotal{text-align:right}.table-row>div:last-child .descuento-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.table-footer{display:flex;justify-content:flex-end;padding:var(--spacing-6);background:var(--bg-gradient-light);border-top:var(--border-width-2) solid var(--border-color)}.total-presupuesto{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.presupuesto-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-6)}.empty-state{text-align:center;padding:var(--spacing-16);color:var(--text-secondary)}.empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6);opacity:.5}.empty-state h3{color:var(--text-primary);margin-bottom:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.empty-state p{margin-bottom:var(--spacing-6);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.info-display{padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-medium);min-height:var(--height-input-sm);display:flex;align-items:center}@media (max-width: 767px){.dashboard-vendedor,.presupuestos-vendedor,.presupuesto-detail{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-4)}.actions-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.section-header,.presupuesto-content{flex-direction:column;align-items:flex-start}.presupuesto-details{align-items:flex-start;width:100%}.producto-item{grid-template-columns:1fr;gap:var(--spacing-3)}.producto-acciones{justify-content:flex-start}.filters-grid{grid-template-columns:1fr}.presupuesto-actions{flex-direction:column}.presupuesto-actions .btn{width:100%}.table-header{display:none}.table-row{grid-template-columns:1fr;padding:var(--spacing-4);margin-bottom:var(--spacing-3);border:var(--border-width-1) solid var(--border-color-light);border-radius:var(--radius-md)}.table-row>div:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:block;margin-bottom:var(--spacing-1);font-size:var(--font-size-xs);text-transform:uppercase}.table-row>div:last-child{text-align:left}}@media (min-width: 768px) and (max-width: 1023px){.stats-grid,.actions-grid,.presupuesto-info-grid{grid-template-columns:repeat(2,1fr)}}.codigo-qr-container{display:flex;align-items:center;gap:var(--spacing-3)}.instrucciones-email{margin-bottom:var(--spacing-6)}.instruccion-paso{display:flex;margin-bottom:var(--spacing-6);align-items:flex-start;gap:var(--spacing-4)}.paso-numero{background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full);width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.paso-contenido h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.paso-contenido p{margin:0;color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.info-adicional{background:var(--bg-secondary);padding:var(--spacing-5);border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.info-adicional h4{margin:0 0 var(--spacing-3) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-adicional ul{margin:0;padding-left:var(--spacing-6)}.info-adicional li{margin-bottom:var(--spacing-2);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.nuevo-pendiente{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.nuevo-pendiente h2{margin-bottom:var(--spacing-6);color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.producto-buscador{position:relative;margin-bottom:var(--spacing-6)}.buscador-input{position:relative}.buscador-input input{width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-base)}.buscador-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e700001a}.buscador-loading{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-sm)}.buscador-resultados{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:var(--border-width-1) solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:300px;overflow-y:auto;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);margin-top:-1px}.buscador-resultados .resultado-item{padding:var(--spacing-3);border-bottom:var(--border-width-1) solid var(--border-color-light);cursor:pointer;transition:var(--transition-fast)}@media (hover: hover) and (pointer: fine){.buscador-resultados .resultado-item:hover{background:var(--bg-secondary)}}.buscador-resultados .resultado-item:last-child{border-bottom:none}.producto-item{display:flex;align-items:center;padding:var(--spacing-5);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);background:var(--bg-secondary);gap:var(--spacing-5);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.producto-item:hover{background:var(--color-gray-200);box-shadow:var(--shadow-sm)}}.producto-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.producto-codigo{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-monospace)}.producto-descripcion{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal);margin:0}.producto-ean{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);font-family:var(--font-monospace)}.cantidad-input{width:100px!important;padding:var(--spacing-2) var(--spacing-4)!important;text-align:center!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;border:var(--border-width-2) solid var(--border-color-light)!important;border-radius:var(--radius-md)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:var(--transition-base)!important;box-shadow:var(--shadow-xs)!important}.cantidad-input:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #e700001a!important;transform:translateY(-1px)!important}.producto-cantidad{display:flex;align-items:center;margin:0 var(--spacing-5);gap:var(--spacing-2)}.producto-cantidad label{margin-right:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.producto-acciones{display:flex;gap:var(--spacing-2)}.lista-pendientes{padding:var(--spacing-6);max-width:var(--max-width-7xl);margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);gap:var(--spacing-4);flex-wrap:wrap}.page-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.filtros{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-6);flex-wrap:wrap;background:var(--bg-primary);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--border-color-light)}.filtro-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:150px}.filtro-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.filtro-group .form-control{padding:var(--spacing-2);font-size:var(--font-size-sm);min-width:150px}.filtros-ubicacion{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-5);margin-top:var(--spacing-6)}.filtro-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.filtro-item label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.filtro-modulo .modulo-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.modulo-inputs input{flex:1}.modulo-separator{color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.resumen-estadisticas{display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-6);flex-wrap:wrap;background:var(--bg-primary);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.estadistica-item{text-align:center;flex:1;min-width:80px;padding:var(--spacing-3)}.estadistica-valor{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.estadistica-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-2);text-transform:uppercase;letter-spacing:.5px}.estadistica-item:nth-child(1) .estadistica-valor{color:var(--color-primary)}.estadistica-item:nth-child(2) .estadistica-valor{color:var(--color-info)}.estadistica-item:nth-child(3) .estadistica-valor{color:var(--color-warning)}.estadistica-item:nth-child(4) .estadistica-valor{color:var(--color-success)}.estadistica-item:nth-child(5) .estadistica-valor{color:var(--color-danger)}.pendientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6)}.pendiente-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-base);border:var(--border-width-1) solid var(--border-color-light);overflow:hidden}@media (hover: hover) and (pointer: fine){.pendiente-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:var(--border-width-1) solid var(--border-color-light);background:var(--bg-gradient-light)}.card-header h3{margin:0;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.estado-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-xs);white-space:nowrap}.estado-preparacion,.estado-en-preparacion{background:#ffc10733;color:var(--color-warning-dark);border:var(--border-width-1) solid var(--color-warning)}.estado-preparado{background:#17a2b833;color:var(--color-info-dark);border:var(--border-width-1) solid var(--color-info)}.estado-entregado{background:#28a74533;color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success)}.estado-cancelado{background:#dc354533;color:var(--color-danger-dark);border:var(--border-width-1) solid var(--color-danger)}.card-body{padding:var(--spacing-5)}.cliente-info strong{display:block;margin-bottom:var(--spacing-2);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.cliente-nie{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-monospace)}.pendiente-meta{display:flex;justify-content:space-between;margin:var(--spacing-5) 0;padding:var(--spacing-3) 0;border-top:var(--border-width-1) solid var(--border-color-light);border-bottom:var(--border-width-1) solid var(--border-color-light);gap:var(--spacing-3)}.meta-item{text-align:center;flex:1}.meta-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.3px}.meta-value{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.observaciones{margin-top:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:var(--border-width-1) solid var(--border-color-light);color:var(--text-primary);min-height:50px;line-height:var(--line-height-relaxed)}.observaciones strong{display:block;margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.observaciones p{margin:0;color:var(--text-secondary)}.observaciones:empty:before{content:"No hay observaciones";color:var(--text-secondary);font-style:italic}.detalle-pendiente{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.detalle-pendiente h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6);color:var(--text-primary);font-weight:var(--font-weight-bold)}.header-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.header-actions .btn{min-width:120px}.pendiente-info{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:var(--border-width-1) solid var(--border-color-light)}.info-section{padding:var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-color-light);background:var(--bg-primary)}.info-section:last-child{border-bottom:none}.info-section h3{margin:0 0 var(--spacing-5) 0;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);border-bottom:var(--border-width-2) solid var(--color-primary);padding-bottom:var(--spacing-2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5)}.section-header h3{margin:0;border:none;padding:0}.cliente-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-5)}.dato-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.dato-item label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.3px;font-weight:var(--font-weight-medium)}.dato-item span{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);flex-wrap:wrap;gap:var(--spacing-3)}.presupuesto-indicator{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);white-space:nowrap}.presupuesto-indicator.interno{background:#28a74533;color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success)}.presupuesto-indicator.cocinas{background:#ffc10733;color:var(--color-warning-dark);border:var(--border-width-1) solid var(--color-warning)}.readonly-field{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;cursor:not-allowed;border:var(--border-width-1) solid var(--border-color-light)!important}.field-help{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.productos-lista{overflow-x:auto;border-radius:var(--radius-lg)}.productos-table{width:100%;border-collapse:collapse;background:var(--bg-primary);color:var(--text-primary)}.productos-table th,.productos-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:var(--border-width-1) solid var(--border-color-light);color:var(--text-primary)}.productos-table th{background:var(--bg-gradient-light);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.3px}@media (hover: hover) and (pointer: fine){.productos-table tbody tr:hover{background:var(--bg-secondary)}}.productos-table td{color:var(--text-primary);font-size:var(--font-size-sm)}.cajero-dashboard{padding:var(--spacing-6);max-width:var(--max-width-7xl);margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.cajero-stat-card{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.cajero-stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}}.stat-card h3{margin-bottom:var(--spacing-3);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:var(--spacing-3) 0;line-height:1}.stat-desc{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-card:nth-child(1) .stat-number{color:var(--color-primary)}.stat-card:nth-child(2) .stat-number{color:var(--color-success)}.stat-card:nth-child(3) .stat-number{color:var(--color-warning)}.stat-card:nth-child(4) .stat-number{color:var(--color-danger)}.dashboard-actions{display:flex;gap:var(--spacing-5);flex-wrap:wrap;margin-bottom:var(--spacing-8)}.dashboard-actions .btn{min-width:180px}.dashboard-info{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--border-color-light)}.dashboard-info h3{margin-bottom:var(--spacing-5);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.dashboard-info ul{list-style:none;padding:0;margin:0}.dashboard-info li{padding:var(--spacing-3) 0;border-bottom:var(--border-width-1) solid var(--border-color-light);color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard-info li:last-child{border-bottom:none}.dashboard-info strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.buscar-productos{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.buscar-productos h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6);color:var(--text-primary);font-weight:var(--font-weight-bold)}.busqueda-container{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--border-color-light)}.busqueda-container .form-group{margin-bottom:var(--spacing-6)}.busqueda-container .form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.info-message{padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);border:var(--border-width-1) solid var(--border-color-light)}.resultados-container{margin-top:var(--spacing-6)}.resultados-container h3{margin-bottom:var(--spacing-5);color:var(--text-primary);border-bottom:var(--border-width-2) solid var(--color-primary);padding-bottom:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-5)}.producto-card{border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--bg-secondary);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.producto-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}}.scanner-header{text-align:center;margin-bottom:var(--spacing-6)}.scanner-header h3{color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.scanner-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.scanner-content{max-width:600px;margin:0 auto}.scanner-status{padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-6);border:var(--border-width-1) solid var(--border-color)}.scanner-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-6)}.scanner-actions .btn{min-width:140px}.scanner-form-group{margin-bottom:var(--spacing-6)}.scanner-input{width:100%;padding:var(--spacing-4);font-size:var(--font-size-lg);border:var(--border-width-2) solid var(--border-color);border-radius:var(--radius-md);text-align:center;font-family:var(--font-monospace);font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.scanner-input.scanning{border-color:var(--color-warning);background:#ffc1071a;animation:pulse 1.5s ease-in-out infinite}.scanner-input.scanned{border-color:var(--color-success);background:#28a7451a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.scanner-instructions{margin-top:var(--spacing-6)}.scanner-instructions .form-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.scanner-instructions strong{color:var(--text-primary)}.scanner-data-info{margin-top:var(--spacing-6)}.scanner-data-preview{padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-3);font-family:var(--font-monospace);font-size:var(--font-size-sm)}.scanner-data-preview .form-text{color:var(--text-secondary)}.producto-seleccionado{background:var(--bg-secondary);padding:var(--spacing-3);border-radius:var(--radius-md);margin:var(--spacing-3) 0;border:var(--border-width-1) solid var(--border-color)}.producto-seleccionado div{margin:var(--spacing-2) 0;color:var(--text-primary);font-size:var(--font-size-sm)}.no-pendientes{text-align:center;padding:var(--spacing-16);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.no-pendientes p{margin-bottom:var(--spacing-6);color:var(--text-secondary);font-size:var(--font-size-xl)}.no-results{text-align:center;padding:var(--spacing-16);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:var(--font-size-base)}@media (max-width: 767px){.nuevo-pendiente,.lista-pendientes,.detalle-pendiente,.cajero-dashboard,.buscar-productos{padding:var(--spacing-4)}.form-grid{grid-template-columns:1fr}.filtros{flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-5)}.filtros .filtro-group{width:100%;margin-bottom:0}.filtros .form-control{width:100%;padding:var(--spacing-4);font-size:var(--font-size-base)}.filtros label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.filtros-ubicacion,.pendientes-grid{grid-template-columns:1fr}.producto-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.producto-cantidad{margin:0}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{width:100%}.resumen-estadisticas{gap:var(--spacing-3)}.estadistica-item{min-width:60px}.estadistica-valor{font-size:var(--font-size-2xl)}.estadistica-label{font-size:var(--font-size-xs)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.page-header{flex-direction:column;align-items:stretch}.productos-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-5)}.stat-number{font-size:var(--font-size-4xl)}}@media (max-width: 479px){.dashboard-stats{grid-template-columns:1fr}.filtros{padding:var(--spacing-4);gap:var(--spacing-4)}.filtros .form-control{padding:var(--spacing-3);font-size:var(--font-size-base)}.filtros label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}}.logistica-dashboard{padding:var(--spacing-6);max-width:var(--max-width-7xl);margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-8);text-align:center}.dashboard-header h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3);color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.dashboard-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);margin:0}.logistica-dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.logistica-dashboard .stat-card{background:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-4);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base);position:relative;overflow:hidden;min-height:150px}.logistica-dashboard .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}@media (hover: hover) and (pointer: fine){.logistica-dashboard .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}}.stat-icon{font-size:var(--font-size-5xl);display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-xl);color:var(--text-inverse);flex-shrink:0;margin-bottom:var(--spacing-2);box-shadow:var(--shadow-primary)}.stat-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.logistica-dashboard .stat-card h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);word-wrap:break-word;overflow-wrap:break-word}.logistica-dashboard .stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;color:var(--color-primary);line-height:1}.logistica-dashboard .stat-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed);word-wrap:break-word;overflow-wrap:break-word}.logistica-lista-pendientes{padding:var(--spacing-6);max-width:var(--max-width-7xl);margin:0 auto}.logistica-lista-pendientes .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);flex-wrap:wrap;gap:var(--spacing-5)}.logistica-lista-pendientes .page-title{font-size:var(--font-size-4xl);margin:0;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.logistica-lista-pendientes .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);margin:var(--spacing-2) 0 0 0}.logistica-lista-pendientes .header-actions{display:flex;gap:var(--spacing-3);align-items:center}.logistica-lista-pendientes .filters-section{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);border:var(--border-width-1) solid var(--border-color-light)}.logistica-lista-pendientes .filters-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-5) 0}.logistica-lista-pendientes .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.logistica-lista-pendientes .filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.logistica-lista-pendientes .filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.3px}.logistica-lista-pendientes .filter-control{padding:var(--spacing-3);border:var(--border-width-1) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-base)}.logistica-lista-pendientes .filter-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e700001a}.logistica-lista-pendientes .filter-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.logistica-lista-pendientes .pendientes-container{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light);overflow:hidden}.logistica-lista-pendientes .pendientes-header{background:var(--bg-gradient-light);padding:var(--spacing-5);border-bottom:var(--border-width-1) solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center}.logistica-lista-pendientes .pendientes-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.logistica-lista-pendientes .pendientes-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.logistica-lista-pendientes .pendientes-list{display:grid;gap:var(--spacing-5);padding:var(--spacing-6)}.logistica-lista-pendientes .pendiente-item{background:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base);cursor:pointer}@media (hover: hover) and (pointer: fine){.logistica-lista-pendientes .pendiente-item:hover{background:var(--color-gray-200);transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.logistica-lista-pendientes .pendiente-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-5);gap:var(--spacing-4)}.logistica-lista-pendientes .pendiente-folio{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.logistica-lista-pendientes .pendiente-estado{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.logistica-lista-pendientes .pendiente-estado.en-preparacion{background:#ffc10733;color:var(--color-warning-dark);border:var(--border-width-1) solid var(--color-warning)}.logistica-lista-pendientes .pendiente-estado.preparado{background:#17a2b833;color:var(--color-info-dark);border:var(--border-width-1) solid var(--color-info)}.logistica-lista-pendientes .pendiente-estado.entregado{background:#28a74533;color:var(--color-success-dark);border:var(--border-width-1) solid var(--color-success)}.logistica-lista-pendientes .pendiente-estado.cancelado{background:#dc354533;color:var(--color-danger-dark);border:var(--border-width-1) solid var(--color-danger)}.logistica-lista-pendientes .pendiente-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.logistica-lista-pendientes .pendiente-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.logistica-lista-pendientes .pendiente-info-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--spacing-1)}.logistica-lista-pendientes .pendiente-info-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.logistica-lista-pendientes .pendiente-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.logistica-pendientes-grid{display:grid;gap:var(--spacing-5);padding:var(--spacing-6)}.logistica-pendiente-card{background:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.logistica-pendiente-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}@media (hover: hover) and (pointer: fine){.logistica-pendiente-card:hover{background:var(--bg-secondary);transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}}.logistica-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-5);border-bottom:var(--border-width-2) solid var(--border-color-light);gap:var(--spacing-4)}.logistica-card-header h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.logistica-estado-badge{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);border:var(--border-width-2) solid transparent;white-space:nowrap}.logistica-estado-badge.logistica-estado-preparacion{background:linear-gradient(135deg,#ff6b35,#f7931e);color:var(--text-inverse);border-color:#ff6b35;box-shadow:0 4px 15px #ff6b3566}.logistica-estado-badge.logistica-estado-preparado{background:linear-gradient(135deg,#00b4d8,#0077b6);color:var(--text-inverse);border-color:#00b4d8;box-shadow:0 4px 15px #00b4d866}.logistica-estado-badge.logistica-estado-entregado{background:linear-gradient(135deg,#06d6a0,#118ab2);color:var(--text-inverse);border-color:#06d6a0;box-shadow:0 4px 15px #06d6a066}.logistica-estado-badge.logistica-estado-cancelado{background:linear-gradient(135deg,#ef476f,#d62828);color:var(--text-inverse);border-color:#ef476f;box-shadow:0 4px 15px #ef476f66}.estado-badge{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);border:var(--border-width-2) solid transparent;display:inline-block;min-width:80px;text-align:center}.estado-badge.estado-pendiente{background:linear-gradient(135deg,#6c757d,#495057);color:var(--text-inverse);border-color:#6c757d;box-shadow:0 3px 10px #6c757d66}.estado-badge.estado-alistado{background:linear-gradient(135deg,#28a745,#20c997);color:var(--text-inverse);border-color:#28a745;box-shadow:0 3px 10px #28a74566}.estado-badge.estado-no-disponible{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--text-inverse);border-color:#dc3545;box-shadow:0 3px 10px #dc354566}.estado-badge.estado-entregado{background:linear-gradient(135deg,#17a2b8,#138496);color:var(--text-inverse);border-color:#17a2b8;box-shadow:0 3px 10px #17a2b866}.estado-badge.estado-entregado-parcial{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#ffc107;box-shadow:0 3px 10px #ffc10766}.logistica-detalle-pendiente .producto-card{background:var(--bg-primary);padding:var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);border:var(--border-width-1) solid var(--border-color);transition:var(--transition-base)}.logistica-detalle-pendiente .producto-card.estado-pendiente{border-left:4px solid #6c757d}.logistica-detalle-pendiente .producto-card.estado-alistado{border-left:4px solid #28a745}.logistica-detalle-pendiente .producto-card.estado-no-disponible{border-left:4px solid #dc3545}.logistica-detalle-pendiente .producto-card.estado-entregado{border-left:4px solid #17a2b8}.logistica-detalle-pendiente .producto-card.estado-entregado-parcial{border-left:4px solid #ffc107}.logistica-detalle-pendiente .producto-card .producto-descripcion{color:var(--text-primary)!important;font-weight:var(--font-weight-semibold)}.logistica-detalle-pendiente .producto-card .producto-codigo{color:var(--text-primary)!important;font-weight:var(--font-weight-bold);font-family:var(--font-monospace)}.logistica-detalle-pendiente .producto-card .cantidad-label{color:var(--text-secondary)!important}.logistica-detalle-pendiente .producto-card .cantidad-value{color:var(--text-primary)!important}.logistica-detalle-pendiente .producto-card .alistador-label,.logistica-detalle-pendiente .producto-card .fecha-label{color:var(--text-secondary)!important}.logistica-detalle-pendiente .producto-card .alistador-value,.logistica-detalle-pendiente .producto-card .fecha-value{color:var(--text-primary)!important}.logistica-detalle-pendiente .producto-card .producto-observaciones strong,.logistica-detalle-pendiente .producto-card .producto-observaciones p{color:var(--color-warning-dark)!important}.logistica-card-body{margin-bottom:var(--spacing-5)}.logistica-cliente-info{margin-bottom:var(--spacing-6);padding:var(--spacing-5);background:var(--bg-gradient-light);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm)}.logistica-cliente-info strong{display:block;font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold)}.logistica-cliente-nie{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-semibold);background:var(--bg-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);display:inline-block;border:var(--border-width-1) solid var(--border-color);font-family:var(--font-monospace)}.entregas-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin:var(--spacing-6) 0}.resumen-item{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-5);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);border:var(--border-width-2) solid var(--border-color-light);position:relative;overflow:hidden;transition:var(--transition-base)}.resumen-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-gray-400);transition:var(--transition-base)}.resumen-item:nth-child(1):before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.resumen-item:nth-child(2):before{background:linear-gradient(90deg,var(--color-success),var(--color-success-light))}.resumen-item:nth-child(3):before{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-light))}@media (hover: hover) and (pointer: fine){.resumen-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.resumen-item:nth-child(1):hover{border-color:var(--color-primary-light)}.resumen-item:nth-child(2):hover{border-color:var(--color-success-light)}.resumen-item:nth-child(3):hover{border-color:var(--color-warning-light)}}.resumen-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:var(--font-weight-semibold);margin:0}.resumen-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.resumen-value.entregados{color:var(--color-success)}.resumen-value.pendientes{color:var(--color-warning)}@media (max-width: 768px){.entregas-resumen{grid-template-columns:1fr;gap:var(--spacing-3)}.resumen-item{padding:var(--spacing-4)}.resumen-value{font-size:var(--font-size-3xl)}}.cliente-info{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-6);border-radius:var(--radius-xl);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6);position:relative;overflow:hidden}.cliente-info:before{content:"👤";position:absolute;top:-10px;right:-10px;font-size:80px;opacity:.05;pointer-events:none}.cliente-info strong{display:block;font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold);position:relative;z-index:1}.cliente-info .cliente-nie{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-right:var(--spacing-4);margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--border-color);font-family:var(--font-monospace);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.cliente-info{padding:var(--spacing-5)}.cliente-info strong{font-size:var(--font-size-xl)}.cliente-info .cliente-nie{display:block;margin-right:0;margin-bottom:var(--spacing-2)}}.logistica-productos-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-5);background:var(--bg-gradient-light);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--border-color-light)}.logistica-stat-item{text-align:center;padding:var(--spacing-3)}.logistica-stat-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-2)}.logistica-stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.logistica-productos-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-4);margin:var(--spacing-6) 0}.logistica-producto-item{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);border:var(--border-width-2) solid var(--border-color-light);position:relative;overflow:hidden;transition:var(--transition-base)}.logistica-producto-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-gray-400);transition:var(--transition-base)}.logistica-producto-item:nth-child(1):before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.logistica-producto-item:has(.logistica-producto-alistados):before{background:linear-gradient(90deg,var(--color-success),var(--color-success-light))}.logistica-producto-item:has(.logistica-producto-pendientes):before{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-light))}.logistica-producto-item:has(.logistica-producto-no-disponibles):before{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-light))}@media (hover: hover) and (pointer: fine){.logistica-producto-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.logistica-producto-item:nth-child(1):hover{border-color:var(--color-primary-light)}.logistica-producto-item:has(.logistica-producto-alistados):hover{border-color:var(--color-success-light)}.logistica-producto-item:has(.logistica-producto-pendientes):hover{border-color:var(--color-warning-light)}.logistica-producto-item:has(.logistica-producto-no-disponibles):hover{border-color:var(--color-danger-light)}}.logistica-producto-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.logistica-producto-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.logistica-producto-alistados{color:var(--color-success)}.logistica-producto-pendientes{color:var(--color-warning)}.logistica-producto-no-disponibles{color:var(--color-danger)}@media (max-width: 768px){.logistica-productos-resumen{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.logistica-producto-item{padding:var(--spacing-3)}.logistica-producto-value{font-size:var(--font-size-2xl)}.logistica-producto-label{font-size:9px}}.logistica-detalle-pendiente{padding:var(--spacing-6);max-width:var(--max-width-6xl);margin:0 auto}.logistica-detalle-header{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light)}.logistica-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.logistica-info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.logistica-info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.logistica-info-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.logistica-productos-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light)}.logistica-productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:var(--border-width-2) solid var(--border-color-light)}.logistica-productos-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.logistica-productos-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.logistica-producto-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:var(--spacing-3)}@media (max-width: 767px){.logistica-dashboard,.logistica-lista-pendientes,.logistica-detalle-pendiente{padding:var(--spacing-4)}.dashboard-header h2,.logistica-lista-pendientes .page-title{font-size:var(--font-size-3xl)}.dashboard-subtitle,.logistica-lista-pendientes .page-subtitle{font-size:var(--font-size-base)}.logistica-dashboard .dashboard-stats{grid-template-columns:repeat(2,1fr)}.logistica-dashboard .stat-card{padding:var(--spacing-6);min-height:125px}.logistica-dashboard .stat-number{font-size:var(--font-size-4xl)}.logistica-dashboard .stat-card h3{font-size:var(--font-size-base)}.logistica-dashboard .stat-desc{font-size:var(--font-size-xs)}.logistica-lista-pendientes .filters-grid{grid-template-columns:1fr}.logistica-lista-pendientes .page-header{flex-direction:column;align-items:flex-start}.logistica-lista-pendientes .header-actions{width:100%;flex-direction:column}.logistica-card-header{flex-direction:column;align-items:flex-start}.logistica-productos-stats{grid-template-columns:repeat(2,1fr)}.logistica-info-grid{grid-template-columns:1fr}}@media (max-width: 479px){.logistica-dashboard .dashboard-stats,.logistica-productos-stats{grid-template-columns:1fr}.logistica-lista-pendientes .filters-section{padding:var(--spacing-4)}.logistica-lista-pendientes .filter-control{padding:var(--spacing-3);font-size:var(--font-size-base)}}@media (min-width: 1200px){.logistica-dashboard .dashboard-stats{grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}}@media (min-width: 1600px){.logistica-dashboard .dashboard-stats{grid-template-columns:repeat(5,1fr);gap:var(--spacing-10)}}.logistica-dashboard .dashboard-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}.logistica-dashboard .info-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--border-width-2) solid var(--border-color-light);position:relative;overflow:hidden}.logistica-dashboard .info-section:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(231,0,0,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.logistica-dashboard .info-section h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-3);position:relative;z-index:1}.logistica-dashboard .info-section h3:after{content:"";flex:1;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full);opacity:.3}.logistica-dashboard .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.logistica-dashboard .info-item{background:var(--bg-primary);padding:var(--spacing-5);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base);position:relative;overflow:hidden}.logistica-dashboard .info-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.logistica-dashboard .info-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.logistica-dashboard .info-item:hover:before{opacity:1}}.logistica-dashboard .info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.logistica-dashboard .info-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.logistica-dashboard .info-value.status-ok{color:var(--color-success);display:flex;align-items:center;gap:var(--spacing-2)}.logistica-dashboard .objetivos-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.logistica-dashboard .objetivos-list li{padding:var(--spacing-4) var(--spacing-5);background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-3);border:var(--border-width-2) solid var(--border-color-light);transition:all var(--transition-base);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);position:relative;overflow:hidden}.logistica-dashboard .objetivos-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-gray-300);transition:var(--transition-base)}.logistica-dashboard .objetivos-list li.completado{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--color-success-light);color:var(--color-success-dark)}.logistica-dashboard .objetivos-list li.completado:before{background:var(--color-success)}.logistica-dashboard .objetivos-list li.pendiente{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--color-warning-light);color:var(--color-warning-dark)}.logistica-dashboard .objetivos-list li.pendiente:before{background:var(--color-warning)}@media (hover: hover) and (pointer: fine){.logistica-dashboard .objetivos-list li:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.logistica-dashboard .objetivos-list li.completado:hover{border-color:var(--color-success)}.logistica-dashboard .objetivos-list li.pendiente:hover{border-color:var(--color-warning)}}@media (max-width: 768px){.logistica-dashboard .dashboard-info,.logistica-dashboard .info-grid{grid-template-columns:1fr}.logistica-dashboard .info-section{padding:var(--spacing-6)}.logistica-dashboard .info-section h3,.logistica-dashboard .info-value{font-size:var(--font-size-xl)}}.logistica-dashboard .dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin:var(--spacing-8) 0}.logistica-dashboard .btn-large{padding:var(--spacing-6) var(--spacing-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);position:relative;overflow:hidden;min-height:70px}.logistica-dashboard .btn-large .btn-icon{font-size:var(--font-size-3xl);flex-shrink:0}.logistica-dashboard .btn-large .btn-badge{display:none}@media (max-width: 768px){.logistica-dashboard .dashboard-actions{grid-template-columns:1fr}}:root{--admin-primary-gradient: linear-gradient(135deg, #e70000 0%, #ff4444 100%);--admin-success-gradient: linear-gradient(90deg, #28a745 0%, #34ce57 100%);--admin-warning-gradient: linear-gradient(90deg, #ffc107 0%, #ffd43b 100%);--admin-danger-gradient: linear-gradient(90deg, #dc3545 0%, #ff6b6b 100%);--admin-info-gradient: linear-gradient(90deg, #17a2b8 0%, #20c997 100%)}.admin-container{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-6);font-family:var(--font-sans);color:var(--text-primary);line-height:var(--line-height-normal)}.admin-header{background:var(--admin-primary-gradient);color:var(--text-inverse);padding:var(--spacing-8);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.admin-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.admin-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,-20px) rotate(180deg)}}.admin-header h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-3) 0;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1;letter-spacing:-.02em}.admin-header p{font-size:var(--font-size-xl);opacity:.95;margin:0;position:relative;z-index:1;font-weight:var(--font-weight-normal)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.admin-stat-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light);transition:var(--transition-base);position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--admin-primary-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media (hover: hover) and (pointer: fine){.admin-stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}}.admin-stat-card.success:before{background:var(--admin-success-gradient)}.admin-stat-card.warning:before{background:var(--admin-warning-gradient)}.admin-stat-card.danger:before{background:var(--admin-danger-gradient)}.admin-stat-card.info:before{background:var(--admin-info-gradient)}.admin-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}.admin-stat-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:var(--text-inverse);background:var(--admin-primary-gradient);box-shadow:var(--shadow-sm);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.admin-stat-card:hover .admin-stat-icon{transform:scale(1.1)}}.admin-stat-card.success .admin-stat-icon{background:var(--admin-success-gradient)}.admin-stat-card.warning .admin-stat-icon{background:var(--admin-warning-gradient);color:#000}.admin-stat-card.danger .admin-stat-icon{background:var(--admin-danger-gradient)}.admin-stat-card.info .admin-stat-icon{background:var(--admin-info-gradient)}.admin-stat-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0}.admin-stat-value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--spacing-3) 0;line-height:1}.admin-stat-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-normal)}.admin-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.admin-quick-action{background:var(--bg-primary);border:var(--border-width-2) solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:var(--transition-base);cursor:pointer;text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}.admin-quick-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,0,0,.1),transparent);transition:left .6s ease}@media (hover: hover) and (pointer: fine){.admin-quick-action:hover:before{left:100%}.admin-quick-action:hover{border-color:var(--color-primary);background:var(--bg-secondary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}}.admin-quick-action-icon{font-size:var(--font-size-5xl);color:var(--color-primary);margin-bottom:var(--spacing-5);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.admin-quick-action:hover .admin-quick-action-icon{transform:scale(1.1);color:var(--color-primary-dark)}}.admin-quick-action-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0;color:var(--text-primary)}.admin-quick-action-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.admin-table-container{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light);margin-bottom:var(--spacing-8)}.admin-table-header{background:var(--bg-gradient-light);padding:var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-color)}.admin-table-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-table-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-2) 0 0 0}.admin-table{width:100%;border-collapse:collapse;background:transparent}.admin-table th{background:var(--bg-gradient-light);color:var(--text-primary);padding:var(--spacing-5);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:var(--border-width-2) solid var(--border-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.admin-table td{padding:var(--spacing-5);border-bottom:var(--border-width-1) solid var(--border-color-light);color:var(--text-secondary);font-size:var(--font-size-sm);vertical-align:middle}.admin-table tr{transition:var(--transition-fast)}@media (hover: hover) and (pointer: fine){.admin-table tr:hover{background:var(--bg-secondary)}}.admin-table tr:last-child td{border-bottom:none}.admin-badge{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:var(--transition-base);white-space:nowrap}.admin-badge-success{background:#28a7451a;color:var(--color-success-dark);border:var(--border-width-1) solid rgba(40,167,69,.3)}.admin-badge-warning{background:#ffc1071a;color:var(--color-warning-dark);border:var(--border-width-1) solid rgba(255,193,7,.3)}.admin-badge-danger{background:#dc35451a;color:var(--color-danger-dark);border:var(--border-width-1) solid rgba(220,53,69,.3)}.admin-badge-info{background:#17a2b81a;color:var(--color-info-dark);border:var(--border-width-1) solid rgba(23,162,184,.3)}.admin-badge-secondary{background:#6c757d1a;color:var(--text-secondary);border:var(--border-width-1) solid rgba(108,117,125,.3)}.admin-btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);border:none;display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}@media (hover: hover) and (pointer: fine){.admin-btn:hover:before{width:300px;height:300px}.admin-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.admin-btn-primary{background:var(--admin-primary-gradient);color:var(--text-inverse)}.admin-btn-success{background:var(--admin-success-gradient);color:var(--text-inverse)}.admin-btn-danger{background:var(--admin-danger-gradient);color:var(--text-inverse)}.admin-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width-1) solid var(--border-color)}.admin-btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.admin-btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.admin-form-section{background:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);border:var(--border-width-1) solid var(--border-color-light)}.admin-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-6) 0;padding-bottom:var(--spacing-4);border-bottom:var(--border-width-2) solid var(--border-color-light)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.admin-alert{padding:var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);display:flex;align-items:flex-start;gap:var(--spacing-4);border:var(--border-width-1) solid transparent;box-shadow:var(--shadow-sm)}.admin-alert-icon{font-size:var(--font-size-2xl);flex-shrink:0}.admin-alert-content{flex:1}.admin-alert-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.admin-alert-message{font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.admin-alert-success{background:#28a7451a;border-color:var(--color-success);color:var(--color-success-dark)}.admin-alert-warning{background:#ffc1071a;border-color:var(--color-warning);color:var(--color-warning-dark)}.admin-alert-danger{background:#dc35451a;border-color:var(--color-danger);color:var(--color-danger-dark)}.admin-alert-info{background:#17a2b81a;border-color:var(--color-info);color:var(--color-info-dark)}.admin-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:var(--border-width-1) solid var(--border-color-light);overflow:hidden;transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.admin-card-header{background:var(--bg-gradient-light);padding:var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-color)}.admin-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-card-body{padding:var(--spacing-6)}.admin-card-footer{background:var(--bg-secondary);padding:var(--spacing-5);border-top:var(--border-width-1) solid var(--border-color-light)}.admin-empty-state{text-align:center;padding:var(--spacing-16);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.admin-empty-icon{font-size:var(--font-size-6xl);color:var(--text-secondary);opacity:.5;margin-bottom:var(--spacing-6)}.admin-empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.admin-empty-message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-relaxed)}.admin-usuarios-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;margin:0}.admin-usuarios-table thead{position:sticky;top:0;z-index:10}.admin-usuarios-table thead tr{background:linear-gradient(135deg,#e70000,#d00000 55%,#f44);box-shadow:0 4px 12px #e7000026}.admin-usuarios-table thead th{color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;padding:16px 12px;text-align:left;border:none;position:relative;white-space:nowrap}.admin-usuarios-table thead th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.admin-usuarios-table thead th:first-child{border-top-left-radius:12px;padding-left:20px}.admin-usuarios-table thead th:last-child{border-top-right-radius:12px;padding-right:20px}.admin-usuarios-table tbody tr{background:var(--bg-primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.admin-usuarios-table tbody tr:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#e70000,#f44);opacity:0;transition:opacity .3s ease}@media (hover: hover) and (pointer: fine){.admin-usuarios-table tbody tr:hover{background:linear-gradient(90deg,rgba(231,0,0,.03) 0%,var(--bg-primary) 100%);box-shadow:0 4px 16px #00000014;transform:scale(1.005)}.admin-usuarios-table tbody tr:hover:before{opacity:1}}.admin-usuarios-table tbody td{padding:16px 12px;border-bottom:1px solid rgba(0,0,0,.06);font-size:.875rem;color:var(--text-secondary);vertical-align:middle;transition:all .3s ease}.admin-usuarios-table tbody tr:last-child td{border-bottom:none}.admin-usuarios-table tbody td:first-child{padding-left:20px}.admin-usuarios-table tbody td:last-child{padding-right:20px}.admin-usuarios-table th:nth-child(1),.admin-usuarios-table td:nth-child(1){width:28%;min-width:220px;max-width:320px}.admin-usuario-info-compact{display:flex;align-items:center;gap:12px}.admin-usuario-avatar-small{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e70000,#f44);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.063rem;font-weight:700;flex-shrink:0;box-shadow:0 3px 8px #e7000040;transition:all .3s ease}@media (hover: hover) and (pointer: fine){.admin-usuarios-table tbody tr:hover .admin-usuario-avatar-small{transform:scale(1.1);box-shadow:0 4px 12px #e7000066}}.admin-usuario-details-compact{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow:hidden}.admin-usuario-name{font-weight:600;color:var(--text-primary);font-size:.875rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-usuario-email{font-size:.75rem;color:var(--text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-usuarios-table th:nth-child(2),.admin-usuarios-table td:nth-child(2){width:14%;min-width:110px}.admin-rol-badge-compact{display:inline-flex;align-items:center;padding:6px 12px;border-radius:18px;font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 6px #0000001a;transition:all .3s ease;border:2px solid transparent}.admin-rol-badge-compact.admin{background:linear-gradient(135deg,#dc3545,#ff6b6b);color:#fff}.admin-rol-badge-compact.superusuario{background:linear-gradient(135deg,#6f42c1,#9b59b6);color:#fff}.admin-rol-badge-compact.logistica{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff}.admin-rol-badge-compact.cajero{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff}.admin-rol-badge-compact.vendedor{background:linear-gradient(135deg,#e70000,#f44);color:#fff}.admin-rol-badge-compact.jefe_sector{background:linear-gradient(135deg,#fd7e14,#ffa94d);color:#fff}@media (hover: hover) and (pointer: fine){.admin-usuarios-table tbody tr:hover .admin-rol-badge-compact{transform:translateY(-2px);box-shadow:0 4px 10px #0003}}.admin-usuarios-table th:nth-child(3),.admin-usuarios-table td:nth-child(3){width:13%;min-width:100px}.admin-usuarios-table th:nth-child(4),.admin-usuarios-table td:nth-child(4){width:13%;min-width:100px}.admin-usuarios-table td:nth-child(3),.admin-usuarios-table td:nth-child(4){font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-usuarios-table th:nth-child(5),.admin-usuarios-table td:nth-child(5){width:8%;min-width:70px;text-align:center}.admin-estado-badge-compact{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:.938rem;font-weight:700;box-shadow:0 2px 6px #00000026;transition:all .3s ease}.admin-estado-badge-compact.activo{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff}.admin-estado-badge-compact.inactivo{background:linear-gradient(135deg,#6c757d,#95a5a6);color:#fff}@media (hover: hover) and (pointer: fine){.admin-usuarios-table tbody tr:hover .admin-estado-badge-compact{transform:scale(1.15) rotate(5deg);box-shadow:0 4px 10px #00000040}}.admin-usuarios-table th:nth-child(6),.admin-usuarios-table td:nth-child(6){width:10%;min-width:85px}.admin-fecha-compact{font-size:.813rem;color:var(--text-secondary);font-family:Courier New,monospace;font-weight:500}.admin-usuarios-table th:nth-child(7),.admin-usuarios-table td:nth-child(7){width:14%;min-width:140px;text-align:right}.admin-actions-compact{display:flex;gap:8px;justify-content:flex-end;align-items:center}.admin-btn-compact{width:36px;height:36px;border-radius:9px;border:none;cursor:pointer;font-size:1.063rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a;position:relative;overflow:hidden}.admin-btn-compact:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .4s,height .4s}@media (hover: hover) and (pointer: fine){.admin-btn-compact:hover:before{width:80px;height:80px}.admin-btn-compact:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #0003}}.admin-btn-compact.admin-btn-secondary{background:linear-gradient(135deg,#6c757d,#95a5a6);color:#fff}.admin-btn-compact.admin-btn-reset{background:linear-gradient(135deg,#ffc107,#ffd43b);color:#000}.admin-btn-compact.admin-btn-warning{background:linear-gradient(135deg,#dc3545,#ff6b6b);color:#fff}.admin-btn-compact.admin-btn-success{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff}.admin-content-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);overflow:hidden;margin-bottom:32px}.admin-content-card .admin-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:linear-gradient(135deg,rgba(231,0,0,.03) 0%,transparent 100%);border-bottom:2px solid rgba(231,0,0,.1)}.admin-content-card .admin-card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.admin-content-card .admin-card-title:before{content:"👥";font-size:1.75rem}@media (max-width: 767px){.admin-container{padding:var(--spacing-4)}.admin-header{padding:var(--spacing-6)}.admin-header h1{font-size:var(--font-size-3xl)}.admin-header p{font-size:var(--font-size-base)}.admin-stats-grid,.admin-quick-actions,.admin-form-grid{grid-template-columns:1fr}.admin-stat-card{padding:var(--spacing-6)}.admin-stat-value{font-size:var(--font-size-4xl)}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.admin-usuarios-table{min-width:900px}.admin-content-card .admin-card-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.admin-content-card .admin-card-title{font-size:1.25rem}.admin-btn{width:100%;justify-content:center}.admin-usuario-avatar-small{width:40px;height:40px;font-size:1rem}.admin-usuario-name{font-size:.875rem}.admin-usuario-email{font-size:.75rem}.admin-rol-badge-compact{padding:6px 12px;font-size:.688rem}.admin-btn-compact{width:36px;height:36px;font-size:1rem}.admin-usuarios-table tbody td{padding:16px 12px}.admin-usuarios-table thead th{padding:14px 12px;font-size:.75rem}}@media (max-width: 479px){.admin-header h1{font-size:var(--font-size-2xl)}.admin-stat-value{font-size:var(--font-size-3xl)}.admin-quick-action{padding:var(--spacing-6)}.admin-content-card .admin-card-header{padding:16px}.admin-content-card .admin-card-title{font-size:1.125rem}}:root{--super-primary: #1a365d;--super-primary-light: #2c5282;--super-primary-dark: #153450;--super-secondary: #2d3748;--super-accent: #3182ce;--super-success: #38a169;--super-warning: #d69e2e;--super-danger: #e53e3e;--super-info: #3182ce;--super-bg-primary: #ffffff;--super-bg-secondary: #f7fafc;--super-bg-tertiary: #edf2f7;--super-bg-card: #ffffff;--super-text-primary: #1a202c;--super-text-secondary: #4a5568;--super-text-muted: #718096;--super-border: #e2e8f0;--super-border-light: #f1f5f9;--super-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--super-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--super-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--super-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1)}.super-main-content{background:var(--super-bg-secondary);min-height:100vh;padding:var(--spacing-6)}.super-header{background:linear-gradient(135deg,var(--super-primary) 0%,var(--super-primary-light) 100%);color:var(--text-inverse);padding:var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);box-shadow:var(--super-shadow-lg);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-6)}.super-header-content{flex:1}.super-header-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.super-header-subtitle{font-size:var(--font-size-xl);opacity:.9;margin:var(--spacing-2) 0 0 0}.super-header-actions{display:flex;gap:var(--spacing-3);flex-shrink:0}.super-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.super-content-grid-large{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.super-content-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.super-action-card{background:var(--super-bg-card);border:var(--border-width-1) solid var(--super-border);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--super-shadow-md);transition:var(--transition-base);text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.super-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--super-accent);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.super-action-card:hover{transform:translateY(-4px);box-shadow:var(--super-shadow-lg);border-color:var(--super-primary);text-decoration:none;color:inherit}.super-action-card:hover:before{background:var(--super-primary);height:6px}}.super-action-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.super-action-icon{font-size:var(--font-size-5xl);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#1a365d1a;border-radius:var(--radius-full);box-shadow:var(--super-shadow-sm);color:var(--super-primary)}.super-action-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--super-text-primary);margin:0}.super-action-description{font-size:var(--font-size-base);color:var(--super-text-secondary);margin:0 0 var(--spacing-5) 0;line-height:var(--line-height-relaxed);flex:1}.super-action-stats{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.super-action-stat{font-size:var(--font-size-sm);color:var(--super-text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}.super-action-stat strong{color:var(--super-primary);font-weight:var(--font-weight-bold)}.super-action-footer{margin-top:auto;padding-top:var(--spacing-4);border-top:var(--border-width-1) solid var(--super-border-light)}.super-action-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--super-primary);text-decoration:none;transition:var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-2)}@media (hover: hover) and (pointer: fine){.super-action-card:hover .super-action-link{color:var(--super-primary-dark);transform:translate(4px)}}.super-card{background:var(--super-bg-card);border:var(--border-width-1) solid var(--super-border);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--super-shadow-sm);transition:var(--transition-base)}@media (hover: hover) and (pointer: fine){.super-card:hover{transform:translateY(-2px);box-shadow:var(--super-shadow-md)}}.super-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:var(--border-width-2) solid var(--super-border-light)}.super-card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--super-text-primary);margin:0}.super-card-subtitle{font-size:var(--font-size-sm);color:var(--super-text-muted);margin:0}.super-card-icon{font-size:var(--font-size-4xl);opacity:.7;color:var(--super-primary)}.super-stats-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.super-stat-card-enhanced{background:var(--super-bg-card);border:var(--border-width-1) solid var(--super-border);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--super-shadow-md);transition:var(--transition-base);position:relative;overflow:hidden}.super-stat-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--super-accent)}.super-stat-card-enhanced.primary:before{background:var(--super-primary)}.super-stat-card-enhanced.success:before{background:var(--super-success)}.super-stat-card-enhanced.info:before{background:var(--super-info)}.super-stat-card-enhanced.warning:before{background:var(--super-warning)}.super-stat-card-enhanced.danger:before{background:var(--super-danger)}@media (hover: hover) and (pointer: fine){.super-stat-card-enhanced:hover{transform:translateY(-3px);box-shadow:var(--super-shadow-lg)}}.super-stat-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.super-stat-icon-enhanced{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a365d1a;border-radius:var(--radius-lg);font-size:var(--font-size-3xl);color:var(--super-primary)}.super-stat-content-enhanced{flex:1}.super-stat-label-enhanced{font-size:var(--font-size-sm);color:var(--super-text-muted);margin:0 0 var(--spacing-2) 0;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.super-stat-value-enhanced{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--super-text-primary);margin:0;line-height:1}.super-stat-footer-enhanced{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border-width-1) solid var(--super-border-light)}.super-stat-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-1)}.super-stat-change.positive{color:var(--super-success)}.super-stat-change.negative{color:var(--super-danger)}.super-table-container{background:var(--super-bg-card);border:var(--border-width-1) solid var(--super-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--super-shadow-md);margin-bottom:var(--spacing-6)}.super-table-header{background:var(--super-bg-tertiary);padding:var(--spacing-5);border-bottom:var(--border-width-1) solid var(--super-border)}.super-table-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--super-text-primary);margin:0}.super-table{width:100%;border-collapse:collapse}.super-table th{background:var(--super-bg-tertiary);color:var(--super-text-primary);padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-width-2) solid var(--super-border)}.super-table td{padding:var(--spacing-4);border-bottom:var(--border-width-1) solid var(--super-border-light);color:var(--super-text-secondary);font-size:var(--font-size-sm)}@media (hover: hover) and (pointer: fine){.super-table tr:hover{background:var(--super-bg-secondary)}}.super-table tr:last-child td{border-bottom:none}.super-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--spacing-1);white-space:nowrap}.super-badge-primary{background:#1a365d1a;color:var(--super-primary);border:var(--border-width-1) solid rgba(26,54,93,.2)}.super-badge-success{background:#38a1691a;color:var(--super-success);border:var(--border-width-1) solid rgba(56,161,105,.2)}.super-badge-warning{background:#d69e2e1a;color:var(--super-warning);border:var(--border-width-1) solid rgba(214,158,46,.2)}.super-badge-danger{background:#e53e3e1a;color:var(--super-danger);border:var(--border-width-1) solid rgba(229,62,62,.2)}.super-badge-info{background:#3182ce1a;color:var(--super-info);border:var(--border-width-1) solid rgba(49,130,206,.2)}.super-btn{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);border:none;display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none;box-shadow:var(--super-shadow-sm)}.super-btn-primary{background:linear-gradient(135deg,var(--super-primary) 0%,var(--super-primary-light) 100%);color:var(--text-inverse)}.super-btn-success{background:var(--super-success);color:var(--text-inverse)}.super-btn-danger{background:var(--super-danger);color:var(--text-inverse)}.super-btn-secondary{background:var(--super-bg-tertiary);color:var(--super-text-primary);border:var(--border-width-1) solid var(--super-border)}@media (hover: hover) and (pointer: fine){.super-btn:hover{transform:translateY(-2px);box-shadow:var(--super-shadow-md)}}.super-btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.super-btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.super-form-section{background:var(--super-bg-card);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--super-shadow-md);margin-bottom:var(--spacing-6);border:var(--border-width-1) solid var(--super-border)}.super-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--super-text-primary);margin:0 0 var(--spacing-5) 0;padding-bottom:var(--spacing-4);border-bottom:var(--border-width-2) solid var(--super-border-light)}.super-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-5)}.super-alert{padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);display:flex;align-items:flex-start;gap:var(--spacing-3);border:var(--border-width-1) solid transparent}.super-alert-icon{font-size:var(--font-size-xl);flex-shrink:0}.super-alert-content{flex:1}.super-alert-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.super-alert-message{font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.super-alert-success{background:#38a1691a;border-color:var(--super-success);color:var(--super-success)}.super-alert-warning{background:#d69e2e1a;border-color:var(--super-warning);color:var(--super-warning)}.super-alert-danger{background:#e53e3e1a;border-color:var(--super-danger);color:var(--super-danger)}.super-alert-info{background:#3182ce1a;border-color:var(--super-info);color:var(--super-info)}.super-empty-state{text-align:center;padding:var(--spacing-16);background:var(--super-bg-card);border-radius:var(--radius-xl);box-shadow:var(--super-shadow-sm)}.super-empty-icon{font-size:var(--font-size-6xl);color:var(--super-text-muted);opacity:.5;margin-bottom:var(--spacing-5)}.super-empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--super-text-primary);margin:0 0 var(--spacing-3) 0}.super-empty-message{font-size:var(--font-size-base);color:var(--super-text-secondary);margin:0 0 var(--spacing-5) 0;line-height:var(--line-height-relaxed)}@media (max-width: 767px){.super-main-content{padding:var(--spacing-4)}.super-header{flex-direction:column;padding:var(--spacing-5)}.super-header-title{font-size:var(--font-size-3xl)}.super-header-subtitle{font-size:var(--font-size-base)}.super-header-actions{width:100%;flex-direction:column}.super-content-grid,.super-content-grid-enhanced,.super-stats-grid-enhanced,.super-content-grid-large,.super-form-grid{grid-template-columns:1fr}.super-action-card{padding:var(--spacing-5)}.super-table-container{overflow-x:auto}.super-table{min-width:600px}}@media (max-width: 479px){.super-header-title{font-size:var(--font-size-2xl)}.super-action-icon{width:48px;height:48px;font-size:var(--font-size-3xl)}}.super-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.super-modal{background:var(--super-bg-card);border-radius:12px;box-shadow:var(--super-shadow-xl);max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.super-modal-header{padding:24px;border-bottom:1px solid var(--super-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(26,54,93,.03) 0%,transparent 100%)}.super-modal-title{font-size:1.5rem;font-weight:700;color:var(--super-primary);margin:0}.super-modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--super-text-secondary);cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.super-modal-close:hover{background:#0000000d;color:var(--super-text-primary)}.super-modal form{padding:24px;overflow-y:auto;flex:1}.super-form-group{margin-bottom:20px}.super-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--super-text-primary);margin-bottom:8px}.super-form-input,.super-form-select{width:100%;padding:10px 12px;border:1px solid var(--super-border);border-radius:8px;font-size:.938rem;color:var(--super-text-primary);background:var(--super-bg-primary);transition:all .2s ease}.super-form-input:focus,.super-form-select:focus{outline:none;border-color:var(--super-accent);box-shadow:0 0 0 3px #3182ce1a}.super-modal-footer{padding:16px 24px;border-top:1px solid var(--super-border);display:flex;gap:12px;justify-content:flex-end;background:var(--super-bg-secondary)}@media (max-width: 768px){.super-modal{width:95%;max-height:95vh}.super-modal-header,.super-modal form{padding:20px}.super-modal-footer{padding:12px 20px}}@media (max-width: 480px){.super-modal{width:100%;max-height:100vh;border-radius:0}.super-modal-header{padding:16px}.super-modal-title{font-size:1.25rem}.super-modal form{padding:16px}.super-modal-footer{padding:12px 16px;flex-direction:column}.super-modal-footer button{width:100%}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--color-primary: #e70000;--color-primary-dark: #d00000;--color-primary-light: #ff4444;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--color-gray-900: #000000;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 15px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 8px rgba(0,0,0,.1);--shadow-lg: 0 8px 15px rgba(0,0,0,.1);--shadow-xl: 0 12px 25px rgba(0,0,0,.15)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;scroll-behavior:smooth}body{font-family:Segoe UI,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:100%;width:100%;overflow-x:hidden;font-size:16px}#root{height:100%;width:100%}.App{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden}.btn: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:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,#d00000,#b80000);transform:translateY(-2px);box-shadow:0 6px 20px #e7000066}.btn-secondary{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;box-shadow:0 4px 15px #0000004d}.btn-secondary:hover{background:linear-gradient(135deg,#1a1a1a,#333);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;box-shadow:0 4px 15px #28a7454d}.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;box-shadow:0 4px 15px #ffc1074d}.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px #dc35454d}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn-sm{padding:8px 16px;font-size:12px}.btn-large{padding:16px 32px;font-size:16px}.alert{padding:16px 20px;border-radius:10px;margin-bottom:20px;border-left:4px solid;box-shadow:0 4px 15px #0000001a}.alert-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left-color:#dc3545}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left-color:#28a745}.alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border-left-color:#17a2b8}.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left-color:#ffc107}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 3px #e700001a;transform:translateY(-1px)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.dashboard{padding:25px;width:100%}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:35px}.stat-card{background:linear-gradient(135deg,#ffffff 0%,var(--color-gray-100) 100%);padding:var(--spacing-xxl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);text-align:center;border:1px solid rgba(231,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e70000,#f44)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-card h3{margin-bottom:15px;color:#666;font-size:1.1em;font-weight:600}.stat-number{font-size:2.5em;font-weight:700;background:linear-gradient(135deg,#e70000,#d00000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-actions{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:35px}.dashboard-actions .btn{min-width:200px}@media (max-width: 768px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{width:100%;min-width:auto}.stat-card{padding:20px}.stat-number{font-size:2em}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:4rem 1rem 2rem;overflow-y:auto}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:calc(90vh - 6rem);overflow-y:auto;position:relative;margin-top:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f8f9fa;color:#495057;transform:scale(1.1)}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.modal-large{max-width:700px;margin-top:0}.modal-xl{max-width:900px;margin-top:0}@media (max-width: 768px){.modal-overlay{padding:3rem .5rem 1rem;align-items:flex-start}.modal{max-width:100%;width:100%;max-height:calc(95vh - 4rem);border-radius:8px;margin-top:0}.modal-header{padding:15px 20px;border-radius:8px 8px 0 0}.modal-header h3{font-size:1.1rem}.modal-body{padding:20px}.modal-footer{padding:15px 20px;flex-direction:column;gap:10px;border-radius:0 0 8px 8px}.modal-footer .btn{width:100%;justify-content:center}.modal-large,.modal-xl{max-width:100%}}@media (max-width: 480px){.modal-overlay{padding:2.5rem .25rem .5rem}.modal{max-height:calc(95vh - 3rem);border-radius:6px;margin-top:0}.modal-header{padding:12px 15px;border-radius:6px 6px 0 0}.modal-header h3{font-size:1rem}.modal-body{padding:15px}.modal-footer{padding:12px 15px;border-radius:0 0 6px 6px}.modal-close{width:30px;height:30px;font-size:1.2rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 8px #0000001a}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e9ecef;vertical-align:middle}.table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:#f8f9fa}.table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.table-responsive{border-radius:6px}.table th,.table td{padding:8px 10px;font-size:.85rem}.table th{font-size:.8rem}.table .hide-mobile{display:none}.table .btn{padding:6px 12px;font-size:.8rem}.table .btn-sm{padding:4px 8px;font-size:.75rem}}@media (max-width: 480px){.table th,.table td{padding:6px 8px;font-size:.8rem}.table th{font-size:.75rem}.table .hide-small{display:none}.table .btn{padding:4px 8px;font-size:.75rem}.table .btn-sm{padding:3px 6px;font-size:.7rem}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.form-control{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-control:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 3px #e700001a;transform:translateY(-1px)}.form-control::placeholder{color:#6c757d;font-size:.9rem}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-row .form-group{flex:1;margin-bottom:0}@media (max-width: 768px){.form-group{margin-bottom:15px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-control{padding:10px 14px;font-size:16px;border-radius:6px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:15px}}@media (max-width: 480px){.form-group{margin-bottom:12px}.form-group label{font-size:.8rem;margin-bottom:5px}.form-control{padding:8px 12px;font-size:16px;border-radius:4px}.form-row .form-group{margin-bottom:12px}}@supports (padding: max(0px)){@media (display-mode: standalone){body{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);box-sizing:border-box}}}@media (display-mode: standalone){body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.page-header,.dashboard-header,.admin-header{margin-top:0!important}}@media (display-mode: standalone){.modal-overlay{padding-top:calc(3rem + var(--safe-area-top));padding-bottom:calc(1rem + var(--safe-area-bottom));padding-left:calc(.5rem + var(--safe-area-left));padding-right:calc(.5rem + var(--safe-area-right))}}.floating-action,.fab{bottom:calc(var(--spacing-xl) + var(--safe-area-bottom));right:calc(var(--spacing-xl) + var(--safe-area-right))}