:root{--fonte-principal: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--fonte-mono: "JetBrains Mono", monospace;--fundo-base: #090d16;--fundo-card: #111827;--fundo-card-hover: #172033;--fundo-elevado: #1e293b;--borda-suave: rgba(255, 255, 255, .08);--borda-destaque: rgba(59, 130, 246, .3);--primaria: #3b82f6;--primaria-glow: rgba(59, 130, 246, .25);--sucesso: #10b981;--sucesso-glow: rgba(16, 185, 129, .2);--alerta: #f59e0b;--perigo: #ef4444;--perigo-glow: rgba(239, 68, 68, .2);--roxo: #8b5cf6;--texto-principal: #f8fafc;--texto-secundario: #94a3b8;--texto-fraco: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fonte-principal);background-color:var(--fundo-base);color:var(--texto-principal);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.04) 0%,transparent 40%)}.app-container{max-width:1440px;margin:0 auto;padding:24px 32px}.cabecalho-principal{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--borda-suave);margin-bottom:28px}.cabecalho-titulo{display:flex;align-items:center;gap:14px}.cabecalho-titulo h1{font-size:24px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-frota{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.cabecalho-acoes{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:var(--fonte-principal)}.btn-primario{background-color:var(--primaria);color:#fff;box-shadow:0 4px 14px var(--primaria-glow)}.btn-primario:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-secundario{background-color:var(--fundo-elevado);color:var(--texto-principal);border-color:var(--borda-suave)}.btn-secundario:hover{background-color:var(--fundo-card-hover);border-color:#fff3}.btn-perigo{background-color:#ef444426;color:#f87171;border-color:#ef44444d}.btn-perigo:hover{background-color:var(--perigo);color:#fff}.btn-acao-rapida{padding:6px 12px;font-size:12px;border-radius:6px}.grid-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.card-metrica{background:var(--fundo-card);border:1px solid var(--borda-suave);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:all .2s ease}.card-metrica:hover{border-color:var(--borda-destaque);transform:translateY(-2px)}.card-metrica-header{display:flex;justify-content:space-between;align-items:center;color:var(--texto-secundario);font-size:13px;font-weight:500;margin-bottom:12px}.card-metrica-valor{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#fff}.card-metrica-sub{font-size:12px;color:var(--texto-fraco);margin-top:6px}.card-tabela{background:var(--fundo-card);border:1px solid var(--borda-suave);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.tabela-barra-topo{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--borda-suave);background:#ffffff03;gap:16px;flex-wrap:wrap}.tabela-barra-busca{display:flex;align-items:center;gap:10px;background:var(--fundo-base);border:1px solid var(--borda-suave);padding:8px 14px;border-radius:8px;width:320px}.tabela-barra-busca input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:14px;font-family:var(--fonte-principal)}.tabela-filtros{display:flex;gap:8px}.filtro-chip{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--fundo-elevado);color:var(--texto-secundario);cursor:pointer;border:1px solid transparent;transition:all .2s}.filtro-chip.ativo{background:var(--primaria);color:#fff}.tabela-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{padding:14px 20px;color:var(--texto-secundario);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--borda-suave);background:#ffffff05}td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}tr:hover td{background:var(--fundo-card-hover)}.badge-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.badge-status.conectado{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-status.desconectado{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.ponto-pulso{width:8px;height:8px;border-radius:50%;background-color:currentColor}.conectado .ponto-pulso{box-shadow:0 0 8px #10b981}.texto-mono{font-family:var(--fonte-mono);font-size:13px;color:#e2e8f0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-conteudo{background:var(--fundo-card);border:1px solid var(--borda-suave);border-radius:16px;width:100%;max-width:620px;overflow:hidden;box-shadow:0 20px 50px #0009;animation:modalSurgir .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSurgir{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--borda-suave)}.modal-header h3{font-size:18px;font-weight:700}.modal-corpo{padding:24px}.modal-rodape{padding:16px 24px;background:#0003;border-top:1px solid var(--borda-suave);display:flex;justify-content:flex-end;gap:12px}.qr-container{display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border-radius:12px;margin:16px 0}.qr-container img{width:240px;height:240px}.instrucoes-box{background:var(--fundo-elevado);border-radius:10px;padding:16px;margin-top:16px;font-size:13px;line-height:1.6}.instrucoes-box ol{padding-left:20px}@media (max-width: 768px){.app-container{padding:16px}.cabecalho-principal{flex-direction:column;align-items:flex-start;gap:16px}.tabela-barra-topo{flex-direction:column;align-items:stretch}.tabela-barra-busca{width:100%}}.layout-com-sidebar{display:flex;min-height:100vh;background-color:var(--fundo-base)}.barra-lateral{width:270px;min-width:270px;background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--borda-suave);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50}.barra-lateral-topo{padding:24px 20px;border-bottom:1px solid var(--borda-suave)}.logo-box{display:flex;align-items:center;gap:12px}.logo-titulo{font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fff}.logo-sub{font-size:11px;color:var(--texto-secundario);margin-top:2px}.barra-lateral-menu{flex:1;padding:20px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.item-navegacao{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;color:var(--texto-secundario);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.item-navegacao:hover{background:var(--fundo-elevado);color:var(--texto-principal);transform:translate(3px)}.item-navegacao.ativo{background:#3b82f61f;color:#60a5fa;border-color:#3b82f64d;font-weight:600;box-shadow:0 2px 8px #3b82f626}.item-navegacao.ativo svg{color:#3b82f6}.barra-lateral-rodape{padding:18px 16px;border-top:1px solid var(--borda-suave)}.status-conexao-box{background:#0000004d;border:1px solid var(--borda-suave);border-radius:10px;padding:12px 14px}.conteudo-principal{flex:1;min-width:0;padding:28px 36px;max-width:1440px;margin:0 auto;overflow-y:auto}.pagina-conteudo{display:flex;flex-direction:column;animation:fadePagina .25s ease-out}@keyframes fadePagina{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pagina-cabecalho{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--borda-suave);margin-bottom:26px;gap:16px;flex-wrap:wrap}.pagina-titulo{font-size:22px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pagina-subtitulo{font-size:13px;color:var(--texto-secundario);margin-top:4px;line-height:1.5}.grid-atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:28px}.card-atalho{background:var(--fundo-card);border:1px solid var(--borda-suave);border-radius:12px;padding:18px;transition:all .2s ease}.card-atalho:hover{border-color:var(--borda-destaque);background:var(--fundo-card-hover);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}@media (max-width: 900px){.layout-com-sidebar{flex-direction:column}.barra-lateral{width:100%;min-width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--borda-suave)}.barra-lateral-menu{flex-direction:row;overflow-x:auto;padding:10px 14px}.item-navegacao span{font-size:12px}.barra-lateral-rodape{display:none}.conteudo-principal{padding:18px}}