:root{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-glass:#ffffffb8;--border-glass:#0f172a14;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-pedidos:#2563eb;--accent-faturados:#16a34a;--accent-warning:#d97706;--accent-danger:#dc2626;--table-header-bg:#e2e8f0;--table-total-bg:#f8fafc;--shadow:0 8px 30px #0f172a14}[data-theme=dark]{--bg-primary:#0b1120;--bg-secondary:#111827;--bg-glass:#111827a8;--border-glass:#94a3b824;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-pedidos:#60a5fa;--accent-faturados:#4ade80;--accent-warning:#fbbf24;--accent-danger:#f87171;--table-header-bg:#1e293b;--table-total-bg:#0f172a;--shadow:0 8px 30px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s}.app{max-width:1500px;margin:0 auto;padding:20px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;background:var(--bg-secondary);border:1px solid var(--border-glass);width:48px;height:48px;box-shadow:var(--shadow);border-radius:12px;padding:4px}.tv .brand-logo{width:64px;height:64px}.topbar h1{font-size:1.5rem;font-weight:700}.topbar .subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-glass);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--accent-pedidos);color:var(--accent-pedidos)}.btn.active{background:var(--accent-pedidos);color:#fff;border-color:var(--accent-pedidos)}.btn input[type=date]{color:inherit;background:0 0;border:none;font-size:.85rem}.badge{letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700}.badge.realtime{color:var(--accent-faturados);background:#16a34a26}.badge.historico{color:var(--accent-warning);background:#d9770626}.badge.mock{color:var(--accent-danger);background:#dc262626}.syncbar{background:var(--border-glass);border-radius:999px;height:4px;margin-bottom:18px;overflow:hidden}.syncbar>div{background:var(--accent-faturados);height:100%;transition:width 1s linear}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px;display:grid}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow);border-radius:16px;padding:18px 20px}.card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.card .value{margin-top:6px;font-size:1.9rem;font-weight:800}.card .meta{color:var(--text-muted);margin-top:4px;font-size:.8rem}.card.pedidos .value{color:var(--accent-pedidos)}.card.faturados .value{color:var(--accent-faturados)}.card.prevday{border-style:dashed}.card.prevday .row{justify-content:space-between;margin-top:6px;font-size:.85rem;display:flex}.section{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow);border-radius:16px;margin-bottom:22px;padding:20px}.section h2{margin-bottom:14px;font-size:1.05rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:center;border-bottom:1px solid var(--border-glass);padding:8px 10px}th{background:var(--table-header-bg);font-weight:700;position:sticky;top:0}td.hora{color:var(--text-secondary);font-weight:700}tr.total-row td{background:var(--table-total-bg);border-top:2px solid var(--border-glass);font-weight:800}.var-pos{color:var(--accent-faturados);font-weight:700}.var-neg{color:var(--accent-danger);font-weight:700}.var-zero{color:var(--text-muted)}tr.hora-atual td{outline:2px solid var(--accent-pedidos);outline-offset:-2px}.tv .app{max-width:100%}.tv table{font-size:1.25rem}.tv th,.tv td{padding:12px 14px}.tv .card .value{font-size:2.4rem}.footer{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;margin-top:10px;padding-bottom:16px;font-size:.78rem;display:flex}.powered{opacity:.95;align-items:center;gap:9px;font-size:.85rem;display:flex}.powered img{object-fit:contain;border-radius:7px;width:32px;height:32px}.powered-name{color:var(--text-secondary);font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}