.profile-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.profile-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.profile-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:background .2s;display:flex}.profile-modal-close:hover{background:#fff3}.profile-modal-content{padding:20px}.profile-field-group{margin-bottom:18px}.profile-field-group label{color:#333;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.profile-value{color:#666;background:#f5f5f5;border-radius:6px;margin:0;padding:10px 12px;font-size:.95rem;line-height:1.5}.profile-input{box-sizing:border-box;border:2px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:all .2s}.profile-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.profile-textarea{resize:vertical;min-height:80px}.profile-modal-mensaje{border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:.95rem}.profile-modal-mensaje.error{color:#c33;background:#fee;border-left:4px solid #c33}.profile-modal-mensaje.exito{color:#3c3;background:#efe;border-left:4px solid #3c3}.profile-modal-acciones{border-top:1px solid #eee;gap:10px;margin-top:24px;padding-top:16px;display:flex}.profile-btn-editar,.profile-btn-guardar,.profile-btn-cancelar{cursor:pointer;border:none;border-radius:6px;flex:1;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.profile-btn-editar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.profile-btn-editar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.profile-btn-guardar{color:#fff;background:#4caf50}.profile-btn-guardar:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d}.profile-btn-cancelar{color:#666;background:#f5f5f5;border:1px solid #ddd}.profile-btn-cancelar:hover:not(:disabled){background:#eee}.profile-btn-editar:disabled,.profile-btn-guardar:disabled,.profile-btn-cancelar:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.profile-modal{width:95%;max-height:95vh}.profile-modal-header h2{font-size:1.25rem}.profile-modal-content{padding:16px}.profile-field-group{margin-bottom:14px}.profile-modal-acciones{flex-direction:column}}@media (max-width:900px){.app{flex-direction:column;height:auto}.sidebar{z-index:1000;width:240px;height:100%;padding-top:16px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.app.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:none}.app.sidebar-open .sidebar-backdrop{z-index:900;background:#00000059;display:block;position:fixed;inset:0}.main{width:100%;overflow:visible}.header{justify-content:flex-start;gap:12px;height:auto;min-height:70px;padding:0 16px}.header-right{justify-content:flex-end;margin-left:auto}.header-toggle{display:inline-flex}}@media (max-width:720px){.sidebar{padding-top:12px}.sidebar nav a{padding:12px 16px;font-size:13px}}.login-container{box-sizing:border-box;background:#111;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 0;font-family:inherit;display:flex;overflow-x:hidden}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #00000080}@media (max-width:480px){.login-container{padding:16px;overflow-x:hidden}.login-box{border-radius:12px;max-width:100%;padding:24px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.form-group input,.form-group select{padding:14px 12px;font-size:16px}.btn-login{padding:16px;font-size:16px}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#c8a951;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#aaa;margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.form-group label{color:#ddd;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-group input{border:2px solid #fff3;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s;color:#fff!important;background:#1e1e1e!important}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{border-color:#c8a951;outline:none;box-shadow:0 0 0 3px #c8a95133;background:#1e1e1e!important}.form-group input:disabled{cursor:not-allowed;opacity:.6;background:#1e1e1e80!important}.form-group input:invalid{border-color:#ff6b6b;color:#fff!important;background:#1e1e1e!important}.form-group input:valid{color:#fff!important;background:#1e1e1e!important}.form-group select{border:2px solid #fff3;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s;color:#fff!important;background:#1e1e1e!important}.form-group select:focus{border-color:#c8a951;outline:none;box-shadow:0 0 0 3px #c8a95133;background:#1e1e1e!important}.form-group select:disabled{cursor:not-allowed;opacity:.6;background:#1e1e1e80!important}.form-group select:invalid{border-color:#ff6b6b;color:#fff!important;background:#1e1e1e!important}.form-group select:valid{color:#fff!important;background:#1e1e1e!important}.error-message{color:#ff8787;background:#ff6b6b26;border-left:4px solid #ff6b6b;border-radius:8px;padding:12px;font-size:13px}.success-message{color:#66bb6a;background:#4caf5026;border-left:4px solid #4caf50;border-radius:8px;padding:12px;font-size:13px}.btn-login{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#c8a951 0%,#d4b761 100%);border:none;border-radius:10px;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#d4b761 0%,#dcc274 100%);transform:translateY(-3px);box-shadow:0 8px 28px #c8a95166}.btn-login:active:not(:disabled){transform:translateY(-1px)}.btn-login:disabled{opacity:.6;cursor:not-allowed;opacity:.7;cursor:not-allowed}.divider{color:#999;align-items:center;gap:12px;margin:24px 0;font-size:12px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.demo-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.btn-demo-admin,.btn-demo-cliente,.btn-demo-repartidor,.btn-demo-vendedor{cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.btn-demo-admin{color:#c8a951;border-color:#c8a951}.btn-demo-admin:hover:not(:disabled){background:#c8a95126}.btn-demo-cliente{color:#4fc3f7;border-color:#4fc3f7}.btn-demo-cliente:hover:not(:disabled){background:#4fc3f726}.btn-demo-repartidor{color:#27ae60;border-color:#27ae60}.btn-demo-repartidor:hover:not(:disabled){background:#27ae6026}.btn-demo-vendedor{color:#3498db;border-color:#3498db}.btn-demo-vendedor:hover:not(:disabled){background:#3498db26}.btn-demo-admin:disabled,.btn-demo-cliente:disabled,.btn-demo-repartidor:disabled,.btn-demo-vendedor:disabled{opacity:.6;cursor:not-allowed}.login-info{color:#aaa;background:#ffffff0d;border-left:4px solid #c8a951;border-radius:8px;padding:16px;font-size:12px}.login-info p{margin:6px 0;line-height:1.4}.login-info strong{color:#ddd}.register-container{align-items:flex-start;min-height:auto;padding:24px 0}.register-box{flex-direction:column;max-height:90vh;padding:40px;display:flex;overflow:hidden auto}.register-form{max-height:calc(90vh - 280px);padding-right:12px;overflow-y:auto}.register-form::-webkit-scrollbar{width:8px}.register-form::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px;margin-top:8px;margin-bottom:8px}.register-form::-webkit-scrollbar-thumb{background:#c8a95199;border:2px solid #ffffff1a;border-radius:8px}.register-form::-webkit-scrollbar-thumb:hover{background:#c8a951cc}.register-form{scrollbar-color:#c8a95199 #ffffff0d;scrollbar-width:thin}@media (max-width:480px){.login-box{padding:24px}.register-box{max-height:90vh;padding:24px}.register-form{max-height:calc(90vh - 220px)}.login-header h1{font-size:24px}.demo-buttons{grid-template-columns:1fr}}.dashboard{flex-direction:column;gap:24px;display:flex}.dashboard-cliente{background:var(--bg-gray)}.cartera-section{margin-bottom:16px}.cartera-card{color:#fff;border-radius:12px;background:linear-gradient(135deg,var(--gold)0%,#d4a574 100%)!important;padding:40px!important;box-shadow:0 12px 32px #c8a95133!important}.cartera-card h2{opacity:.95;margin:0 0 16px;font-size:16px;font-weight:600}.cartera-amount{text-shadow:0 2px 4px #0000001a;margin:16px 0;font-size:48px;font-weight:700}.cartera-label{opacity:.95;margin:0;font-size:14px}.productos-section{background:0 0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 24px #0000000a}.kpi{text-align:center}.kpi-title{color:#777;font-size:13px}.kpi-value{color:var(--gold);font-size:32px;font-weight:700}.kpi.alert .kpi-value{color:#c0392b}.dashboard-row{grid-template-columns:1.2fr 2fr;gap:20px;display:grid}.map-placeholder{color:#888;background:#eee;border-radius:10px;justify-content:center;align-items:center;height:220px;margin:12px 0;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:10px;font-size:14px}.table th{color:#777}.table tr:not(:last-child){border-bottom:1px solid #eee}.badge{border-radius:20px;padding:4px 10px;font-size:12px}.badge.success{color:#2ecc71;background:#2ecc7126}.badge.warning{color:#f1c40f;background:#f1c40f26}.badge.danger{color:#e74c3c;background:#e74c3c26}.drivers{gap:16px;display:flex}.driver{background:#f7f7f7;border-radius:10px;flex:1;justify-content:space-between;padding:12px;display:flex}.status.activo{color:#2ecc71}.status.inactivo{color:#999}.btn-link{color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:14px}.productos-page{background:#f5f6f8;min-height:100vh;padding:24px}.productos-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.productos-header h2{font-size:24px;font-weight:600}.selector-catalogo-container{flex-direction:column;gap:8px;max-width:360px;margin-bottom:24px;display:flex}.selector-catalogo-container label{color:#1f2937;font-weight:600}.selector-catalogo-container select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.selector-catalogo-container select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4af371f}.productos-header>div{gap:12px;display:flex}.info-image-container{border-radius:12px;width:100%;max-width:1280px;height:570px;margin-bottom:24px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.info-image-container img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.banner-admin-controls{justify-content:flex-end;display:flex;position:absolute;bottom:18px;right:18px}.btn-banner-editor{color:#111827;background:#fffffff5;border:1px solid #11182714;box-shadow:0 10px 24px #0000001f}.info-image-container{position:relative}.productos-title{text-align:center;color:#000;margin-bottom:24px;font-family:inherit;font-size:28px;font-weight:600}.btn-primary{background:var(--gold);color:#000;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secundario{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 18px;transition:all .3s}.btn-secundario:hover{background:#f3f4f6;border-color:#9ca3af}.btn-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}.modal-mini-variant{background:#fff;border-radius:18px;gap:12px;margin-top:16px;padding:22px;display:grid;box-shadow:0 18px 50px #0f172a26}.modal-mini-variant input,.modal-mini-variant textarea,.modal-mini-variant select{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px}.modal-mini-variant .modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.lista-variantes,.lista-variantes-temp{flex-direction:column;gap:14px;margin-top:12px;display:flex}.variante-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex;box-shadow:0 8px 20px #0f172a0f}.variante-meta{flex:1;align-items:center;gap:14px;display:flex}.variante-preview{background:#f9fafb;border-radius:16px;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.variante-preview img{object-fit:cover;width:100%;height:100%}.imagen-mini-placeholder{color:#6b7280;text-align:center;padding:8px;font-size:12px}.variante-detalles{flex-direction:column;flex:1;gap:4px;display:flex}.variante-detalles strong{font-size:14px}.variante-detalles span{color:#4b5563;font-size:13px}.variante-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.modal-variante{width:min(560px,90vw)}.modal-variante .lista-variantes{max-height:60vh;padding-right:4px;overflow-y:auto}.variante-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex;box-shadow:0 8px 20px #0f172a0f}.variante-meta{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.variante-detalles{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.variante-detalles strong,.variante-detalles span{word-break:break-word}.item-variante-temp{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px}.item-imagen-preview{border-radius:14px;margin-right:10px;display:inline-flex;position:relative;overflow:hidden}.btn-eliminar-imagen{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid;position:absolute;top:6px;right:6px}.btn-carrito{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.btn-carrito:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.btn-seleccionar-variante{color:#111827;cursor:pointer;background:#f59e0b;border:none;border-radius:12px;padding:12px 18px;font-weight:700;transition:all .25s}.btn-seleccionar-variante:hover{background:#d97706;transform:translateY(-1px)}.btn-seleccionar-variante:disabled{opacity:.65;cursor:not-allowed;background:#fbbf24}.productos-filtros{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.busqueda-container{width:100%}.input-busqueda{background:#fff;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:12px 16px;font-size:16px;transition:all .3s}.input-busqueda:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4af371a}.input-busqueda::placeholder{color:#999}.filtro-categorias-wrapper{flex-direction:column;gap:12px;display:flex}.filtro-categorias{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.categoria-chip-container{align-items:center;gap:8px;display:inline-flex;position:relative}.categoria-admin-actions{opacity:0;pointer-events:none;z-index:3;white-space:nowrap;background:#fffffffa;border:1px solid #f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:4px 6px;transition:opacity .18s;display:flex;position:absolute;top:50%;right:-6px;transform:translate(100%,-50%);box-shadow:0 6px 18px #0f172a14}.categoria-chip-container:hover,.categoria-chip-container:focus-within{z-index:4}.categoria-chip-container:hover .categoria-admin-actions,.categoria-chip-container:focus-within .categoria-admin-actions{opacity:1;pointer-events:auto}.categoria-action-btn,.categoria-hide-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;transition:transform .18s,background .18s;display:inline-flex}.categoria-action-btn img,.categoria-hide-btn img{object-fit:contain;width:14px;height:14px;display:block}.categoria-action-btn:hover,.categoria-hide-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.categoria-action-btn.danger{color:#b91c1c}.categoria-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.categoria-hide-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;font-size:14px}.categoria-admin-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.categoria-input{border:1px solid #d1d5db;border-radius:10px;min-width:220px;padding:10px 12px;font-size:14px}.btn-categoria-crear{padding:10px 16px}.categoria-ocultas-panel{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.categoria-ocultas-label{color:#9a5b00;text-transform:uppercase;font-size:12px;font-weight:700}.categoria-ocultas-lista{flex-wrap:wrap;gap:8px;display:flex}.categoria-oculta-btn{color:#9a5b00;cursor:pointer;background:#fff;border:1px solid #fdba74;border-radius:999px;padding:6px 10px;font-size:12px}.categoria-btn:hover{border-color:var(--gold);color:var(--gold)}.categoria-btn.activa{background:var(--gold);color:#000;border-color:var(--gold);font-weight:600}.sin-resultados{text-align:center;color:#999;padding:48px 24px}.sin-resultados p{margin:0;font-size:18px}.categoria-bloque{margin-bottom:36px}.categoria-titulo{margin-bottom:14px;font-size:18px;font-weight:500}.productos-scroll-container{align-items:center;gap:12px;transition:all .3s;display:flex;position:relative}.productos-scroll{scroll-behavior:smooth;-webkit-user-select:none;user-select:none;flex:1;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.productos-scroll::-webkit-scrollbar{height:6px}.productos-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.productos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}@media (max-width:1100px){.productos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.productos-grid{grid-template-columns:1fr}}@media (max-width:640px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:900px){.productos-page{padding:18px}.productos-header{flex-direction:column;align-items:stretch;gap:14px}.productos-header>div{flex-wrap:wrap;justify-content:flex-start}.btn-primary,.btn-carrito{width:100%}.productos-filtros{gap:14px}.filtro-categorias{gap:10px}}@media (max-width:820px){.productos-filtros{gap:12px}.input-busqueda{padding:12px 14px;font-size:15px}.categoria-btn{padding:8px 12px;font-size:13px}.productos-scroll-container{gap:10px}.productos-scroll{gap:12px}.scroll-btn{display:none!important}.producto-card{padding:14px}.producto-imagen{height:140px}}@media (max-width:520px){.productos-page{padding:14px}.productos-filtros{gap:10px}.productos-header>div,.filtro-categorias{justify-content:stretch}.categoria-btn{flex:auto}.productos-scroll-container{flex-direction:column;align-items:stretch}.scroll-btn{width:36px;height:36px;display:none!important}.producto-imagen{height:130px}}.scroll-btn{background:var(--bg-dark);color:gold;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;transition:all .3s;animation:.3s ease-out slideIn;display:flex;box-shadow:0 2px 8px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scroll-btn:hover{background:var(--bg-dark);transform:scale(1.1);box-shadow:0 4px 12px #0003}.scroll-btn:active{transform:scale(.95)}.scroll-btn-left{order:-1}.scroll-btn-right{order:1}.producto-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;gap:14px;min-width:210px;max-width:210px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #0000000d}.productos-grid .producto-card{width:100%;min-width:auto;max-width:none}.producto-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.producto-imagen{color:#999;background:#eee;border-radius:14px;justify-content:center;align-items:center;width:100%;height:150px;font-size:14px;display:flex;overflow:hidden}.producto-imagen img{object-fit:cover;width:100%;height:100%}.producto-info{text-align:center}.producto-nombre{font-size:14px;font-weight:500;display:block}.producto-stock{color:#666;margin-top:4px;font-size:12px;display:block}.producto-stock.sinstock,.producto-stock.bajostock{color:#c0392b;font-weight:600}.producto-stock.disponible{color:#10b981;font-weight:600}.producto-acciones{flex-direction:column;gap:8px;display:flex}.producto-acciones button{cursor:pointer;border:none;border-radius:8px;padding:6px;font-size:12px;transition:all .2s}.btn-agregar-carrito{color:#fff;background:#10b981;flex:1}.btn-agregar-carrito:hover:not(:disabled){background:#059669;transform:scale(1.05)}.btn-agregar-carrito:disabled{cursor:not-allowed;opacity:.5;background:#d1d5db}.btn-stock{color:#fff;background:#3b82f6}.btn-stock:hover{background:#2563eb;transform:scale(1.05)}.btn-agotar{color:#fff;background:#f59e0b}.btn-agotar:hover{background:#d97706;transform:scale(1.05)}.btn-edit{background:#f0f0f0}.btn-delete{color:#c0392b;background:#fdeaea}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:320px;max-height:90vh;padding:24px;display:flex;overflow-y:auto}.modal.modal-grande{width:600px;max-width:90vw}.modal h3{margin-bottom:8px;font-size:18px}.modal h4{color:#333;margin-bottom:12px;font-size:14px}.modal input,.modal select,.modal textarea{border:1px solid #ddd;border-radius:8px;padding:10px;font-family:inherit}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.modal-actions button:not(.btn-primary){color:#333;background:#f0f0f0}.modal-actions button:not(.btn-primary):hover{background:#e0e0e0}.cantidad-selector{text-align:center;background:#f9f9f9;border-radius:8px;margin:20px 0;padding:16px}.cantidad-selector label{color:#333;margin-bottom:12px;font-weight:600;display:block}.cantidad-input-group{justify-content:center;align-items:center;gap:8px;display:flex}.btn-cantidad{cursor:pointer;background:#e8e8e8;border:none;border-radius:6px;width:40px;height:40px;font-size:18px;font-weight:600;transition:all .2s}.btn-cantidad:hover{background:#d0d0d0;transform:scale(1.05)}.btn-cantidad:active{transform:scale(.95)}.cantidad-input{text-align:center;color:#1e40af;border:2px solid #1e40af;border-radius:6px;width:70px;padding:8px;font-size:16px;font-weight:600}.cantidad-input:focus{outline:none;box-shadow:0 0 0 3px #1e40af1a}.modal-carrito{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.carrito-items{flex-direction:column;gap:12px;max-height:300px;margin-bottom:16px;display:flex;overflow-y:auto}.carrito-item{background:#f9f9f9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.carrito-item>div:first-child{flex:1}.carrito-item p{margin:2px 0;font-size:13px}.carrito-item p strong{margin:4px 0 0;display:block}.carrito-item .price{color:var(--gold);font-weight:600}.cantidad-control{background:#fff;border-radius:6px;align-items:center;gap:6px;padding:2px;display:flex}.cantidad-control button{cursor:pointer;background:#f0f0f0;border:none;border-radius:4px;width:28px;height:28px;font-weight:600;transition:all .2s}.cantidad-control button:hover{background:#e0e0e0}.cantidad-control input{text-align:center;border:none;width:50px;padding:4px}.cantidad-fija{text-align:center;color:#333;width:50px;padding:4px;font-weight:600;display:inline-block}.btn-delete-small{color:#c0392b;cursor:pointer;background:#fdeaea;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .2s}.btn-delete-small:hover{background:#fcc}.carrito-total{text-align:right;background:#fff8e6;border-radius:8px;padding:12px}.carrito-total h4{color:var(--gold);margin:0}.formulario-cliente{flex-direction:column;gap:12px;display:flex}.formulario-cliente h4{margin-bottom:8px}.formulario-cliente input,.formulario-cliente select{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:inherit}.formulario-cliente input:focus,.formulario-cliente select:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.cliente-resumen-logueado{background:#f8f9fa;border-left:4px solid #10b981;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.resumen-item{flex-direction:column;gap:4px;display:flex}.resumen-item label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.resumen-item p{color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:8px;font-size:14px}.busqueda-cliente{flex-direction:column;gap:12px;display:flex;position:relative}.busqueda-input-wrapper{width:100%;position:relative}.busqueda-input{box-sizing:border-box;border:2px solid #ddd;border-radius:8px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.busqueda-input:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.btn-limpiar-cliente{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-limpiar-cliente:hover{color:#333;transform:translateY(-50%)scale(1.2)}.lista-clientes-dropdown{z-index:100;background:#fff;border:2px solid #1e40af;border-top:none;border-radius:0 0 8px 8px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #1e40af33}.cliente-opcion{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px;transition:all .2s}.cliente-opcion:hover{background:#f0f7ff}.cliente-opcion:last-child{border-bottom:none}.cliente-info{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.cliente-info strong{color:#111;font-size:14px}.cliente-cedula{color:#999;background:#f5f5f5;border-radius:4px;padding:2px 6px;font-size:12px}.cliente-direccion{color:#666;font-size:12px;display:block}.sin-resultados{text-align:center;color:#999;justify-content:center;align-items:center;min-height:60px;padding:20px 12px;font-size:13px;display:flex}.cliente-seleccionado{color:#111;background:#f0f7ff;border:2px solid #1e40af;border-radius:8px;padding:12px}.cliente-seleccionado p{margin:4px 0;font-size:14px}.cliente-seleccionado small{color:#666;font-size:12px}.seccion-imagenes{background:#f9f9f9;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;margin:16px 0;padding:12px;display:flex}.etiqueta-imagenes{color:#333;font-size:14px;font-weight:600}.input-imagenes{cursor:pointer;border:2px dashed #d1d5db;border-radius:8px;padding:10px;font-size:14px;transition:all .3s}.input-imagenes:hover{border-color:var(--gold);background:#fffbf0}.input-imagenes:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.previsualizacion-imagenes{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:8px;display:grid}.item-imagen-preview{aspect-ratio:1;border-radius:8px;width:100%;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.item-imagen-preview:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.item-imagen-preview img{object-fit:cover;width:100%;height:100%}.btn-eliminar-imagen{color:#fff;cursor:pointer;opacity:0;background:#c0392be6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.item-imagen-preview:hover .btn-eliminar-imagen{opacity:1}.btn-eliminar-imagen:hover{background:#c0392b;transform:scale(1.1)}.btn-eliminar-imagen:active{transform:scale(.9)}.modal-detalles{background:#fff;border-radius:20px;width:85vw;max-width:700px;max-height:80vh;margin:auto;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.detalles-contenedor{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.btn-cerrar{cursor:pointer;z-index:10;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.detalles-carrusel{width:100%;height:400px;position:relative}.imagen-principal{object-fit:contain;object-position:center;background:#f8f9fa;border-radius:16px;width:100%;height:100%}.btn-carrusel-prev,.btn-carrusel-next{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.btn-carrusel-prev:hover,.btn-carrusel-next:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.btn-carrusel-prev{left:12px}.btn-carrusel-next{right:12px}.indicadores-carrusel{justify-content:center;gap:8px;margin-top:16px;display:flex}.indicador{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s}.indicador.activo{background:#667eea;border-radius:5px;width:24px}.detalles-info{flex-direction:column;justify-content:space-between;display:flex}.detalles-info h2{color:#2c3e50;margin:0 0 16px;font-size:28px}.detalles-categoria{margin-bottom:16px}.badge-categoria{color:#667eea;text-transform:uppercase;background:#e8f0ff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.detalles-descripcion{color:#666;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;padding:16px;font-size:14px;line-height:1.6}.detalles-precio-stock{background:#fafafa;border-radius:8px;align-items:center;gap:20px;margin:24px 0;padding:16px;display:flex}.precio-grande{color:#667eea;min-width:150px;font-size:32px;font-weight:700}.stock-info{font-size:14px;font-weight:600}.stock-info.constock,.stock-info.disponible{color:#10b981}.stock-info.sinstock,.stock-info.bajostock{color:#c0392b}.detalles-acciones{flex-direction:column;gap:12px;margin-top:auto;display:flex}.cantidad-detalles{align-items:center;gap:10px;display:flex}.cantidad-detalles label{color:#333;min-width:70px;font-weight:600}.cantidad-input-group-detalles{background:#fff;border:2px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:2px;display:flex}.btn-cantidad-detalles{cursor:pointer;background:#f0f0f0;border:none;border-radius:4px;width:32px;height:32px;font-size:16px;font-weight:600;transition:all .2s}.btn-cantidad-detalles:hover{background:#e0e0e0;transform:scale(1.05)}.btn-cantidad-detalles:active{transform:scale(.95)}.cantidad-input-detalles{text-align:center;color:#1e40af;border:none;width:60px;padding:6px;font-size:14px;font-weight:600}.cantidad-input-detalles:focus{outline:none}.btn-agregar-grande{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex:1;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-agregar-grande:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-agregar-grande:disabled{cursor:not-allowed;opacity:.5;background:#d1d5db}@media (max-width:768px){.detalles-contenedor{grid-template-columns:1fr;gap:24px}.modal-detalles{width:90vw;max-width:400px;max-height:85vh;padding:24px}.detalles-carrusel{height:250px}.detalles-info h2{font-size:20px}.precio-grande{font-size:24px}.btn-carrusel-prev,.btn-carrusel-next{width:40px;height:40px;font-size:18px}}.carrito-flotante{color:#fff;cursor:pointer;z-index:999;background:#1e40af;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #1e40af66}.carrito-flotante:hover{transform:scale(1.1);box-shadow:0 8px 20px #1e40af99}.carrito-flotante:active{transform:scale(.95)}.carrito-icono{justify-content:center;align-items:center;display:flex}.carrito-cantidad{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.pedidos-page{background:#f5f6f8;min-height:100vh;padding:24px;overflow-x:hidden}.pedidos-page h2{color:#1e40af;margin-bottom:8px}.pedidos-page>p{color:#666;margin-bottom:24px;font-size:14px}.sin-pedidos{text-align:center;color:#999;background:#fff;border-radius:16px;margin-top:24px;padding:40px 24px;font-size:16px}.lista-pedidos{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;display:grid}.pedido-card{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pedido-card:hover{box-shadow:0 8px 20px #00000026}.acciones-pedido{align-items:center;gap:10px;display:flex}.btn-pdf{color:#1f7a3d;cursor:pointer;background:#e8f5e9;border:none;border-radius:10px;width:38px;height:38px;padding:0;font-size:18px;transition:transform .2s,box-shadow .2s}.btn-pdf:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1f7a3d2e}.pedido-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex}.pedido-header strong{color:#1e40af;font-size:14px}.btn-delete{cursor:pointer;color:#c0392b;background:#fdeaea;border:none;border-radius:6px;padding:6px 12px;font-size:16px;font-weight:600;transition:all .2s}.btn-delete:hover{background:#fcc}.pedido-body{flex-direction:column;gap:12px;padding:16px;display:flex}.pedido-info-cliente{background:#f0f5ff;border-left:4px solid #1e40af;border-radius:8px;padding:12px}.pedido-info-cliente p{color:#333;white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:6px 0;font-size:15px}.fecha-entrega-input{background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;max-width:220px;padding:8px;font-size:14px}.fecha-entrega-input:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.pedido-info-cliente strong{color:#1e40af;font-size:15px}.pedido-items{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:12px}.pedido-items h5{color:#333;margin:0 0 10px;font-size:13px}.pedido-item{color:#555;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.pedido-item .price{color:var(--gold);font-weight:600}.pedido-item-detalle{align-items:center;gap:12px}.producto-miniatura{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;padding:0;display:inline-flex;overflow:hidden}.producto-miniatura img{object-fit:cover;width:100%;height:100%;display:block}.imagen-placeholder{color:#666;background:#e0e0e0;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:700;display:flex}.producto-detalle-texto{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.producto-nombre{color:#333;white-space:normal;font-size:13px;font-weight:600}.producto-cantidad{color:#666;font-size:12px}.image-preview-overlay{z-index:1100;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.image-preview-content{background:#fff;border-radius:16px;width:min(740px,100%);max-width:95vw;max-height:95vh;transition:none;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000059}.image-preview-content img{object-fit:contain;width:100%;height:auto;max-height:calc(95vh - 40px);display:block}.image-preview-close{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:none;display:inline-flex;position:absolute;top:12px;right:12px}.pedido-total{text-align:right;color:var(--gold);border-top:2px solid #e0e0e0;padding:12px 0;font-size:16px;font-weight:700}.pedido-acciones{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control{flex-direction:column;gap:6px;display:flex}.control label{color:#666;font-size:12px;font-weight:600}.control select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px;font-size:13px;transition:all .2s}.control select:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.forma-pago{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.forma-pago.efectivo{color:#27ae60;background:#e9f9f0}.forma-pago.crédito{color:#e67e22;background:#fff4e5}.forma-pago.abono{color:#2980b9;background:#eaf2ff}.pedido-header-acciones{align-items:center;gap:8px;display:flex}.btn-editar{cursor:pointer;color:#1e40af;background:#e3f2fd;border:1px solid #1e40af;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.btn-editar:hover{color:#fff;background:#1e40af}.pedido-items-editable{background:#f0f5ff;border:2px solid #1e40af;border-radius:8px;padding:12px}.pedido-items-editable h5{color:#1e40af;margin:0 0 12px;font-size:13px;font-weight:600}.items-container{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.pedido-item-editable{background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.pedido-item-editable .item-info{flex-direction:column;flex:1;gap:4px;display:flex}.item-precio-unitario{color:#999;font-size:11px}.item-controls{background:#f5f5f5;border-radius:4px;align-items:center;gap:4px;padding:4px;display:flex}.btn-cantidad{cursor:pointer;color:#1e40af;background:#fff;border:1px solid #ddd;border-radius:3px;min-width:32px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s}.btn-cantidad:hover:not(:disabled){color:#fff;background:#1e40af;border-color:#1e40af}.btn-cantidad:disabled{opacity:.5;cursor:not-allowed}.cantidad-input{text-align:center;border:1px solid #ddd;border-radius:3px;width:50px;padding:4px;font-size:13px;font-weight:600}.cantidad-input:focus{border-color:#1e40af;outline:none}.item-subtotal{text-align:right;min-width:80px;color:var(--gold);font-size:12px;font-weight:700}.btn-eliminar-item{cursor:pointer;background:#fdeaea;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s}.btn-eliminar-item:hover{background:#fcc;transform:scale(1.1)}.agregar-item-container{border-top:1px solid #e0e0e0;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.agregar-item-container label{color:#333;font-size:12px;font-weight:600}.select-agregar{cursor:pointer;background:#fff;border:1px solid #1e40af;border-radius:6px;padding:8px;font-size:13px;transition:all .2s}.select-agregar:hover{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.select-agregar:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.edicion-botones{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.btn-guardar:hover{background:#229954;box-shadow:0 2px 8px #27ae604d}@media (max-width:600px){.lista-pedidos{grid-template-columns:1fr}.pedido-header{flex-direction:column;align-items:flex-start;gap:10px}.pedido-header-acciones{width:100%}.btn-editar,.btn-delete{flex:1}.pedido-item{flex-direction:column;align-items:flex-start;gap:8px}.pedido-item-editable{flex-wrap:wrap}.producto-detalle-texto{width:100%;min-width:0}.price{text-align:left;width:100%}.item-controls{order:3;justify-content:flex-start;width:100%}.item-subtotal{order:4;width:100%}.btn-eliminar-item{order:5}}.buscador-container{margin-bottom:20px}.buscador-input{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.buscador-input:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.pedidos-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pedidos-table th,.pedidos-table td{text-align:left;border-bottom:1px solid #ddd;padding:12px}.pedidos-table td{white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;min-width:0}.pedidos-table th{color:#333;background:#f8f9fa;font-weight:600}.pedidos-table tr:hover{background:#f8f9fa}.btn-detalle{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:8px 12px;font-size:12px;transition:background .2s}.btn-detalle:hover{background:#0056b3}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.btn-cerrar{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-left:8px;padding:6px 10px;font-size:12px;transition:background .2s}.btn-cerrar:hover{background:#c82333}.btn-cerrar-modal{color:#dc3545;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:0;font-size:20px;transition:color .2s;display:flex}.btn-cerrar-modal:hover{color:#c82333}.estado-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.estado-pendiente{color:#856404;background:#fff3cd}.estado-en-camino{color:#084298;background:#cfe2ff}.estado-entregado{color:#0f5132;background:#d1e7dd}.estado-cancelado{color:#842029;background:#f8d7da}@media (max-width:768px){.pedidos-page{padding:16px}.pedidos-page h2{font-size:20px}.buscador-container{margin-bottom:16px}.buscador-input{width:100%;padding:12px;font-size:16px}.pedidos-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.pedidos-table thead{display:none}.pedidos-table tbody{display:block}.pedidos-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:12px;display:block;box-shadow:0 2px 4px #0000001a}.pedidos-table tr:hover{background:#fff}.pedidos-table td{text-align:left;border:none;padding:8px 0 8px 50%;display:block;position:relative}.pedidos-table td:before{content:attr(data-label);white-space:nowrap;color:#666;width:45%;padding-right:10px;font-size:12px;font-weight:600;position:absolute;left:0}.pedidos-table td:first-child:before{content:"ID:"}.pedidos-table td:nth-child(2):before{content:"Nombre:"}.pedidos-table td:nth-child(3):before{content:"Fecha:"}.pedidos-table td:nth-child(4):before{content:"Valor:"}.pedidos-table td:nth-child(5):before{content:"Estado:"}.pedidos-table td:nth-child(6):before{content:"Repartidor:"}.pedidos-table td:nth-child(7):before{content:"Acción:"}.pedidos-table td{padding-left:52%}.pedidos-table td:before{width:48%}.btn-detalle{width:100%;margin-top:8px;padding:10px;font-size:14px}.sin-pedidos{padding:20px;font-size:14px}.modal-content{width:95%;max-height:90vh;margin:10px}.pedido-header{flex-direction:column;align-items:flex-start;gap:12px}.pedido-header-acciones{gap:8px;width:100%;display:flex}.btn-editar,.btn-cerrar-modal{flex:1;padding:8px;font-size:14px}}@media (max-width:480px){.pedidos-page{padding:12px}.pedidos-page h2{font-size:18px}.pedidos-table tr{padding:10px}.pedidos-table td{padding:6px 0;font-size:14px}.pedidos-table td:before{font-size:11px}.pedido-item,.pedido-item-detalle,.pedido-item-editable{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.pedidos-table{-webkit-overflow-scrolling:touch;display:block}.pedidos-table thead{display:none}.pedidos-table tbody{display:block}.pedidos-table tr{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:12px;display:block;box-shadow:0 2px 4px #0000001a}.pedidos-table td{text-align:left;word-break:break-word;white-space:normal;border:none;padding:8px 0 8px 52%;display:block;position:relative}.pedidos-table td:before{content:attr(data-label);white-space:nowrap;color:#666;width:48%;padding-right:10px;font-size:11px;font-weight:600;position:absolute;left:0}.producto-miniatura{width:100%;min-width:0;display:block}.producto-miniatura img{object-fit:cover;width:100%;height:auto;display:block}.producto-detalle-texto,.price,.item-controls,.item-subtotal{width:100%;min-width:0}.item-controls{order:3;justify-content:flex-start}.item-subtotal{order:4}.btn-eliminar-item{order:5;width:100%}.pedido-item-detalle,.pedido-item-editable{flex-direction:column;align-items:flex-start;gap:8px}.producto-miniatura,.producto-detalle-texto,.price,.item-controls,.item-subtotal{width:100%;min-width:0}.producto-detalle-texto{flex:100%}.price{text-align:left}}.repartidores-form{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.repartidores-input{border:2px solid #e0e0e0;border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.repartidores-input:focus{background-color:#f0f5ff;border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.repartidores-input::placeholder{color:#999}.btn-agregar{color:#fff;cursor:pointer;background-color:#1e40af;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn-agregar:hover{background-color:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.btn-agregar:active{transform:translateY(0)}.repartidores-container{flex-wrap:wrap;gap:16px;display:flex}.tarjeta-repartidor{word-break:break-word;overflow-wrap:anywhere;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;width:220px;max-width:100%;padding:16px;transition:all .3s;animation:.4s ease-out slideInDown;box-shadow:0 2px 8px #0000001a}.tarjeta-repartidor h4,.tarjeta-repartidor p{word-break:break-word;overflow-wrap:anywhere}.tarjeta-repartidor:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.tarjeta-repartidor h4{color:#1e40af;margin:0 0 10px;font-size:16px}.tarjeta-repartidor p{color:#666;margin:8px 0;font-size:14px}.btn-eliminar{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:4px;width:100%;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .3s}.btn-eliminar:hover{background:#d62828;transform:scale(1.02)}.btn-eliminar:active{transform:scale(.98)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.repartidores-header h2{color:#1e40af;margin-bottom:8px}.repartidores-header p{color:#666;margin-bottom:20px;font-size:14px}.mensaje{border-radius:6px;width:100%;margin-top:12px;padding:12px 16px;font-size:14px;animation:.3s slideIn}.mensaje.exito{color:#0f5132;background-color:#d1e7dd;border:1px solid #badbcc}.mensaje.error{color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7}.repartidor-perfil{background:linear-gradient(135deg,#f5f7fa 0%,#f9fafb 100%);min-height:100vh;padding:20px}.perfil-header{background:#fff;border-left:5px solid #3b82f6;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 2px 8px #00000014}.perfil-info{align-items:center;gap:20px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f64d}.info-texto h2{color:#1f2937;margin:0;font-size:28px;font-weight:700}.info-texto .zona{color:#6b7280;margin:5px 0 3px;font-size:16px;font-weight:500}.info-texto .usuario{color:#9ca3af;margin:0;font-size:14px}.estadisticas-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.estadistica{text-align:center;background:#fff;border-top:4px solid #e5e7eb;border-radius:10px;padding:20px;transition:all .3s;box-shadow:0 2px 6px #0000000f}.estadistica:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.estadistica h4{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:14px;font-weight:600}.estadistica .numero{color:#1f2937;margin:0;font-size:32px;font-weight:700}.estadistica.pendiente{border-top-color:#f59e0b}.estadistica.pendiente h4{color:#b45309}.estadistica.en-camino{border-top-color:#3b82f6}.estadistica.en-camino h4{color:#1e40af}.estadistica.entregado{border-top-color:#10b981}.estadistica.entregado h4{color:#065f46}.estadistica.total{border-top-color:#8b5cf6}.estadistica.total h4{color:#5b21b6}.pedidos-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.pedidos-header h3{color:#1f2937;margin:0;font-size:24px;font-weight:700}.filtro-container{background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px 15px;display:flex;box-shadow:0 2px 4px #0000000f}.filtro-container label{color:#6b7280;white-space:nowrap;font-size:14px;font-weight:500}.filtro-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.filtro-select:hover,.filtro-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sin-pedidos{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 2px 6px #0000000f}.sin-pedidos p{color:#9ca3af;margin:0;font-size:16px;font-weight:500}.pedido-card{background:#fff;border-left:5px solid #d1d5db;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.pedido-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.pedido-card.pendiente{border-left-color:#f59e0b}.pedido-card.en-camino{border-left-color:#3b82f6}.pedido-card.entregado{border-left-color:#10b981}.pedido-card.cancelado{opacity:.8;border-left-color:#ef4444}.pedido-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px}.pedido-numero-estado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.pedido-numero-estado h4{color:#1f2937;margin:0;font-size:18px;font-weight:700}.estado-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.pedido-fecha{color:#6b7280;text-align:right;font-size:14px}.pedido-cliente-info{border-bottom:1px solid #e5e7eb;padding:20px}.cliente-detalle{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.detalle-item{padding:0}.detalle-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.detalle-item p{color:#1f2937;margin:0;font-size:15px;font-weight:500}.detalle-item .direccion{line-height:1.5}.pago-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pago-badge.efectivo{color:#065f46;background:#d1fae5}.pago-badge.crédito{color:#831843;background:#fce7f3}.pago-badge.abono{color:#3730a3;background:#e0e7ff}.pedido-items{background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:20px}.pedido-items h5{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:14px;font-weight:600}.items-lista{flex-direction:column;gap:10px;display:flex}.item-fila{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.item-info{flex:1;align-items:center;gap:15px;display:flex}.item-nombre{color:#1f2937;font-size:14px;font-weight:500}.item-cantidad{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.item-precio{color:#1f2937;text-align:right;min-width:100px;font-size:14px;font-weight:700}.pedido-total{background:#f0f9ff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.pedido-total .label{color:#6b7280;font-size:14px;font-weight:600}.pedido-total .monto{color:#3b82f6;font-size:20px;font-weight:700}.pedido-control{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.pedido-control label{color:#6b7280;white-space:nowrap;font-size:14px;font-weight:600}.estado-select{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;min-width:200px;padding:10px 15px;font-size:14px;font-weight:500;transition:all .2s}.estado-select:hover,.estado-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.estado-select:focus-visible{border-color:#3b82f6}.pedido-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.cambiar-estado{justify-content:space-between;align-items:center;gap:12px;display:flex}.cambiar-estado label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:13px;font-weight:600}.cambiar-estado .estado-select{flex:1;min-width:0;margin:0}@media (max-width:768px){.repartidor-perfil{padding:15px}.perfil-header{padding:20px}.perfil-info{text-align:center;flex-direction:column}.avatar{width:70px;height:70px;font-size:28px}.info-texto h2{font-size:24px}.estadisticas-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.estadistica .numero{font-size:28px}.pedidos-header{flex-direction:column;align-items:stretch}.pedidos-header h3{font-size:20px}.filtro-container{justify-content:space-between;width:100%}.filtro-select{flex:1;min-width:0}.cliente-detalle{grid-template-columns:1fr}.pedido-numero-estado{flex-direction:column;align-items:flex-start}.pedido-fecha{text-align:left}.item-fila{flex-direction:column;align-items:flex-start}.item-precio{text-align:left}.pedido-total{flex-direction:column;align-items:flex-start}.pedido-control{flex-direction:column}.estado-select{width:100%;min-width:auto}.cambiar-estado{flex-direction:column;align-items:stretch}.cambiar-estado label{text-align:left}.cambiar-estado .estado-select{width:100%}}@media (max-width:480px){.perfil-header h2{font-size:22px}.estadisticas-container{grid-template-columns:repeat(2,1fr);gap:10px}.estadistica h4{font-size:12px}.pedidos-header{margin-bottom:20px}.pedidos-header h3{font-size:18px}.filtro-container{gap:8px;width:100%;padding:8px 10px}.filtro-container label{font-size:12px}.filtro-select{padding:6px 8px;font-size:12px}.pedido-card{border-left-width:4px}.pedido-numero-estado h4{font-size:16px}.estado-badge{padding:5px 10px;font-size:11px}.pedido-fecha{margin-top:8px;font-size:12px}.pedido-cliente-info{padding:15px}.cliente-detalle{gap:15px}.detalle-item label{font-size:12px}.detalle-item p{font-size:14px}.pedido-card-footer{padding:12px 15px}.cambiar-estado{flex-direction:column;gap:8px}.cambiar-estado label{font-size:12px}.estado-select{width:100%;padding:8px 12px;font-size:13px}.repartidor-perfil{padding:10px}.perfil-header{padding:15px}.avatar{width:60px;height:60px;font-size:24px}.info-texto h2{font-size:20px}.estadisticas-container{grid-template-columns:repeat(2,1fr)}.estadistica{padding:15px}.estadistica .numero{font-size:24px}.pedido-card-header,.pedido-cliente-info,.pedido-items{padding:15px}.pedido-total{padding:12px 15px}.pedido-control{padding:15px}}.vendedores-page{max-width:1200px;margin:0 auto;padding:20px}.vendedores-header{margin-bottom:30px}.vendedores-header h2{color:#2c3e50;margin-bottom:10px;font-size:28px}.total-vendedores{color:#7f8c8d;font-size:14px}.vendedores-formulario{background:#fff;border-left:4px solid #667eea;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #00000014}.vendedores-formulario h3{color:#2c3e50;margin:0 0 14px;font-size:18px}.form-group input,.form-group select{background:#fff;border:1px solid #dcdfe6;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.btn-crear-vendedor{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-crear-vendedor .btn-icon{margin-right:8px;font-size:16px;line-height:1}.btn-crear-vendedor:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 10px 20px #667eea2e}.vendedores-grid{gap:20px;display:grid}.vendedor-card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 2px 4px #0000001a}.vendedor-card:hover{box-shadow:0 4px 8px #00000026}.vendedor-header{color:#0b0b0b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:20px;transition:background .3s;display:flex}.vendedor-header:hover{background:linear-gradient(135deg,#5568d3 0%,#6b3d90 100%)}.vendedor-info{flex:1}.vendedor-info h3{margin:0 0 8px;font-size:20px;font-weight:600}.zona-badge{text-transform:uppercase;letter-spacing:.5px;background:#ffffff4d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.vendedor-stats{gap:30px;margin:0 20px;display:flex}.vendedor-actions{align-items:center;gap:12px;display:flex}.btn-accion-vendedor{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn-eliminar-vendedor{color:#fff;background:#e53935}.btn-eliminar-vendedor:hover{background:#c62828;transform:translateY(-1px)}.stat{flex-direction:column;align-items:center;display:flex}.stat-label{opacity:.9;margin-bottom:4px;font-size:12px}.stat-value{font-size:18px;font-weight:700}.expand-icon{align-items:center;font-size:18px;transition:transform .3s;display:flex}.expand-icon.expanded{transform:rotate(180deg)}.vendedor-clientes{background:#f8f9fa;border-top:1px solid #ecf0f1;padding:20px}.clientes-list h4{color:#2c3e50;margin:0 0 15px;font-size:16px;font-weight:600}.clientes-table{background:#fff;border:1px solid #ecf0f1;border-radius:6px;overflow:hidden}.table-header{text-transform:uppercase;color:#34495e;background:#ecf0f1;grid-template-columns:2fr 1.5fr 2fr 1fr;gap:15px;padding:12px 15px;font-size:12px;font-weight:600;display:grid}.table-row{color:#2c3e50;border-bottom:1px solid #ecf0f1;grid-template-columns:2fr 1.5fr 2fr 1fr;align-items:center;gap:15px;padding:12px 15px;font-size:14px;display:grid}.table-row:last-child{border-bottom:none}.col-nombre{font-weight:500}.col-cedula{color:#7f8c8d}.col-correo{color:#7f8c8d;word-break:break-word}.col-ventas{color:#27ae60;text-align:right;font-weight:600}.sin-clientes{text-align:center;color:#95a5a6;padding:30px}.sin-clientes p{margin:0;font-size:16px}.empty-state{text-align:center;color:#95a5a6;padding:60px 20px}.empty-state p{margin:0;font-size:18px}@media (max-width:768px){.vendedor-header{flex-wrap:wrap;padding:15px}.vendedor-stats{gap:15px;margin:10px 0 0}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.col-correo{display:none}.stat-value{font-size:16px}}.vendedor-dashboard{background:#f5f5f5;min-height:100vh;padding:24px}.vendedor-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.vendedor-header h2{color:#111;margin:0 0 8px;font-size:28px}.vendedor-header p{color:#666;margin:0;font-size:14px}.vendor-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.stat-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #00000014}.stat-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-value{color:#3498db;font-size:24px;font-weight:700}.vendedor-contenedor{grid-template-columns:300px 1fr;gap:24px;display:grid}.clientes-lista{background:#fff;border-radius:12px;height:fit-content;padding:20px;box-shadow:0 2px 8px #00000014}.clientes-lista h3{color:#111;border-bottom:2px solid #f0f0f0;margin:0 0 16px;padding-bottom:12px;font-size:16px}.clientes-scroll{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.cliente-item{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.cliente-item:hover{background:#f8fbff;border-color:#3498db}.cliente-item.activo{background:#f0f7ff;border-color:#3498db;box-shadow:0 4px 12px #3498db26}.cliente-nombre{color:#111;margin:0 0 4px;font-size:14px;font-weight:600}.cliente-cedula{color:#999;margin:0 0 4px;font-size:12px}.cliente-saldo{color:#666;margin:0 0 4px;font-size:12px}.cliente-pedidos{color:#999;margin:4px 0 0;font-size:12px;font-style:italic}.texto-vacio{color:#999;text-align:center;padding:20px;font-style:italic}.detalle-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.btn-crear-pedido{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-crear-pedido:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.info-cliente{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;display:grid}.info-group{flex-direction:column;gap:4px;display:flex}.info-group label{color:#999;text-transform:uppercase;font-size:12px;font-weight:600}.info-group p.debe{color:#e74c3c;font-weight:600}.info-group p.favor{color:#27ae60;font-weight:600}.info-group p.al-dia{color:#3498db;font-weight:600}.crear-pedido-section{background:#f8f9fa;border:2px solid #3498db;border-radius:8px;padding:20px}.crear-pedido-section h4{color:#111;margin:0 0 16px;font-size:16px}.crear-pedido-section h5{color:#333;margin:0 0 12px;font-size:14px}.productos-disponibles{margin-bottom:20px}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.producto-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:12px;padding:12px;transition:all .2s;display:flex}.producto-item:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.producto-info{flex-direction:column;gap:4px;display:flex}.producto-nombre{color:#111;margin:0;font-size:13px;font-weight:600}.producto-precio{color:#3498db;margin:0;font-size:14px;font-weight:700}.producto-stock{color:#999;margin:0;font-size:12px}.btn-agregar{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.btn-agregar:hover:not(:disabled){background:#229954;transform:translateY(-2px)}.btn-agregar:disabled{cursor:not-allowed;opacity:.6;background:#bdc3c7}.pedido-resumen{background:#fff;border-radius:8px;padding:16px}.tabla-pedido{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.tabla-pedido thead{background:#f0f0f0}.tabla-pedido th{text-align:left;color:#666;border-bottom:2px solid #e0e0e0;padding:10px;font-weight:600}.tabla-pedido td{color:#333;border-bottom:1px solid #e0e0e0;padding:10px}.input-cantidad{text-align:center;border:1px solid #ddd;border-radius:4px;width:50px;padding:4px 8px;font-size:13px}.input-cantidad:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db1a}.btn-eliminar{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.btn-eliminar:hover{background:#c0392b}.pedido-total{color:#111;background:#f8f9fa;border-radius:6px;justify-content:flex-end;margin-bottom:12px;padding:12px;font-size:16px;font-weight:700;display:flex}.forma-pago{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.forma-pago label{color:#333;font-size:13px;font-weight:600}.forma-pago select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.forma-pago select:focus{border-color:#3498db;outline:none}.btn-confirmar-pedido{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.btn-confirmar-pedido:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.pedidos-historial{border-top:2px solid #f0f0f0;padding-top:20px}.pedidos-historial h4{color:#111;margin:0 0 16px;font-size:16px}.pedido-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.pedido-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db1a}.pedido-id{color:#111;font-size:13px;font-weight:700}.pedido-info{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;font-size:12px;display:grid}.pedido-info p{color:#666;margin:0}.pedido-info strong{color:#333}.pedido-items{font-size:12px}.pedido-items strong{color:#333;margin-bottom:6px;display:block}.pedido-items ul{color:#666;margin:0;padding-left:20px}.pedido-items li{margin:4px 0}@media (max-width:1024px){.vendedor-contenedor{grid-template-columns:1fr}.clientes-lista{max-height:none}}@media (max-width:768px){.vendedor-header{flex-direction:column}.vendor-stats,.info-cliente{grid-template-columns:1fr}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detalle-header{flex-direction:column;align-items:flex-start}.tabla-pedido{font-size:12px}.tabla-pedido th,.tabla-pedido td{padding:8px 6px}}.errores-validacion{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:16px}.errores-validacion h5{margin:0 0 10px;font-size:14px;font-weight:600}.errores-validacion ul{margin:0;padding-left:20px;list-style-type:disc}.errores-validacion li{margin:5px 0;font-size:13px}.datos-contacto{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:20px;padding:16px}.datos-contacto h5{color:#1976d2;margin:0 0 15px;font-size:14px;font-weight:600}.contacto-fields{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#333;font-size:13px;font-weight:600}.input-email,.input-telefono{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.input-email:focus,.input-telefono:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.form-group small{color:#666;margin-top:2px;font-size:12px}.btn-confirmar-pedido:disabled{opacity:.6;cursor:not-allowed;background:#ccc}.btn-confirmar-pedido:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width:640px){.vendedor-dashboard{padding:16px}.vendedor-header h2{font-size:22px}.stat-card{flex:1;min-width:120px}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.clientes-scroll{max-height:400px}.contacto-fields{grid-template-columns:1fr}}.reportes-vendedor{background:#f5f5f5;min-height:100vh;padding:24px}.reportes-header{margin-bottom:32px}.reportes-header h2{color:#111;margin:0 0 8px;font-size:28px}.reportes-header p{color:#666;margin:0;font-size:14px}.tarjetas-resumen{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px;display:grid}.tarjeta-resumen{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000014}.tarjeta-resumen .icono{min-width:50px;font-size:32px}.tarjeta-resumen .contenido{flex-direction:column;flex:1;gap:4px;display:flex}.tarjeta-resumen .label{color:#999;text-transform:uppercase;font-size:12px;font-weight:600}.tarjeta-resumen .valor{color:#3498db;font-size:24px;font-weight:700}.estado-pedidos{background:#fff;border-radius:12px;margin-bottom:32px;padding:20px;box-shadow:0 2px 8px #00000014}.estado-pedidos h3{color:#111;margin:0 0 16px;font-size:18px}.estado-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.estado-card{text-align:center;color:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.estado-card.pendiente{background:linear-gradient(135deg,#f39c12,#e67e22)}.estado-card.en-camino{background:linear-gradient(135deg,#3498db,#2980b9)}.estado-card.entregado{background:linear-gradient(135deg,#27ae60,#229954)}.estado-icono{font-size:28px}.estado-numero{font-size:32px;font-weight:700}.estado-label{text-transform:uppercase;opacity:.9;font-size:12px;font-weight:600}.tabla-clientes{background:#fff;border-radius:12px;margin-bottom:32px;padding:20px;box-shadow:0 2px 8px #00000014}.tabla-clientes h3{color:#111;border-bottom:2px solid #f0f0f0;margin:0 0 16px;padding-bottom:12px;font-size:18px}.tabla-clientes table{border-collapse:collapse;width:100%;font-size:14px}.tabla-clientes thead{background:#f8f9fa}.tabla-clientes th{text-align:left;color:#666;border-bottom:2px solid #e0e0e0;padding:12px;font-weight:600}.tabla-clientes td{color:#333;border-bottom:1px solid #f0f0f0;padding:12px}.tabla-clientes td.nombre{color:#111;font-weight:600}.tabla-clientes td.pedidos,.tabla-clientes td.saldo{text-align:center}.saldo-rojo{color:#e74c3c;font-weight:600}.saldo-verde{color:#27ae60;font-weight:600}.saldo-azul{color:#3498db;font-weight:600}.badge-estado{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-estado.estado-rojo{color:#e74c3c;background:#e74c3c33}.badge-estado.estado-verde{color:#27ae60;background:#27ae6033}.badge-estado.estado-azul{color:#3498db;background:#3498db33}.sin-clientes{text-align:center;color:#999;padding:32px;font-style:italic}.ultimos-pedidos{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.ultimos-pedidos h3{color:#111;border-bottom:2px solid #f0f0f0;margin:0 0 16px;padding-bottom:12px;font-size:18px}.pedidos-lista{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.pedido-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:12px;transition:all .2s}.pedido-item:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26}.pedido-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pedido-body{flex-direction:column;gap:4px;font-size:12px;display:flex}.pedido-body p{margin:0}.pedido-body strong{color:#111;display:block}.pedido-body .fecha{color:#999;font-size:11px}.pedido-body .total{color:#3498db;font-weight:600}@media (max-width:768px){.reportes-vendedor{padding:16px}.tarjetas-resumen,.estado-grid{grid-template-columns:1fr}.tabla-clientes table{font-size:12px}.tabla-clientes th,.tabla-clientes td{padding:8px}.pedidos-lista{grid-template-columns:1fr}}.clientes-page{background:#f5f6f8;min-height:100vh;padding:24px;overflow-x:hidden}.clientes-page h2{color:#1e40af;margin-bottom:8px;font-size:24px}.clientes-page>p{color:#666;margin-bottom:24px;font-size:14px}.clientes-contenedor{grid-template-columns:minmax(300px,400px) 1fr;gap:20px;display:grid}.clientes-lista{background:#fff;border-radius:12px;flex-direction:column;min-height:fit-content;padding:16px;display:flex;box-shadow:0 2px 8px #0000001a}.clientes-lista h3{color:#333;margin:0 0 16px;font-size:14px;font-weight:600}.clientes-lista-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.clientes-scroll{flex-direction:column;flex:1;gap:8px;max-height:600px;display:flex;overflow:hidden auto}.clientes-scroll::-webkit-scrollbar{width:6px}.clientes-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.cliente-item{cursor:pointer;background:#f9f9f9;border-left:4px solid #0000;border-radius:8px;padding:12px;transition:all .2s}.cliente-item:hover{background:#f0f5ff;border-left-color:#1e40af}.cliente-item.activo{background:#e8eef9;border-left-color:#1e40af}.cliente-nombre{color:#333;word-break:break-word;margin:0;font-size:13px;font-weight:600}.cliente-cedula{color:#999;word-break:break-word;margin:2px 0;font-family:monospace;font-size:11px;font-weight:500}.cliente-saldo{color:#666;word-break:break-word;margin:4px 0;font-size:12px}.cliente-saldo .debe{color:#e63946;font-weight:600}.cliente-saldo .favor{color:#27ae60;font-weight:600}.cliente-saldo .al-dia{color:#4b5563;font-weight:600}.cliente-pedidos{color:#999;word-break:break-word;margin:4px 0 0;font-size:11px}.cliente-detalle{background:#fff;border-radius:12px;flex-direction:column;gap:20px;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.detalle-header{border-bottom:2px solid #f0f0f0;padding-bottom:16px}.detalle-header h3{color:#1e40af;margin:0;font-size:18px}.info-cliente{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.info-group{flex-direction:column;display:flex}.info-group label{color:#999;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.info-group p{color:#333;word-break:break-word;margin:0;font-size:13px}.saldo-grande{font-weight:700;font-size:16px!important}.saldo-grande.debe{color:#e63946}.saldo-grande.favor{color:#27ae60}.saldo-grande.al-dia{color:#4b5563}.seccion-telefono,.seccion-pago,.seccion-pedidos,.seccion-transacciones{border-top:1px solid #f0f0f0;padding-top:16px}.seccion-pago{background:#f0f5ff;border-top:none;border-left:4px solid #1e40af;border-radius:8px;padding:16px}.seccion-telefono h4,.seccion-pago h4,.seccion-pedidos h4,.seccion-transacciones h4{color:#333;margin:0 0 12px;font-size:13px;font-weight:600}.input-group,.pago-group{flex-wrap:wrap;gap:8px;display:flex}.input-group input,.pago-group input{border:1px solid #ddd;border-radius:6px;flex:1;min-width:150px;padding:8px 12px;font-family:inherit;font-size:13px}.input-group input:focus,.pago-group input:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.btn-actualizar,.btn-pago{color:#fff;cursor:pointer;white-space:nowrap;background:#1e40af;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-actualizar:hover,.btn-pago:hover{background:#1e3a8a;transform:translateY(-1px)}.pedidos-list{flex-direction:column;gap:10px;display:flex}.pedido-mini{background:#f9f9f9;border-left:3px solid #1e40af;border-radius:6px;padding:10px}.pedido-mini-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pedido-numero{color:#333;font-size:12px;font-weight:600}.estado-badge{text-transform:capitalize;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600}.estado-badge.pendiente{color:#e67e22;background:#fff4e5}.estado-badge.en-camino{color:#2980b9;background:#eaf2ff}.estado-badge.entregado{color:#27ae60;background:#e9f9f0}.estado-badge.cancelado{color:#c0392b;background:#fdeaea}.pedido-fecha{color:#999;margin:2px 0;font-size:11px}.pedido-monto{color:var(--gold);margin:4px 0 0;font-size:13px;font-weight:600}.transacciones-list{flex-direction:column;gap:10px;max-height:300px;display:flex;overflow-y:auto}.transacciones-list::-webkit-scrollbar{width:6px}.transacciones-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.sin-transacciones{text-align:center;color:#999;padding:20px;font-size:12px}.sin-seleccion{display:none}@media (max-width:768px){.clientes-page{padding:16px}.clientes-page h2{font-size:20px}.clientes-contenedor{grid-template-columns:1fr;gap:16px}.clientes-lista{max-height:300px;padding:12px}.clientes-lista h3{font-size:13px}.cliente-item{padding:10px}.cliente-nombre{font-size:12px}.cliente-cedula{font-size:10px}.cliente-saldo{font-size:11px}.cliente-pedidos{font-size:10px}.cliente-detalle{gap:16px;padding:16px}.detalle-header h3{font-size:16px}.info-cliente{grid-template-columns:1fr;gap:12px}.info-group p{font-size:12px}.saldo-grande{font-size:14px!important}.seccion-telefono h4,.seccion-pago h4,.seccion-pedidos h4,.seccion-transacciones h4{font-size:12px}.input-group,.pago-group{flex-direction:column;gap:12px}.input-group input,.pago-group input{min-width:auto;font-size:16px}.btn-actualizar,.btn-pago{width:100%;padding:12px;font-size:14px}.pedido-mini{padding:8px}.pedido-numero{font-size:11px}.estado-badge,.pedido-fecha{font-size:10px}.pedido-monto{font-size:12px}.transaccion-item{padding:8px}.trans-descripcion{font-size:11px}.trans-fecha{font-size:10px}.trans-monto{font-size:12px}.sin-seleccion{padding:40px 20px;font-size:14px}}.tabs-container{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tab-button{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.tab-button:hover{color:#1e40af;background:#f9fafb}.tab-button.activa{color:#1e40af;border-bottom-color:#1e40af}.seccion-pedidos-tabla{width:100%}.sin-pedidos-mensaje{text-align:center;color:#999;background:#f9fafb;border-radius:8px;padding:40px 20px}.sin-pedidos-mensaje p{margin:0;font-size:14px}.pedidos-tabla-container{width:100%;margin-bottom:20px;display:none;overflow-x:auto}.pedidos-tabla-container.show{display:block}.pedidos-tabla{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 4px #0000000f}.pedidos-tabla th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.pedidos-tabla tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.pedidos-tabla td{color:#333;padding:12px 16px;font-size:13px}.pedidos-tabla .estado-badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.pedidos-tabla .estado-badge.estado-pendiente{color:#92400e;background:#fef3c7}.pedidos-tabla .estado-badge.estado-en-camino{color:#0c4a6e;background:#dbeafe}.pedidos-tabla .estado-badge.estado-entregado{color:#065f46;background:#d1fae5}.pedidos-tabla .estado-badge.estado-cancelado{color:#7f1d1d;background:#fee2e2}.pedido-card-mini:hover{box-shadow:0 4px 8px #0000001a}@media (max-width:768px){.pedidos-tabla-container{display:none!important}.tab-button{padding:10px 12px;font-size:13px}.tabs-container{gap:6px;margin-bottom:16px}}@media (min-width:768px){.pedidos-cards-container{display:none}.pedidos-tabla-container.show,.pedidos-tabla-container{display:block}}@media (max-width:480px){.clientes-page{padding:12px}.clientes-page h2{font-size:18px}.clientes-lista{max-height:250px;padding:10px}.cliente-item{padding:8px}.cliente-detalle{padding:12px}.info-cliente{gap:10px}.input-group input,.pago-group input{padding:10px 12px}.btn-actualizar,.btn-pago{padding:10px}.tabs-container{flex-wrap:wrap;gap:4px}.tab-button{padding:8px 10px;font-size:12px}.pedido-card-header-mini h4{font-size:13px}.pedido-card-body-mini p{font-size:12px}.estado-badge{font-size:10px}}.admin-clientes-page{background:#f5f6f8;min-height:100vh;padding:24px;overflow-x:hidden}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-header h2{color:#1e40af;margin:0;font-size:24px}.btn-crear{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .3s}.btn-crear:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.info-image-container{border-radius:12px;width:100%;max-width:1280px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #00000026}.info-image-container img{width:100%;height:auto;display:block}.form-crear-cliente{background:#fff;border-left:4px solid #1e40af;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.form-crear-cliente h3{color:#333;margin-top:0;font-size:16px}.mensaje{border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px;font-weight:600}.mensaje.exito{color:#27ae60;background:#e9f9f0;border-left:4px solid #27ae60}.mensaje.error{color:#e63946;background:#fdeaea;border-left:4px solid #e63946}.form-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.form-group input{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.form-group select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.select-vendedor,.select-vendedor-row{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.select-vendedor-row:focus,.select-vendedor:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.clientes-grid-header,.form-crear-cliente .clientes-lista-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.busqueda-clientes{background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;min-width:220px;padding:10px 12px;font-size:13px;transition:all .2s}.busqueda-clientes:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af1a}.btn-guardar{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s}.btn-guardar:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.clientes-grid{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.clientes-grid h3{color:#333;margin-top:0;margin-bottom:16px;font-size:14px}.clientes-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.table-header{color:#666;text-transform:uppercase;background:#f8f9fa;border-bottom:2px solid #e0e0e0;grid-template-columns:.8fr 1.2fr 1.5fr 1fr 1.2fr 1fr;gap:12px;padding:12px;font-size:12px;font-weight:600;display:grid}.table-row{border-bottom:1px solid #f0f0f0;grid-template-columns:.8fr 1.2fr 1.5fr 1fr 1.2fr 1fr;align-items:center;gap:12px;padding:14px 12px;font-size:13px;transition:all .2s;display:grid}.table-row:hover{background:#f9f9f9}.col-cedula{color:#1e40af;font-family:monospace;font-weight:600}.col-nombre{color:#333;font-weight:500}.col-direccion{color:#666;font-size:12px}.col-telefono,.col-correo{color:#999;font-size:12px}.col-vendedor{color:#666;font-weight:500}.table-empty{text-align:center;color:#999;padding:40px;font-size:14px}@media (max-width:768px){.admin-clientes-page{padding:16px}.admin-header{flex-direction:column;align-items:stretch;gap:16px}.admin-header h2{text-align:center;font-size:20px}.btn-crear{align-self:center;width:fit-content}.form-crear-cliente{padding:16px}.form-group{grid-template-columns:1fr}.clientes-grid{padding:16px}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.col-cedula:before{content:"Cédula: ";color:#1e40af;font-weight:600}.col-nombre:before{content:"Nombre: ";color:#333;font-weight:600}.col-direccion:before{content:"Dirección: ";color:#666;font-weight:600}.col-telefono:before{content:"Teléfono: ";color:#999;font-weight:600}.col-correo:before{content:"Correo: ";color:#999;font-weight:600}.col-vendedor:before{content:"Vendedor: ";color:#666;font-weight:600}.table-row{border-bottom:1px solid #e0e0e0;padding:16px 12px;display:block}.table-row>div{margin-bottom:8px}}@media (max-width:480px){.admin-clientes-page{padding:12px}.admin-header h2{font-size:18px}.btn-crear{padding:12px 16px;font-size:14px}.form-crear-cliente{padding:12px}.form-crear-cliente h3{font-size:14px}.form-group input,.form-group select{padding:12px;font-size:16px}.btn-guardar{padding:12px 20px;font-size:14px}.clientes-grid{padding:12px}.clientes-grid h3{font-size:13px}.table-row{padding:12px 8px}.table-empty{padding:20px;font-size:13px}}.mis-pedidos-page{max-width:1200px;margin:0 auto;padding:24px 20px}.mis-pedidos-header{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:16px}.mis-pedidos-header h1{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.cliente-nombre{color:#666;margin:0;font-size:14px}.mis-pedidos-container{width:100%}.sin-pedidos-mensaje,.sin-datos-mensaje{text-align:center;color:#666;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:32px}.sin-pedidos-mensaje p,.sin-datos-mensaje p{margin:0;font-size:16px}.pedidos-tabla-container{border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #00000014;display:none!important}.pedidos-tabla{border-collapse:collapse;background:#fff;width:100%}.pedidos-tabla thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.pedidos-tabla th{color:#666;text-transform:uppercase;text-align:left;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.pedidos-tabla td{color:#333;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:13px}.pedidos-tabla tbody tr:hover{background:#f9fafb}.pedidos-tabla tbody tr:last-child td{border-bottom:none}.estado-badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.estado-badge.estado-pendiente{color:#92400e;background:#fef3c7}.estado-badge.estado-en-camino{color:#0c4a6e;background:#dbeafe}.estado-badge.estado-entregado{color:#065f46;background:#d1fae5}.estado-badge.estado-cancelado{color:#7f1d1d;background:#fee2e2}.pedidos-cards-container{gap:12px;width:100%;display:grid}.pedido-card-mini{background:#fff;border-left:4px solid #d1d5db;border-radius:8px;transition:all .2s;overflow:hidden;box-shadow:0 2px 4px #0000000f}.pedido-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pedido-card-mini.pendiente{border-left-color:#f59e0b}.pedido-card-mini.en-camino{border-left-color:#3b82f6}.pedido-card-mini.entregado{border-left-color:#10b981}.pedido-card-mini.cancelado{border-left-color:#ef4444}.pedido-card-header-mini{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pedido-card-header-mini h4{color:#333;margin:0;font-size:14px;font-weight:600}.pedido-card-body-mini{padding:12px 16px}.pedido-card-body-mini p{color:#666;margin:8px 0;font-size:13px}.pedido-card-body-mini p strong{color:#333;font-weight:600}@media (max-width:768px){.mis-pedidos-page{padding:16px 12px}.mis-pedidos-header h1{font-size:22px}.cliente-nombre{font-size:13px}.pedidos-tabla-container{display:none!important}.pedidos-cards-container{display:grid}}@media (max-width:480px){.mis-pedidos-page{padding:12px 8px}.mis-pedidos-header{margin-bottom:20px;padding-bottom:12px}.mis-pedidos-header h1{font-size:18px}.cliente-nombre{font-size:12px}.sin-pedidos-mensaje,.sin-datos-mensaje{padding:20px}.sin-pedidos-mensaje p,.sin-datos-mensaje p{font-size:14px}.pedido-card-mini{border-radius:6px}.pedido-card-header-mini{padding:10px 12px}.pedido-card-header-mini h4{font-size:12px}.estado-badge{padding:3px 6px;font-size:10px}.pedido-card-body-mini{padding:10px 12px}.pedido-card-body-mini p{margin:6px 0;font-size:12px}}.transacciones-section{margin-top:28px}.transacciones-section h2{color:#1f2937;margin:0 0 16px;font-size:20px}.transacciones-list{gap:12px;display:grid}.transaccion-item{background:#f9fafb;border-left:4px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;padding:14px;display:flex}.transaccion-item.pedido{border-left-color:#f59e0b}.transaccion-item.pago{border-left-color:#10b981}.trans-info{flex:1}.trans-descripcion{color:#111827;margin:0;font-size:14px;font-weight:600}.trans-fecha{color:#6b7280;margin:4px 0 0;font-size:12px}.trans-monto{margin:0;font-size:14px;font-weight:700}.trans-monto.pedido{color:#b45309}.trans-monto.pago{color:#047857}.sin-transacciones{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:20px}.app{background:var(--bg-gray);height:100vh;display:flex}.sidebar{background:var(--bg-dark);width:240px;color:var(--text-light);flex-shrink:0;padding-top:24px}.logo{color:var(--gold);padding:0 20px 20px;font-size:20px;font-weight:700}.sidebar nav a{color:#bbb;padding:14px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.sidebar nav a.active{color:var(--gold);border-left:3px solid var(--gold);background:#c8a95126}.sidebar nav a:hover{background:#ffffff0d}.nav-divider{border:none;border-top:1px solid #ffffff1a;margin:12px 20px}.nav-section-title{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 8px;font-size:11px;font-weight:700}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background:var(--bg-dark);justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.header h1{color:var(--gold);font-size:18px}.header-logo-container{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.header-logo-main{color:var(--gold);cursor:pointer;letter-spacing:3px;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;font-weight:800;line-height:1;transition:all .2s}.header-logo-main:hover{background:#c8a9511a;transform:scale(1.05)}.header-logo-subtitle{color:#c8a951b3;letter-spacing:1px;text-transform:uppercase;margin-left:8px;font-size:10px;font-weight:500;line-height:1}.header-right{align-items:center;gap:20px;display:flex}.usuario-info{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge-tipo{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.badge-tipo.admin{color:#ffc107;background:#ffc10733}.badge-tipo.cliente{color:#2196f3;background:#2196f333}.badge-tipo.vendedor{color:#3498db;background:#3498db33}.badge-tipo.repartidor{color:#27ae60;background:#27ae6033}.badge-tipo.invitado{color:#9b9b9b;background:#9b9b9b33}.usuario-nombre{color:#bbb;font-size:13px;font-weight:500}.avatar-menu{position:relative}.avatar{background:var(--gold);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #c8a9514d}.menu-desplegable{background:var(--bg-dark);z-index:1000;border:1px solid #ffffff1a;border-radius:8px;min-width:250px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.menu-item{color:#bbb;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:13px;transition:all .2s;display:flex}.menu-item.disabled{cursor:default;padding:10px 16px}.menu-item.disabled strong{color:#ffc107}.menu-item:not(.disabled):hover{color:#fff;background:#ffffff0d}.menu-item.logout{color:#ff6b6b;font-weight:600}.menu-item.logout:hover{color:#ff8787;background:#ff6b6b1a}.menu-item.register{color:#4caf50;font-weight:600}.menu-item.register:hover{color:#66bb6a;background:#4caf501a}.menu-item.profile{color:#667eea;font-weight:600}.menu-item.profile:hover{color:#7d8ff5;background:#667eea1a}.menu-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;font-size:11px;font-weight:600}.menu-divider{border:none;border-top:1px solid #ffffff1a;margin:0}.content{background:var(--bg-gray);flex:1;padding:24px;overflow-y:auto}.content:has(.login-container){background:#111;padding:0;overflow:hidden}.header-toggle{color:var(--gold);cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:42px;height:42px;margin-right:12px;font-size:20px;transition:all .2s;display:none}.header-toggle:hover{background:#ffffff26}.app.sidebar-open .header-toggle{background:#ffffff24}.sidebar-backdrop{display:none}@media (max-width:900px){.app{flex-direction:column;height:auto}.sidebar{z-index:1000;width:240px;height:100%;padding-top:16px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.app.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:none}.app.sidebar-open .sidebar-backdrop{z-index:900;background:#00000059;display:block;position:fixed;inset:0}.main{width:100%;overflow:visible}.header{justify-content:flex-start;gap:12px;height:auto;min-height:70px;padding:0 16px}.header-right{justify-content:flex-end;margin-left:auto}.header-toggle{display:inline-flex}}@media (max-width:720px){.sidebar{padding-top:12px}.sidebar nav a{padding:12px 16px;font-size:13px}}.header-no-logo{justify-content:flex-end}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}:root{--bg-gray:#f3f3f3;--bg-dark:#111;--bg-white:#fff;--gold:#c8a951;--gold-soft:#e6d38b;--primary-color:var(--gold);--primary-color-dark:#a1863d;--border-color:var(--border-soft);--text-dark:#1c1c1c;--text-light:#fff;--border-soft:#e0e0e0}