@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--bg-body: #050505;--bg-card: #25252b;--bg-header: rgba(37, 37, 43, .4);--bg-column: rgba(255, 255, 255, .05);--accent-primary: #13ec5b;--accent-orange: #f97316;--accent-blue: #3b82f6;--accent-green: #13ec5b;--accent-purple: #a855f7;--accent-violet: #8b5cf6;--accent-red: #ef4444;--accent-teal: #14b8a6;--accent-amber: #f59e0b;--text-white: #f1f5f9;--text-gray: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--border-subtle: rgba(255, 255, 255, .1);--border-card: rgba(100, 116, 139, .3);--header-height: 80px;--footer-height: 48px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-white);font-family:Outfit,sans-serif;height:100vh;overflow:hidden;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;height:100vh;padding:24px;gap:24px}.tv-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-header);border-radius:12px;padding:16px 24px;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.brand{display:flex;align-items:center;gap:24px}.live-indicator{display:flex;align-items:center;gap:10px;background:#13ec5b1a;padding:8px 16px;border-radius:8px;border:1px solid rgba(19,236,91,.3)}.live-indicator span{font-weight:700;font-size:1.1rem;letter-spacing:.1em;color:var(--accent-primary)}.dot{position:relative;width:12px;height:12px}.dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#555;transition:all .3s}.live-indicator.active .dot:before{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.live-indicator.active .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent-primary);animation:ping-dot 1s cubic-bezier(0,0,.2,1) infinite;opacity:.75}@keyframes ping-dot{75%,to{transform:scale(2.5);opacity:0}}.refresh-timer{display:flex;flex-direction:column;gap:2px}.refresh-timer span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.refresh-timer strong{font-family:JetBrains Mono,monospace;color:var(--accent-orange);font-size:1.1rem;font-weight:700}.header-divider{width:1px;height:48px;background:var(--border-subtle);margin:0 8px}.brand h1{font-size:3rem;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff;letter-spacing:-1px;line-height:1}.kpi-ribbon{display:flex;gap:12px}.kpi-item{display:flex;flex-direction:column;background:var(--bg-card);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.05);min-width:160px}.kpi-item .label{display:block;font-size:.8rem;color:var(--text-gray);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.kpi-item .value{font-size:1.9rem;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff;line-height:1.3}.kpi-item .kpi-unit{font-size:.7rem;color:var(--text-muted);font-weight:600;margin-left:4px}.kpi-item.highlight .value,.kpi-item.highlight .kpi-unit{color:var(--accent-primary)}.tv-grid{flex:1;display:grid;gap:24px;min-height:0;overflow:hidden}.tv-grid.grid-4{grid-template-columns:repeat(4,1fr)}.tv-grid.grid-6{grid-template-columns:repeat(6,1fr)}.tv-grid:not(.grid-4):not(.grid-6){display:flex;gap:24px;overflow-x:auto}.status-group{display:flex;flex-direction:column;background:var(--bg-column);border-radius:12px;overflow:hidden;min-height:0;border-top:4px solid #555}.group-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.group-title{display:flex;align-items:center;gap:8px}.group-icon{font-family:Material Symbols Outlined;font-size:1.4rem;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.group-title h2{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray)}.group-count{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;padding:2px 10px;border-radius:999px;background:#ffffff1a;color:inherit}.group-solicitada{border-color:var(--accent-orange);background:linear-gradient(180deg,rgba(249,115,22,.1) 0%,transparent 30%)}.group-solicitada .group-icon{color:var(--accent-orange)}.group-solicitada .group-title h2{color:var(--text-gray)}.group-solicitada .group-count{background:#f9731633;color:var(--accent-orange)}.group-separacao{border-color:var(--accent-blue);background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 30%)}.group-separacao .group-icon{color:var(--accent-blue)}.group-separacao .group-title h2{color:var(--text-gray)}.group-separacao .group-count{background:#3b82f633;color:var(--accent-blue)}.group-separado{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(19,236,91,.1) 0%,transparent 30%)}.group-separado .group-icon{color:var(--accent-primary)}.group-separado .group-title h2{color:var(--text-gray)}.group-separado .group-count{background:#13ec5b33;color:var(--accent-primary)}.group-carregado{border-color:var(--accent-purple);background:linear-gradient(180deg,rgba(168,85,247,.1) 0%,transparent 30%)}.group-carregado .group-icon{color:var(--accent-purple)}.group-carregado .group-title h2{color:var(--text-gray)}.group-carregado .group-count{background:#a855f733;color:var(--accent-purple)}.group-aguardando-triagem{border-color:var(--accent-blue);background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 30%)}.group-aguardando-triagem .group-icon{color:var(--accent-blue)}.group-aguardando-triagem .group-count{background:#3b82f633;color:var(--accent-blue)}.group-triagem{border-color:var(--accent-blue);background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 30%)}.group-triagem .group-icon{color:var(--accent-blue)}.group-triagem .group-count{background:#3b82f633;color:var(--accent-blue)}.group-oc-emitida{border-color:var(--accent-violet);background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 30%)}.group-oc-emitida .group-icon{color:var(--accent-violet)}.group-oc-emitida .group-count{background:#8b5cf633;color:var(--accent-violet)}.group-aguardando-faturamento{border-color:var(--accent-amber);background:linear-gradient(180deg,rgba(245,158,11,.1) 0%,transparent 30%)}.group-aguardando-faturamento .group-icon{color:var(--accent-amber)}.group-aguardando-faturamento .group-count{background:#f59e0b33;color:var(--accent-amber)}.group-aguardando-carregamento{border-color:var(--accent-teal);background:linear-gradient(180deg,rgba(20,184,166,.1) 0%,transparent 30%)}.group-aguardando-carregamento .group-icon{color:var(--accent-teal)}.group-aguardando-carregamento .group-count{background:#14b8a633;color:var(--accent-teal)}.group-carregamento-concluido{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(19,236,91,.1) 0%,transparent 30%)}.group-carregamento-concluido .group-icon{color:var(--accent-primary)}.group-carregamento-concluido .group-count{background:#13ec5b33;color:var(--accent-primary)}.orders-grid{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0}.orders-grid::-webkit-scrollbar{width:4px}.orders-grid::-webkit-scrollbar-track{background:transparent}.orders-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.orders-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.order-card{background:var(--bg-card);border-radius:8px;padding:16px;position:relative;border:1px solid var(--border-card);box-shadow:0 4px 24px #0006;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease}.order-card:hover{border-color:#94a3b866}.card-main{display:flex;flex-direction:column;gap:8px}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.order-id{font-size:1.2rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.card-client{font-size:.9rem;font-weight:600;color:var(--text-white);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.02em}.detail-row{display:flex;flex-direction:column;gap:1px}.detail-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.detail-value{font-size:.8rem;font-weight:600;color:var(--text-gray);font-family:JetBrains Mono,monospace}.detail-row.full-width{grid-column:1 / -1}.time-ago-text{color:var(--accent-orange)!important;font-weight:700!important}.card-footer{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:3px 10px;border-radius:4px;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.badge.frete-cif{background:#3b82f633;color:#60a5fa}.badge.frete-fob{background:#64748b4d;color:#cbd5e1}.badge.filial{background:#64748b4d;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.detail-value.weight-value{color:var(--accent-primary);font-weight:700}.alert-critical{border:2px solid var(--accent-red)!important;box-shadow:0 0 20px #ef44444d;animation:pulse-critical 1.5s infinite alternate}.alert-warning{border:2px solid var(--accent-purple)!important;box-shadow:0 0 20px #a855f74d;animation:pulse-warning 2s infinite alternate}@keyframes pulse-critical{0%{box-shadow:0 0 10px #ef444433}to{box-shadow:0 0 30px #ef444499;border-color:#f87171}}@keyframes pulse-warning{0%{box-shadow:0 0 10px #a855f733}to{box-shadow:0 0 30px #a855f780;border-color:#c084fc}}.empty-dashboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3;grid-column:1 / -1}.empty-icon{font-size:5rem;margin-bottom:16px}.empty-dashboard h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.empty-dashboard p{color:var(--text-gray);font-size:.9rem}.tv-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:16px;flex-shrink:0}.footer-legends{display:flex;align-items:center;gap:24px}.footer-legend{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.footer-legend .legend-dot{width:10px;height:10px;border-radius:50%}.footer-legend .legend-dot.dot-orange{background:var(--accent-orange);animation:pulse-dot 1.5s infinite}.footer-legend .legend-dot.dot-purple{background:var(--accent-purple)}.footer-legend .legend-dot.dot-blue{background:var(--accent-blue)}.footer-legend .legend-dot.dot-green{background:var(--accent-primary)}.footer-legend .legend-dot.dot-violet{background:var(--accent-violet)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.footer-badges{display:flex;gap:8px}.footer-badge{padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.footer-badge.badge-cif{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.footer-badge.badge-hub{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-gray)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s}.loading-overlay[style*="opacity: 1"]{opacity:1}.pulse-loader{width:20px;height:20px;background:var(--accent-primary);border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}