*{box-sizing:border-box}:root{--text:#333;--text-h:#08060d;--bg:#fff;--color-primary:#16209c;--color-primary-dark:#101873;--color-pending:#c50018;--color-alert:#7a0012;--font-heading:"Baloo 2", system-ui, "Segoe UI", Roboto, sans-serif;--font-body:"Jost", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-heading);color:var(--color-primary);font-weight:600}p{margin:0}a{color:var(--color-primary)}.btn-primary,.btn-secondary,.btn-alert{justify-content:center;align-items:center;gap:8px;transition:background-color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background:#fff}.btn-secondary:hover:not(:disabled){background:#f2f3fb}.btn-alert{background:var(--color-alert);color:#fff;border:1px solid var(--color-alert)}.btn-alert:hover:not(:disabled){background:#5c000d}input:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.spinner{animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#888;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 24px;display:flex}.empty-state-icon{color:#c3c7e6;margin-bottom:6px}.empty-state-title{color:#555;margin:0;font-weight:600}.empty-state-description{color:#999;max-width:320px;margin:0;font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-fade{animation:.2s ease-out fadeIn}.order-success-overlay{z-index:20;background:#fffffff7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.order-success{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:320px;animation:.3s ease-out fadeInUp;display:flex}.success-check{width:96px;height:96px}.success-check-circle{fill:var(--color-primary)}.success-check-mark{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.order-success h2{margin:0}.order-success p{color:#666}.order-success button{margin-top:12px;padding:12px 28px}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;display:flex}.login-page{justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.login-card{text-align:left;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:32px;animation:.3s ease-out fadeInUp;display:flex;box-shadow:0 8px 24px #00000014}.login-logo{object-fit:cover;border-radius:16px;width:96px;height:96px;margin:0 auto 12px;display:block}.login-card h1{text-align:center;margin:0 0 4px;font-size:26px}.login-card .subtitle{text-align:center;color:#666;margin-bottom:16px}.login-card label{font-size:14px;font-weight:600}.login-card input{font-size:16px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;padding:10px 12px}.login-card button{font-size:16px;font-family:var(--font-body);cursor:pointer;border-radius:8px;margin-top:12px;padding:12px}.login-card button:disabled{opacity:.6;cursor:default}.login-card .error{color:var(--color-alert);margin:0;font-size:14px}.vendedor-page{flex-direction:column;min-height:100svh;display:flex}.vendedor-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.vendedor-header h1{margin:0;font-size:20px}.vendedor-header p{color:#666;font-size:14px;font-family:var(--font-body);margin:4px 0 0}.vendedor-header button,.cart button{font-size:14px;font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:10px 16px}.vendedor-body{flex-wrap:wrap;flex:1;align-items:flex-start;gap:24px;padding:24px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-logo{object-fit:cover;border-radius:8px;width:36px;height:36px}.catalog-section{flex-direction:column;flex:2;gap:14px;min-width:280px;display:flex}.catalog-section h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.catalog{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.product-card{border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .15s;animation:.25s ease-out fadeInUp;display:flex;box-shadow:0 1px 3px #0000000d}.product-card:hover{box-shadow:0 4px 12px #00000014}.product-name{align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.product-name-icon{color:var(--color-primary);flex-shrink:0}.product-price{margin:4px 0 0}.product-stock{color:#666;margin:2px 0 0;font-size:13px}.product-actions{align-items:center;gap:12px;display:flex}.product-actions button{border:1px solid var(--color-primary);width:32px;height:32px;color:var(--color-primary);cursor:pointer;background:#fff;border-radius:6px;font-size:16px}.product-actions button:disabled{opacity:.4;cursor:default}.product-qty{text-align:center;min-width:20px}.cart{border:1px solid #e0e0e0;border-radius:14px;flex-direction:column;flex:1;gap:10px;min-width:280px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.cart h2{align-items:center;gap:8px;margin:0 0 4px;font-size:20px;display:flex}.cart-title-icon{color:var(--color-primary);flex-shrink:0}.cart label{font-size:14px;font-weight:600}.cart input{font-size:16px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;padding:10px 12px}.cart-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cart-items li{justify-content:space-between;font-size:14px;display:flex}.cart .total{color:var(--color-primary);margin-top:4px;font-size:16px;font-weight:600}.cart .empty{color:#999;margin:0;font-size:14px}.cart .error{color:var(--color-alert);margin:0;font-size:14px}.cart .success{color:#1a7a1a;margin:0;font-size:14px}.cart button:disabled,.product-actions button:disabled{opacity:.5;cursor:default}.admin-page{flex-direction:column;min-height:100svh;display:flex}.admin-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-header h1{margin:0;font-size:20px}.admin-header p{color:#666;font-size:14px;font-family:var(--font-body);margin:4px 0 0}.admin-header button{font-size:14px;font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:10px 16px}.admin-tabs-wrapper{position:relative}.admin-tabs-wrapper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff 80%);width:28px;position:absolute;top:0;bottom:1px;right:0}.admin-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #e0e0e0;gap:8px;padding:16px 24px 0;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{font-size:14px;font-family:var(--font-body);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;transition:color .15s,border-color .15s;display:inline-flex}.admin-tabs button.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.admin-body{flex:1;padding:24px}.orders-table-wrapper{border:1px solid #e0e0e0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.orders-table-wrapper .orders-table{border:none}.orders-table{border-collapse:collapse;width:100%;font-size:14px}.orders-table th,.orders-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:10px 12px}.orders-table thead th{text-transform:uppercase;letter-spacing:.03em;color:#666;font-size:12px;font-weight:600}.col-expand{color:#999;width:20px}.col-actions{background:#fff;width:1%;position:sticky;right:0;box-shadow:-6px 0 6px -6px #00000026}.orders-table thead .col-actions{z-index:1;background:#fff}.orders-row{cursor:pointer;border-left:3px solid #0000;transition:background-color .15s;animation:.3s ease-out fadeIn}.orders-row:hover,.orders-row:hover .col-actions{background:#fafafa}.orders-row-pendiente{border-left-color:var(--color-pending)}.orders-row-facturado{border-left-color:var(--color-primary)}.orders-row-cancelado{border-left-color:var(--color-alert)}.orders-row-enviado{border-left-color:#64748b}.orders-status{font-size:13px;font-weight:600}.orders-status-pendiente{color:var(--color-pending)}.orders-status-facturado{color:var(--color-primary)}.orders-status-cancelado{color:var(--color-alert)}.orders-status-enviado{color:#64748b}.row-actions{gap:6px;display:flex}.icon-btn{cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;width:32px!important;height:32px!important;padding:0!important}.icon-btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.icon-btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.icon-btn-alert{background:var(--color-alert);color:#fff;border:1px solid var(--color-alert)}.icon-btn-alert:hover:not(:disabled){background:#5c000d}.icon-btn-secondary{color:var(--color-primary);background:#fff;border:1px solid #ccc}.icon-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:#f2f3fb}.icon-btn:disabled{opacity:.6;cursor:default}.orders-detail-row td{white-space:normal;background:#fafafa;padding:12px 16px}.orders-detail{flex-direction:column;gap:6px;display:flex}.orders-detail-line{color:#666;margin:0;font-size:13px}.orders-detail-line.only-mobile{display:none}.order-items{color:#444;flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}@media (width<=640px){.col-vendedor,.col-fecha{display:none}.orders-detail-line.only-mobile{display:block}}.comprobante-overlay{z-index:10;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.comprobante{background:#fff;border-radius:14px;flex-direction:column;gap:6px;width:100%;max-width:420px;padding:24px;animation:.2s ease-out fadeInUp;display:flex;box-shadow:0 8px 32px #0000002e}.comprobante h2{text-align:center;margin:0}.comprobante-subtitle{text-align:center;color:#666;font-family:var(--font-body);margin-bottom:8px}.comprobante table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.comprobante th,.comprobante td{text-align:left;border-bottom:1px solid #eee;padding:6px 4px}.comprobante-total{text-align:right;color:var(--color-primary);margin-top:8px;font-size:16px;font-weight:600}.comprobante-actions{gap:8px;margin-top:16px;display:flex}.comprobante-actions button{font-family:var(--font-body);cursor:pointer;border-radius:8px;flex:1;padding:10px}@media print{body *{visibility:hidden}.comprobante,.comprobante *{visibility:visible}.comprobante-overlay{background:0 0;position:absolute;inset:0}.comprobante{box-shadow:none;position:absolute;top:0;left:0}.no-print{display:none}}.product-manager{flex-direction:column;gap:16px;display:flex}.product-form{flex-wrap:wrap;gap:8px;display:flex}.product-form input{font-size:14px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;padding:10px 12px}.product-form button{cursor:pointer;font-family:var(--font-body);border-radius:8px;padding:10px 16px}.product-table-wrapper{overflow-x:auto}.product-table{border-collapse:collapse;width:100%;min-width:480px}.product-table th,.product-table td{text-align:left;border-bottom:1px solid #eee;padding:10px 8px}.product-table input{width:100%;font-family:var(--font-body);border:1px solid #ccc;border-radius:6px;padding:6px 8px}.product-table-actions{background:#fff;gap:6px;display:flex;position:sticky;right:0;box-shadow:-6px 0 6px -6px #00000026}.product-table thead .product-table-actions{background:#fff}.clickable-row:hover .product-table-actions{background:#fafafa}@media (width<=480px){.login-page{padding:12px}.login-card{padding:24px 20px}.vendedor-header,.admin-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.vendedor-body{gap:16px;padding:12px}.admin-body{padding:12px}.admin-tabs{gap:4px;padding:12px 16px 0}.admin-tabs button{padding:10px 12px;font-size:13px}.catalog{grid-template-columns:1fr 1fr}.product-actions button{width:36px;height:36px}.comprobante{padding:20px 16px}.comprobante-actions{flex-direction:column}}.success-text{color:#1a7a1a;margin:0;font-size:14px}.cobro-form{border-top:1px solid #eee;flex-direction:column;gap:10px;margin-top:8px;padding-top:8px;display:flex}.cobro-form-title{color:#666;margin:0;font-size:13px;font-weight:600}.cobro-form-row{flex-wrap:wrap;gap:12px;display:flex}.cobro-form-row label{color:#555;flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.cobro-form-row select,.cobro-form-row input{font-size:14px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;min-width:140px;padding:8px 10px}.cobro-form button{align-self:flex-start}.field-hint{color:#888;max-width:420px;margin:-4px 0 0;font-size:12px}.shipping-info{border-top:1px solid #eee;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.orders-row-vencido{border-left-color:var(--color-alert);background:#7a001208}.text-alert{color:var(--color-alert);font-weight:600}.vencido-badge{color:var(--color-alert);text-transform:uppercase;background:#7a00121f;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.comprobante-payment{color:#444;border-top:1px solid #eee;flex-direction:column;gap:2px;margin-top:4px;padding-top:8px;font-size:14px;display:flex}.vendedor-progreso{padding:16px 24px 0}.meta-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.meta-card{border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:14px;padding:18px;animation:.25s ease-out fadeInUp;display:flex;box-shadow:0 1px 3px #0000000d}.meta-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.meta-card-title{font-weight:600;font-family:var(--font-heading);color:var(--color-primary);margin:0}.meta-form{flex-direction:column;gap:10px;display:flex}.meta-form label{color:#555;flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.meta-form input{font-size:14px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;padding:8px 10px}.meta-form-actions{gap:8px;display:flex}.meta-progress{flex-direction:column;gap:12px;display:flex}.progress-bar-block{flex-direction:column;gap:4px;display:flex}.progress-bar-header{color:#555;justify-content:space-between;font-size:13px;display:flex}.progress-bar-pct{color:var(--color-primary);font-weight:600}.progress-bar-track{background:#eee;border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .3s}.meta-stats{border-top:1px solid #eee;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:10px;display:grid}.meta-stat{flex-direction:column;gap:2px;display:flex}.meta-stat-value{font-size:18px;font-weight:700;font-family:var(--font-heading);color:var(--color-primary);margin:0}.meta-stat-value-text{overflow-wrap:anywhere;font-size:14px}.meta-stat-label{color:#888;margin:0;font-size:12px}.meta-chart-block{flex-direction:column;gap:8px;display:flex}.meta-chart-title{color:#555;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.daily-chart{align-items:flex-end;gap:2px;height:64px;display:flex}.daily-chart-bar-wrap{flex:1;align-items:flex-end;min-width:2px;height:100%;display:flex}.daily-chart-bar{background:var(--color-primary);border-radius:3px 3px 0 0;width:100%;min-height:2px}.empty.small{color:#999;padding:12px 0;font-size:14px}@media (width<=640px){.meta-stats{grid-template-columns:1fr}}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fafafa}.cliente-history-modal{text-align:left;max-width:720px}.cliente-history-modal h2{text-align:center}.cliente-selected{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.cliente-search{position:relative}.cliente-search-input{color:#888;border:1px solid #ccc;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.cliente-search-input input{font-size:16px;font-family:var(--font-body);color:var(--text);border:none;outline:none;flex:1}.cliente-results{background:#fff;border:1px solid #ccc;border-radius:8px;margin-top:6px;overflow:hidden}.cliente-result{text-align:left;width:100%;font-size:14px;font-family:var(--font-body);cursor:pointer;background:#fff;border:none;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cliente-result:hover{background:#f2f3fb}.cliente-result-tel{color:#888;font-size:12px}.cliente-no-results{color:#999;border-bottom:1px solid #eee;margin:0;padding:10px 12px;font-size:13px}.cliente-create-toggle{width:100%;color:var(--color-primary);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:#fff;border:none;align-items:center;gap:6px;padding:10px 12px;display:flex}.cliente-create-toggle:hover{background:#f2f3fb}.cliente-create-form{border:1px solid #ccc;border-radius:8px;flex-direction:column;gap:8px;margin-top:6px;padding:12px;display:flex}.cliente-create-form input{font-size:14px;font-family:var(--font-body);border:1px solid #ccc;border-radius:8px;padding:8px 10px}.cliente-create-actions{gap:8px;display:flex}