:root{--bg: #0c0d10;--bg-elevado: #15171c;--bg-card: #1b1e25;--borda: #2a2e38;--texto: #e8eaf0;--texto-fraco: #9aa1b1;--ambar: #f5b234;--ambar-escuro: #d9991f;--verde-logo: #26c05c;--ciano: #38bdf8;--verde: #34d399;--vermelho: #fb7185;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-texto: "Sora", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--raio-sm: 8px;--raio-md: 12px;--raio-lg: 18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--texto);font-family:var(--font-texto);-webkit-font-smoothing:antialiased}:root{color-scheme:dark}html,body,#root{height:100%}#root{display:flex;flex-direction:column}button{font-family:var(--font-texto);cursor:pointer}input,select{font-family:var(--font-texto)}a{color:var(--ambar)}.app-shell{width:100%;max-width:520px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.tela{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px 0 32px}.titulo{font-family:var(--font-display);font-weight:700;font-size:1.6rem;margin:0;line-height:1.15}.subtitulo{color:var(--texto-fraco);margin:0;font-size:.95rem}.rotulo{display:block;font-size:.85rem;color:var(--texto-fraco);margin-bottom:6px}.campo{width:100%;background:var(--bg-elevado);border:1px solid var(--borda);border-radius:var(--raio-md);color:var(--texto);padding:14px;font-size:1rem;outline:none}.campo:focus{border-color:var(--ambar)}.grupo{margin-bottom:14px}.linha-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{width:100%;border:none;border-radius:var(--raio-md);padding:16px;font-size:1.05rem;font-weight:600;background:var(--ambar);color:#1a1300;transition:filter .15s ease}.btn:active{filter:brightness(.9)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secundario{background:var(--bg-card);color:var(--texto);border:1px solid var(--borda)}.btn-perigo{background:var(--vermelho);color:#2a0008}.card{background:var(--bg-card);border:1px solid var(--borda);border-radius:var(--raio-lg);padding:16px}.card-clicavel{text-align:left;width:100%;display:flex;flex-direction:column;gap:4px}.placa{font-family:var(--font-mono);font-weight:500;letter-spacing:1px}.erro{color:var(--vermelho);font-size:.9rem;margin:0}.banner{border-radius:var(--raio-md);padding:12px 14px;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:10px}.banner-aviso{background:#f5b2341f;border:1px solid var(--ambar);color:var(--ambar)}.banner-offline{background:#38bdf81a;border:1px solid var(--ciano);color:var(--ciano)}.banner button{background:transparent;border:none;color:inherit;font-weight:700;font-size:1rem}.tag{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--raio-pill, 999px);text-transform:uppercase;letter-spacing:.5px}.tag-pendente{background:#f5b23426;color:var(--ambar)}.tag-sincronizado{background:#34d39926;color:var(--verde)}.tag-confira{background:#fb718526;color:var(--vermelho)}.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.voltar{background:transparent;border:none;color:var(--texto-fraco);font-size:.95rem;padding:0}.status-rede{font-size:.75rem;display:inline-flex;align-items:center;gap:6px;color:var(--texto-fraco)}.ponto{width:8px;height:8px;border-radius:50%;display:inline-block}.ponto-online{background:var(--verde)}.ponto-offline{background:var(--vermelho)}.foto-preview{width:100%;border-radius:var(--raio-md);border:1px solid var(--borda);display:block}.dropzone{border:1px dashed var(--borda);border-radius:var(--raio-lg);padding:40px 16px;text-align:center;color:var(--texto-fraco);background:var(--bg-elevado)}.lista{display:flex;flex-direction:column;gap:12px}.item-hist{display:flex;flex-direction:column;gap:6px}.item-hist .linha{display:flex;justify-content:space-between;align-items:center;gap:8px}.valor-grande{font-family:var(--font-mono);font-size:1.05rem;font-weight:500}.centro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.spinner{width:28px;height:28px;border:3px solid var(--borda);border-top-color:var(--ambar);border-radius:50%;animation:girar .8s linear infinite}.spinner-pequeno{width:16px;height:16px;border-width:2px}@keyframes girar{to{transform:rotate(360deg)}}.destaque-km{border:1px solid var(--ambar);background:#f5b2340f}.texto-fraco{color:var(--texto-fraco)}.mono{font-family:var(--font-mono)}