:root{--rojo:#D92323;--rojo-osc:#B71C1C;--azul:#12326B;--azul-claro:#1B4A9B;--verde:#25D366;--verde-osc:#128C4A;--amarillo:#FFC107;--fondo:#FFF8F0;--card:#ffffff;--borde:#E8DDD3;--texto:#222222;--muted:#6B7280;--radius:14px;--shadow:0 2px 10px rgba(18,50,107,.1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--texto)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:10px 12px;border:1.5px solid var(--borde);border-radius:10px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--amarillo);border-color:var(--rojo)}label{font-weight:600;font-size:.9rem;display:block;margin-bottom:6px}a{color:var(--azul-claro)}.topbar{position:sticky;top:0;z-index:40;background:var(--azul);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.topbar .logo{font-weight:900;font-size:1.15rem;letter-spacing:.3px}.topbar .logo span{color:var(--amarillo)}.topbar .sub{font-size:.72rem;opacity:.9;line-height:1.2}.topbar .spacer{flex:1}.topbar .userbox{text-align:right;font-size:.82rem;line-height:1.25}.badge-rol{background:var(--rojo);color:#fff;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase}.btn{background:var(--rojo);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.btn:hover{background:var(--rojo-osc)}.btn.azul{background:var(--azul)}.btn.azul:hover{background:var(--azul-claro)}.btn.verde{background:var(--verde-osc)}.btn.verde:hover{background:#0e6b38}.btn.wa{background:var(--verde);color:#063}.btn.secundario{background:#fff;color:var(--azul);border:1.5px solid var(--azul)}.btn.chico{padding:6px 10px;font-size:.85rem;border-radius:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.container{max-width:1100px;margin:0 auto;padding:16px 16px 96px}@media (min-width:768px){.container{padding-bottom:32px}}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.nav-tabs button{background:#fff;border:1.5px solid var(--borde);border-radius:999px;padding:8px 16px;font-weight:700;color:var(--azul)}.nav-tabs button.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:2px solid var(--borde);display:flex}.bottom-nav button{flex:1;background:none;border:none;padding:10px 2px 12px;font-size:.78rem;font-weight:700;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button .ico{font-size:1.3rem}.bottom-nav button.activo{color:var(--rojo)}.bottom-nav .cart-count{background:var(--rojo);color:#fff;border-radius:999px;font-size:.68rem;padding:1px 7px}@media (min-width:768px){.bottom-nav{display:none}}.card{background:var(--card);border:1px solid var(--borde);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.grid{display:grid;gap:14px}.grid.kpis{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.grid.kpis{grid-template-columns:repeat(4,1fr)}.grid.dos{grid-template-columns:1fr 1fr}}.kpi .num{font-size:1.7rem;font-weight:900;color:var(--azul)}.kpi .lbl{color:var(--muted);font-size:.85rem;font-weight:600}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:8px;text-align:left;border-bottom:1px solid var(--borde);vertical-align:top}th{color:var(--azul);font-size:.8rem;text-transform:uppercase}.table-wrap{overflow-x:auto}.search-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.search-row input{flex:1;min-width:180px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.chip{white-space:nowrap;background:#fff;border:1.5px solid var(--borde);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem}.chip.activo{background:var(--rojo);color:#fff;border-color:var(--rojo)}.producto{display:flex;gap:12px;align-items:flex-start}.producto .info{flex:1}.producto .nombre{font-weight:700;line-height:1.3}.producto .meta{color:var(--muted);font-size:.82rem}.precio{font-weight:900;color:var(--rojo);font-size:1.05rem;white-space:nowrap}.add-box{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.add-box input{width:76px}.add-box select{width:auto;flex:1;min-width:110px}.estado{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.estado.nuevo{background:#fef3c7;color:#92400e}.estado.confirmado{background:#dbeafe;color:#1e40af}.estado.facturado{background:#d1fae5;color:#065f46}.estado.entregado{background:#e0e7ff;color:#3730a3}.estado.anulado,.estado.pausado{background:#fee2e2;color:#991b1b}.grid.import-kpis{grid-template-columns:repeat(2,1fr);margin-top:10px}@media (min-width:768px){.grid.import-kpis{grid-template-columns:repeat(4,1fr)}}.kpi.peligro{border-color:var(--rojo);background:#fff1f1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--azul) 0%,var(--azul-claro) 55%,var(--rojo) 130%)}.login-card{background:#fff;border-radius:20px;padding:28px;max-width:400px;width:100%;box-shadow:0 10px 40px #00000040}.login-card h1{margin:0 0 4px;color:var(--azul);font-size:1.5rem}.login-card h1 span{color:var(--rojo)}.login-card p{color:var(--muted);margin:0 0 18px}.error{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-weight:600}.ok{background:#d1fae5;color:#065f46;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-weight:600}.form-grid{display:grid;gap:12px}.form-grid.dos{grid-template-columns:1fr}@media (min-width:640px){.form-grid.dos{grid-template-columns:1fr 1fr}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:60;display:flex;align-items:flex-end;justify-content:center}@media (min-width:768px){.modal-bg{align-items:center}}.modal{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:20px}@media (min-width:768px){.modal{border-radius:18px}}.carrito-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--borde);padding:10px 0}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.mt{margin-top:14px}.flex{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.total-box{background:#fff3cd;border:1.5px dashed var(--amarillo);border-radius:12px;padding:14px}.print-only{display:none}@media print{body{background:#fff}.topbar,.bottom-nav,.nav-tabs,.no-print{display:none!important}.print-only{display:block}.container{padding:0;max-width:none}.card{box-shadow:none;border:none}}.sku{font-weight:800;color:#12326b;white-space:nowrap;letter-spacing:.01em}