:root{color-scheme:dark;--page: #111110;--ink: #ffffff;--secondary: #c3c2b7;--muted: #8b8a80;--hairline: #2c2c2a;--hairline-2: #3a3a37;--good: #0ca30c;--good-text: #4ecb5e;--warning: #fab219;--warning-text: #fab219;--critical: #d03b3b;--critical-text: #ea6a6a;--good-wash: rgba(12, 163, 12, .07);--critical-wash: rgba(208, 59, 59, .07)}html{font-size:clamp(13.5px,1vw,34px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Segoe UI,sans-serif;background:var(--page);color:var(--ink);height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}#root{display:contents}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 2.5rem 1.1rem;border-bottom:1px solid var(--hairline-2);flex:none}.brand{min-width:0}.brand-title{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-legal{font-weight:400;color:var(--secondary)}.brand-sub{font-size:.95rem;color:var(--muted);margin-top:.2rem}.header-right{display:flex;align-items:baseline;gap:2.5rem;flex:none}.clock{text-align:right}#clock-time{font-size:2.5rem;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}#clock-date{font-size:.95rem;color:var(--muted);margin-top:.25rem}.conn{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.conn-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--good)}.conn.offline{color:var(--critical-text);font-weight:600}.conn.offline .conn-dot{background:var(--critical);animation:parpadeo 1s infinite}@keyframes parpadeo{50%{opacity:.25}}.banner{padding:.8rem 2.5rem;border-bottom:1px solid var(--hairline);font-size:1.05rem;font-weight:600;flex:none}.banner svg{display:none}.banner-offline{color:var(--critical-text);box-shadow:inset .3rem 0 0 var(--critical)}.banner-db{color:var(--warning-text);box-shadow:inset .3rem 0 0 var(--warning)}.summary{display:flex;align-items:center;gap:2.5rem;padding:1.1rem 2.5rem;border-bottom:1px solid var(--hairline);flex:none}.stat{display:flex;align-items:baseline;gap:.7rem}.stat+.stat{border-left:1px solid var(--hairline-2);padding-left:2.5rem}.stat-value{font-size:2.4rem;font-weight:700;line-height:1}.stat-good{color:var(--good-text)}.stat-critical{color:var(--critical-text)}.stat-label{font-size:1rem;color:var(--secondary)}.summary-note{margin-left:auto;color:var(--muted);font-size:.95rem}main{flex:1;display:flex;flex-direction:column;min-height:0}#board{flex:1;min-height:0;overflow:hidden auto;display:flex;flex-direction:column}table{width:100%;border-collapse:collapse}thead th{position:sticky;top:0;z-index:2;background:var(--page);border-bottom:1px solid var(--hairline-2);font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;padding:.8rem .6rem;white-space:nowrap}thead th:first-child{padding-left:0}th.th-bar{width:2.5rem}th.th-fecha,th.th-folio{width:9.5rem}th.th-grupo{width:8rem}th.th-tipo{width:9.5rem}th.th-estatus{width:11rem}th.th-cd{width:10rem}tbody tr{border-bottom:1px solid var(--hairline);transition:opacity .5s ease,transform .5s ease}tbody tr.fading{opacity:0!important;transform:translate(2rem)}td{padding:.75rem .6rem;vertical-align:middle}td.bar-td{padding:0;width:2.5rem}.side-bar{width:.35rem;margin-left:2.5rem;height:100%;min-height:3.6rem}.row-pending .side-bar{background:var(--warning)}.row-invoiced .side-bar{background:var(--good)}.row-cancelled .side-bar{background:var(--critical)}.row-invoiced{background:var(--good-wash)}.row-cancelled{background:var(--critical-wash)}.row-cancelled .cell-cliente,.row-cancelled .cell-folio{text-decoration:line-through;text-decoration-color:var(--critical-text);text-decoration-thickness:.08em}.cell-fecha{line-height:1.25}.cell-fecha .hora{font-size:1.35rem;font-weight:650;font-variant-numeric:tabular-nums}.cell-fecha .fecha{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.cell-fecha .edad{color:var(--muted)}.cell-folio{font-size:1.3rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:500;white-space:nowrap}.cell-folio .ceros{color:var(--muted);font-weight:400}.cell-folio .empresa{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.cell-cliente{font-size:1.45rem;font-weight:650;letter-spacing:.002em;max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-grupo,.cell-tipo{font-size:.95rem;color:var(--secondary);letter-spacing:.04em;white-space:nowrap}.estado{display:inline-flex;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:600;white-space:nowrap}.estado-dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.estado-pending{color:var(--warning-text)}.estado-pending .estado-dot{background:var(--warning)}.estado-invoiced{color:var(--good-text)}.estado-invoiced .estado-dot{background:var(--good)}.estado-cancelled{color:var(--critical-text)}.estado-cancelled .estado-dot{background:var(--critical)}.cell-cd{padding-right:2.5rem}.countdown{min-width:7rem}.cd-texto{font-size:.9rem;color:var(--secondary);white-space:nowrap}.cd-texto b{font-size:1.15rem;font-variant-numeric:tabular-nums}.countdown-good .cd-texto b{color:var(--good-text)}.countdown-critical .cd-texto b{color:var(--critical-text)}.countdown-track{margin-top:.35rem;height:2px;background:var(--hairline-2);overflow:hidden}.countdown-fill{height:100%;transition:width .5s linear}.countdown-good .countdown-fill{background:var(--good)}.countdown-critical .countdown-fill{background:var(--critical)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted);padding:4rem 2.5rem}.empty-state svg{width:3.5rem;height:3.5rem;opacity:.5}.empty-state p{font-size:1.4rem;font-weight:600;color:var(--secondary)}.empty-state span{font-size:1rem}#cargando{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.2rem}footer{padding:.7rem 2.5rem .9rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--hairline);flex:none}@media(max-width:1100px){th.th-grupo,.cell-grupo,th.th-tipo,.cell-tipo{display:none}header,.summary,.banner,footer{padding-left:1.4rem;padding-right:1.4rem}.side-bar{margin-left:1.4rem}td.bar-td,th.th-bar{width:1.4rem}.cell-cd{padding-right:1.4rem}}@media(max-height:800px){td{padding-top:.45rem;padding-bottom:.45rem}.side-bar{min-height:3rem}header{padding-top:.8rem;padding-bottom:.8rem}.summary{padding-top:.7rem;padding-bottom:.7rem}}@media(prefers-reduced-motion:reduce){.conn-dot{animation:none}tbody tr,.countdown-fill{transition:none}}