:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0b1220;--bg-page-grad:radial-gradient(ellipse at top, #3b82f614, transparent 60%), #0b1220;--bg-login-grad:radial-gradient(ellipse at top left, #3b82f626, transparent 50%), radial-gradient(ellipse at bottom right, #ef44441f, transparent 50%), #0b1220;--bg-surface:#111928d9;--bg-surface-soft:#111928b3;--bg-surface-soft-2:#11192899;--bg-card:#111827;--bg-input:#0f172ae6;--bg-input-2:#0f172acc;--bg-header-row:#0f172af2;--bg-row-hover:#3b82f612;--bg-row-urgente:#fb923c14;--bg-row-critico:#ef44441a;--bg-modal-strip:#0f172a66;--bg-modal-kpi:#1e293bb3;--bg-code:#0f172acc;--border:#ffffff0f;--border-strong:#ffffff14;--border-input:#94a3b833;--border-input-strong:#94a3b840;--border-row:#ffffff0a;--text:#e5e7eb;--text-strong:#f8fafc;--text-2:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--text-mono:#cbd5e1;--accent:#3b82f6;--accent-2:#2563eb;--accent-cyan:#06b6d4;--accent-cyan-2:#0891b2;--success:#10b981;--success-2:#059669;--warning:#f59e0b;--warning-2:#d97706;--danger:#ef4444;--danger-2:#dc2626;--danger-soft:#fca5a5;--danger-bg:#ef44441f;--danger-border:#ef444459;--urgent:#fb923c;--urgent-2:#f97316;--purple:#8b5cf6;--purple-2:#6d28d9;--link:#60a5fa;--shadow-card:0 30px 80px #00000073;--shadow-modal:0 30px 80px #0009;--shadow-focus:0 0 0 3px #3b82f633;--backdrop:#020617bf;--blur-strong:blur(18px);--blur-soft:blur(10px);--clock-glow:0 0 20px #60a5fa66;--critico-glow:0 0 12px #ef444466}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f1f5f9;--bg-page-grad:radial-gradient(ellipse at top, #3b82f614, transparent 60%), #f1f5f9;--bg-login-grad:radial-gradient(ellipse at top left, #3b82f62e, transparent 50%), radial-gradient(ellipse at bottom right, #ef44441f, transparent 50%), #e2e8f0;--bg-surface:#ffffffeb;--bg-surface-soft:#fff;--bg-surface-soft-2:#ffffffe6;--bg-card:#fff;--bg-input:#fff;--bg-input-2:#f8fafc;--bg-header-row:#f8fafc;--bg-row-hover:#3b82f614;--bg-row-urgente:#fb923c24;--bg-row-critico:#ef44441a;--bg-modal-strip:#f8fafc;--bg-modal-kpi:#f1f5f9;--bg-code:#f1f5f9;--border:#0f172a1a;--border-strong:#0f172a24;--border-input:#0f172a2e;--border-input-strong:#0f172a38;--border-row:#0f172a0f;--text:#1e293b;--text-strong:#0f172a;--text-2:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--text-mono:#334155;--shadow-card:0 20px 60px #0f172a1f;--shadow-modal:0 25px 70px #0f172a40;--shadow-focus:0 0 0 3px #3b82f633;--backdrop:#0f172a66;--blur-strong:blur(18px);--blur-soft:blur(10px);--clock-glow:0 0 18px #3b82f640;--critico-glow:0 0 10px #ef444459}*{box-sizing:border-box}html,body,#root{background:var(--bg-page);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background .25s,color .25s}button{font-family:inherit}.login-bg{background:var(--bg-login-grad);place-items:center;min-height:100vh;padding:24px;font-family:inherit;display:grid}.login-card{background:var(--bg-surface);width:100%;max-width:420px;-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);color:var(--text);border-radius:18px;padding:40px 36px 28px}.login-brand{text-align:center;margin-bottom:28px}.login-logo{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));color:#fff;letter-spacing:2px;border-radius:10px;margin-bottom:14px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-block}.login-brand h1{color:var(--text-strong);margin:0 0 6px;font-size:22px;font-weight:700}.login-brand p{color:var(--text-muted);margin:0;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:6px;font-size:12px;display:flex}.login-form input{background:var(--bg-input-2);border:1px solid var(--border-input);color:var(--text-2);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.login-form input:disabled{opacity:.6;cursor:not-allowed}.login-form button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:13px;font-size:15px;font-weight:600;transition:transform .1s,box-shadow .15s,opacity .15s}.login-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #3b82f659}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-soft);border-radius:8px;padding:10px 12px;font-size:13px}.login-footer{text-align:center;color:var(--text-faint);letter-spacing:.3px;margin-top:26px;font-size:11px}.login-theme-toggle{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;width:42px;height:42px;-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);border-radius:50%;place-items:center;font-size:18px;transition:background .15s,transform .15s;display:grid;position:fixed;top:18px;right:18px}.login-theme-toggle:hover{transform:scale(1.08)}.filtros-bar{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px 24px;display:flex}.filtro{flex-direction:column;gap:6px;display:flex}.filtro label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px}.filtro select,.filtro input[type=date]{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-2);border-radius:8px;outline:none;min-width:170px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.filtro select:focus,.filtro input[type=date]:focus{border-color:var(--accent)}.filtro select:disabled{opacity:.5}.filtro-estatus .estatus-pills{gap:6px;display:flex}.pill{background:var(--bg-input-2);border:1px solid var(--border-input);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .15s}.pill:hover{border-color:var(--accent)}.pill.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;font-weight:600}.filtro-acciones{align-items:flex-end;margin-left:auto}.btn-refresh{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-cyan-2));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:box-shadow .15s,transform .1s}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 6px 18px #06b6d459}.filtro-acciones small{color:var(--text-faint);margin-top:6px;font-size:11px}.kpi-cards{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=1100px){.kpi-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.kpi-cards{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.kpi:before{content:"";background:linear-gradient(135deg, var(--c1,#3b82f6), var(--c2,#06b6d4));opacity:.08;pointer-events:none;position:absolute;inset:0}.kpi-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;font-size:11px;position:relative}.kpi-value{color:var(--text-strong);font-size:34px;font-weight:800;line-height:1;position:relative}.kpi-slate{--c1:#475569;--c2:#94a3b8;border-left:3px solid #94a3b8}.kpi-blue{--c1:#3b82f6;--c2:#2563eb;border-left:3px solid #3b82f6}.kpi-amber{--c1:#f59e0b;--c2:#d97706;border-left:3px solid #f59e0b}.kpi-red{--c1:#ef4444;--c2:#dc2626;border-left:3px solid #ef4444}.kpi-orange{--c1:#fb923c;--c2:#f97316;border-left:3px solid #fb923c}.pedidos-grid-wrap{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden}.grid-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex}.grid-toolbar input{background:var(--bg-input);border:1px solid var(--border-input);min-width:220px;color:var(--text-2);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13px}.grid-toolbar input:focus{border-color:var(--accent)}.grid-actions{gap:8px;display:flex}.btn-toggle{background:var(--bg-input);border:1px solid var(--border-input-strong);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.btn-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--text-2)}.btn-toggle.active{background:linear-gradient(135deg, var(--success), var(--success-2));color:#fff;border-color:#0000;box-shadow:0 4px 14px #10b98159}.btn-toggle:disabled{opacity:.4;cursor:not-allowed}.grid-legend{color:var(--text-muted);gap:14px;font-size:11px;display:flex}.leg-critico{color:var(--danger-soft)}.leg-urgente{color:var(--urgent)}.grid-scroll{flex:1;overflow:auto}.pedidos-grid{border-collapse:collapse;width:100%;font-size:12.5px}.pedidos-grid thead th{background:var(--bg-header-row);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-strong);white-space:nowrap;z-index:1;padding:12px 14px;font-size:10.5px;position:sticky;top:0}.pedidos-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pedidos-grid th.sortable:hover{color:var(--text-2)}.sort-arrow{color:var(--accent)}.pedidos-grid th.right,.pedidos-grid td.right{text-align:right}.pedidos-grid th.center,.pedidos-grid td.center{text-align:center}.pedidos-grid tbody td{border-bottom:1px solid var(--border-row);color:var(--text);white-space:nowrap;padding:11px 14px}.grid-row{cursor:pointer;transition:background .1s}.grid-row:hover{background:var(--bg-row-hover)}.row-urgente td{background:var(--bg-row-urgente)}.row-critico .folio span{color:var(--danger-soft);font-weight:700}.folio{font-family:ui-monospace,Consolas,monospace;font-weight:600}.folio-critico{text-shadow:var(--critico-glow)}.sucursal{text-overflow:ellipsis;max-width:280px;overflow:hidden}.badge-urgente{background:linear-gradient(135deg, var(--urgent), var(--urgent-2));color:#fff;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.sem{font-size:12px}.grid-empty{text-align:center;color:var(--text-faint);font-style:italic;padding:40px!important}.modal-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;place-items:center;padding:24px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid var(--border-strong);width:100%;max-width:1100px;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:16px;flex-direction:column;animation:.2s ease-out slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 26px 18px;display:flex}.modal-eyebrow{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.modal-folio{color:var(--link);font-family:ui-monospace,Consolas,monospace;font-size:16px}.badge-urg{background:linear-gradient(135deg, var(--urgent), var(--urgent-2));color:#fff;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800}.modal-header h3{color:var(--text-strong);margin:2px 0 10px;font-size:20px;font-weight:600}.modal-meta{color:var(--text-muted);flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.modal-meta strong{color:var(--text);margin-left:4px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:32px;line-height:1;transition:color .15s}.modal-close:hover{color:var(--danger)}.modal-kpis{border-bottom:1px solid var(--border);background:var(--bg-modal-strip);gap:10px;padding:14px 26px;display:flex}.modal-kpis>div{background:var(--bg-modal-kpi);border-left:3px solid var(--accent);border-radius:10px;flex:1;padding:10px 14px}.modal-kpis small{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:2px;font-size:10px;display:block}.modal-kpis strong{color:var(--text-2);font-size:20px}.modal-kpis .kpi-danger{border-left-color:var(--danger)}.modal-kpis .kpi-danger strong{color:var(--danger-soft)}.modal-body{padding:0 26px 20px;overflow:auto}.modal-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:12.5px}.modal-table thead th{background:var(--bg-card);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-strong);padding:10px 12px;font-size:10px;position:sticky;top:0}.modal-table th.right,.modal-table td.right{text-align:right}.modal-table tbody td{border-bottom:1px solid var(--border-row);color:var(--text);padding:9px 12px}.modal-table .mono{color:var(--link);font-family:ui-monospace,Consolas,monospace}.modal-table tr.row-critico td{background:var(--bg-row-critico)}.modal-table tr.row-critico td:nth-child(5) strong{color:var(--danger-soft)}.modal-empty,.modal-error{text-align:center;color:var(--text-faint);padding:40px;font-style:italic}.modal-error{color:var(--danger-soft);background:var(--danger-bg);border-radius:10px}.chart-card{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.chart-header{border-bottom:1px solid var(--border);padding:14px 18px}.chart-header h3{color:var(--text-strong);margin:0;font-size:14px;font-weight:600}.chart-header small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.chart-body{padding:14px 8px 14px 0}.chart-empty{text-align:center;color:var(--text-faint);padding:40px 20px;font-size:13px;font-style:italic}.resumen-card{background:var(--bg-surface-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.resumen-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.resumen-header h3{color:var(--text-strong);margin:0;font-size:14px;font-weight:600}.resumen-header small{color:var(--text-muted);font-size:11px}.resumen-body{max-height:260px;overflow:auto}.resumen-body table{border-collapse:collapse;width:100%;font-size:12px}.resumen-body thead th{background:var(--bg-header-row);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-strong);padding:10px 14px;font-size:10px;position:sticky;top:0}.resumen-body th.right,.resumen-body td.right{text-align:right}.resumen-body tbody td{border-bottom:1px solid var(--border-row);color:var(--text);padding:9px 14px}.resumen-body .nombre{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.resumen-body .mono{color:var(--text-mono);font-family:ui-monospace,Consolas,monospace}.resumen-body .critico{color:var(--danger-soft);font-weight:700}.resumen-empty{text-align:center;color:var(--text-faint);padding:40px;font-size:13px;font-style:italic}.dash-shell{background:var(--bg-page-grad);min-height:100vh;color:var(--text);flex-direction:column;font-family:inherit;display:flex}.dash-header{background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);z-index:10;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.dash-title{align-items:center;gap:16px;display:flex}.dash-badge{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));color:#fff;letter-spacing:1.8px;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:800}.dash-title h1{color:var(--text-strong);margin:0;font-size:17px;font-weight:600;line-height:1.2}.dash-title small{color:var(--text-muted);text-transform:capitalize;margin-top:3px;font-size:11px;display:block}.dash-header-right{align-items:center;gap:16px;display:flex}.dash-clock{text-align:right;border-right:1px solid var(--border-strong);padding-right:16px}.clock-time{color:var(--link);text-shadow:var(--clock-glow);font-family:ui-monospace,Consolas,monospace;font-size:24px;font-weight:700;line-height:1}.dash-clock small{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:10px;display:block}.dash-user-info{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.dash-user-info strong{color:var(--text-2);font-size:13px}.dash-user-info small{color:var(--text-muted);font-size:11px}.btn-logout{background:var(--danger-bg);color:var(--danger-soft);border:1px solid var(--danger-border);cursor:pointer;border-radius:8px;padding:9px 18px;font-size:13px;transition:background .15s}.btn-logout:hover{background:#ef444440}.btn-tv{color:var(--purple);cursor:pointer;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}[data-theme=dark] .btn-tv{color:#ddd6fe}.btn-tv:hover{background:#8b5cf640}.btn-tv.active{background:linear-gradient(135deg, var(--purple), var(--purple-2));color:#fff;border-color:#0000;box-shadow:0 6px 18px #8b5cf666}.btn-theme{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;font-size:17px;transition:all .15s;display:grid}.btn-theme:hover{border-color:var(--accent);transform:scale(1.05)}.dash-shell.tv-mode{font-size:17px}.tv-mode .dash-header{padding:22px 36px}.tv-mode .dash-title h1{font-size:22px}.tv-mode .dash-title small{font-size:13px}.tv-mode .dash-badge{padding:10px 18px;font-size:16px}.tv-mode .clock-time{font-size:38px}.tv-mode .dash-main{max-width:none;padding:18px 36px 36px}.tv-mode .kpi-cards{margin-bottom:24px}.tv-mode .kpi-value{font-size:50px}.tv-mode .kpi-label{font-size:13px}.tv-mode .pedidos-grid{font-size:16px}.tv-mode .pedidos-grid thead th{padding:16px 18px;font-size:13px}.tv-mode .pedidos-grid tbody td{padding:16px 18px}.tv-mode .dash-left{min-height:calc(100vh - 380px)}.tv-mode .grid-scroll{max-height:calc(100vh - 460px)}.dash-main{flex:1;width:100%;max-width:1800px;margin:0 auto;padding:22px 28px 40px}.dash-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-soft);border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.dash-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}@media (width<=1200px){.dash-grid{grid-template-columns:1fr}}.dash-left{min-height:500px}.dash-right{flex-direction:column;gap:20px;display:flex}