:root{--bg-body: #050505;--bg-col-solicitada: #1a0f05;--bg-col-separacao: #05101a;--bg-col-separado: #051a0a;--bg-col-carregado: #10051a;--bg-col-triagem: #05101a;--bg-col-oc: #10051a;--bg-col-faturamento: #1a1005;--bg-col-carregamento: #051a15;--card-bg: #1e1e24;--card-bg-alert: #2a1010;--text-white: #ffffff;--text-gray: #a0a0d0;--text-bright: #e0e0ff;--accent-orange: #ff9500;--accent-blue: #007aff;--accent-green: #34c759;--accent-purple: #af52de;--accent-red: #ff3b30;--accent-teal: #14b8a6;--accent-amber: #f59e0b;--accent-violet: #8b5cf6;--nav-height: 80px}*{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}#app{display:grid;grid-template-rows:var(--nav-height) 1fr;height:100vh;gap:10px;padding:10px}.tv-header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#111;border-bottom:2px solid #333;border-radius:8px}.brand{display:flex;align-items:center;gap:30px}.brand h1{font-size:2.2rem;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff}.refresh-timer{display:flex;align-items:center;gap:10px;background:#222;padding:8px 16px;border-radius:6px;border:1px solid #444}.refresh-timer span{font-size:.8rem;color:#888;text-transform:uppercase}.refresh-timer strong{font-family:JetBrains Mono,monospace;color:var(--accent-orange);font-size:1.2rem}.live-indicator{background:#000;padding:8px 16px;border-radius:4px;border:1px solid #333;display:flex;align-items:center;gap:10px}.live-indicator.active .dot{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.dot{width:12px;height:12px;background:#555;border-radius:50%;transition:all .3s}.kpi-ribbon{display:flex;gap:60px}.kpi-item{text-align:right}.kpi-item .label{display:block;font-size:.9rem;text-transform:uppercase;color:var(--text-gray);margin-bottom:-5px}.kpi-item .value{font-size:2.5rem;font-weight:800;letter-spacing:-1px}.kpi-item.highlight .value{color:var(--accent-green)}.tv-grid{display:flex;gap:15px;height:100%;overflow-x:auto;padding-bottom:5px}.status-group{flex:1;min-width:400px;background:#111;border-radius:8px;display:flex;flex-direction:column;border-top:8px solid #555}.group-solicitada{border-color:var(--accent-orange);background:linear-gradient(180deg,var(--bg-col-solicitada) 0%,#111 20%)}.group-solicitada .group-title h2{color:var(--accent-orange)}.group-separacao{border-color:var(--accent-blue);background:linear-gradient(180deg,var(--bg-col-separacao) 0%,#111 20%)}.group-separacao .group-title h2{color:var(--accent-blue)}.group-separado{border-color:var(--accent-green);background:linear-gradient(180deg,var(--bg-col-separado) 0%,#111 20%)}.group-separado .group-title h2{color:var(--accent-green)}.group-carregado{border-color:var(--accent-purple);background:linear-gradient(180deg,var(--bg-col-carregado) 0%,#111 20%)}.group-carregado .group-title h2{color:var(--accent-purple)}.group-aguardando-triagem{border-color:var(--accent-blue);background:linear-gradient(180deg,var(--bg-col-triagem) 0%,#111 20%)}.group-aguardando-triagem .group-title h2{color:var(--accent-blue)}.group-triagem{border-color:var(--accent-blue);background:linear-gradient(180deg,var(--bg-col-triagem) 0%,#111 20%)}.group-triagem .group-title h2{color:var(--accent-blue)}.group-oc-emitida{border-color:var(--accent-violet);background:linear-gradient(180deg,var(--bg-col-oc) 0%,#111 20%)}.group-oc-emitida .group-title h2{color:var(--accent-violet)}.group-aguardando-faturamento{border-color:var(--accent-amber);background:linear-gradient(180deg,var(--bg-col-faturamento) 0%,#111 20%)}.group-aguardando-faturamento .group-title h2{color:var(--accent-amber)}.group-aguardando-carregamento{border-color:var(--accent-teal);background:linear-gradient(180deg,var(--bg-col-carregamento) 0%,#111 20%)}.group-aguardando-carregamento .group-title h2{color:var(--accent-teal)}.group-carregamento-concluido{border-color:var(--accent-green);background:linear-gradient(180deg,var(--bg-col-separado) 0%,#111 20%)}.group-carregamento-concluido .group-title h2{color:var(--accent-green)}.group-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.group-title h2{font-size:1.8rem;font-weight:900;text-transform:uppercase}.group-count{font-size:1.8rem;font-weight:800;opacity:.5}.orders-grid{padding:15px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;flex:1}.order-card{background:#25252b;border-radius:8px;padding:20px;position:relative;box-shadow:0 4px 10px #00000080;border-left:6px solid #444}.order-card .card-main{display:flex;flex-direction:column;gap:10px}.card-header{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:2.2rem;font-weight:900;color:#fff;font-family:JetBrains Mono,monospace}.card-client{font-size:1.4rem;font-weight:600;color:var(--text-bright);line-height:1.2;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;background:#0003;padding:10px;border-radius:6px}.detail-row{display:flex;align-items:baseline;justify-content:space-between}.detail-label{font-size:.9rem;color:var(--text-gray);text-transform:uppercase;font-weight:600}.detail-value{font-size:1.1rem;font-weight:700;color:#fff}.time-ago-text{color:var(--accent-orange)}.card-footer{margin-top:15px;display:flex;gap:10px}.badge{padding:6px 12px;border-radius:4px;font-weight:700;font-size:1rem;text-transform:uppercase}.badge.frete-cif{background:#049;color:#adf}.badge.frete-fob{background:#444;color:#ddd}.badge.filial{background:#333;color:#aaa;border:1px solid #555}.alert-critical{border:4px solid var(--accent-red)!important;animation:pulse-red 1s infinite alternate;background:#3a1010}.alert-warning{border:4px solid var(--accent-purple)!important;animation:pulse-purple 1.5s infinite alternate}@keyframes pulse-red{0%{box-shadow:0 0 10px #f003}to{box-shadow:0 0 30px #f009;border-color:#f55}}@keyframes pulse-purple{0%{border-color:#a4b}to{border-color:#f8f}}.empty-dashboard{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3}.empty-icon{font-size:6rem;margin-bottom:20px}.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:25px;height:25px;background:#fff;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}