:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:root{--bg:#0f172a;--bg-cartao:#1a2540;--borda:#2a3655;--texto:#e6edf7;--texto-fraco:#93a4c3;--acento:#14b8a6;--acento-escuro:#0f766e;--vermelho:#f87171;--laranja:#fb923c;--amarelo:#fbbf24;--verde:#4ade80}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.tela-central{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.cartao-login{background:var(--bg-cartao);border:1px solid var(--borda);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:28px 24px;display:flex}.cartao-login h1{text-align:center;margin:0 0 8px;font-size:1.25rem}.cartao-login label{color:var(--texto-fraco);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.cartao-login input,.controle input[type=date]{background:var(--bg);border:1px solid var(--borda);color:var(--texto);border-radius:10px;padding:12px;font-size:1rem}.cartao-login button,.botao-sair{cursor:pointer;border:none;border-radius:10px;padding:13px;font-size:1rem;font-weight:600}.cartao-login button{background:var(--acento);color:#04211d;margin-top:8px}.cartao-login button:disabled{opacity:.6}.erro{color:var(--vermelho);margin:0;font-size:.85rem}.carregando,.vazio{color:var(--texto-fraco);text-align:center;padding:24px}.app{max-width:640px;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.topo{background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 12px) 0 12px;z-index:5;flex-direction:column;gap:10px;display:flex;position:sticky;top:0}.topo-linha{justify-content:space-between;align-items:center;display:flex}.topo h1{margin:0;font-size:1.1rem}.campo-busca{background:var(--bg-cartao);border:1px solid var(--borda);width:100%;color:var(--texto);border-radius:10px;padding:10px 12px;font-size:.95rem}.campo-busca::placeholder{color:var(--texto-fraco)}.abas{gap:8px;display:flex}.aba{border:1px solid var(--borda);color:var(--texto-fraco);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:9px 10px;font-size:.85rem;font-weight:600}.aba.ativa{background:var(--acento-escuro);border-color:var(--acento-escuro);color:#d1fae5}.botao-sair{border:1px solid var(--borda);color:var(--texto-fraco);background:0 0;padding:8px 14px;font-size:.85rem}.lista{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.linha{background:var(--bg-cartao);border:1px solid var(--borda);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.linha-topo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-site{background:var(--acento-escuro);color:#d1fae5;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.badge-site.site2{color:#ede9fe;background:#4c1d95}.nome{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.badge-alerta{color:var(--vermelho);white-space:nowrap;background:#451a1a;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700}.linha-meio{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.situacao{font-size:.85rem;font-weight:600}.situacao.atrasado{color:var(--vermelho)}.situacao.hoje{color:var(--laranja)}.situacao.amanha{color:var(--amarelo)}.situacao.futuro{color:var(--verde)}.situacao.neutro{color:var(--texto-fraco)}.data{color:var(--texto-fraco);font-size:.8rem}.linha-extra{align-items:center;gap:10px;font-size:.78rem;display:flex}.botao-copiar-acesso{border:1px solid var(--borda);color:var(--acento);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:.75rem}.cliente-desde{color:var(--texto-fraco)}.linha-controles{border-top:1px solid var(--borda);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.controle{color:var(--texto-fraco);align-items:center;gap:8px;font-size:.8rem;display:flex}.botao-limpar{color:var(--vermelho);cursor:pointer;background:0 0;border:none;border-radius:999px;width:22px;height:22px;padding:0;font-size:1.1rem;line-height:1}.controle input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:6px 8px;font-size:.85rem}.controle.checkbox{cursor:pointer}.controle.checkbox input{width:18px;height:18px;accent-color:var(--acento)}