:root{--fundo: #0c1420;--painel: #131f30;--painel2: #1a2a40;--borda: #24364f;--texto: #e6eef8;--texto2: #8fa3bd;--agua: #38bdf8;--agua-escura: #0ea5e9;--ok: #34d399;--aviso: #fbbf24;--critico: #f87171;--raio: 12px}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}a{color:var(--agua);text-decoration:none}button{background:var(--agua-escura);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.1)}button.sec{background:var(--painel2);color:var(--texto);border:1px solid var(--borda)}button.perigo{background:#7f1d1d}input,select{background:var(--fundo);color:var(--texto);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:14px;width:100%}label{font-size:12px;color:var(--texto2);display:block;margin:8px 0 3px}.topo{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--painel);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:5}.topo .logo{font-weight:800;font-size:17px;letter-spacing:.5px}.topo .logo span{color:var(--agua)}.topo nav{display:flex;gap:4px;flex:1}.topo nav a{padding:6px 12px;border-radius:8px;color:var(--texto2);font-weight:600;font-size:14px}.topo nav a.ativo,.topo nav a:hover{background:var(--painel2);color:var(--texto)}.topo .usuario{font-size:13px;color:var(--texto2)}.pagina{max-width:1100px;margin:0 auto;padding:20px 18px 60px}h1{font-size:20px;margin:6px 0 16px}h2{font-size:16px;margin:20px 0 10px}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;cursor:pointer;transition:border-color .15s}.cartao:hover{border-color:var(--agua-escura)}.cartao .nome{font-weight:700;font-size:15px}.cartao .conta{font-size:12px;color:var(--texto2);margin-bottom:10px}.nivel-linha{display:flex;align-items:baseline;gap:10px;margin:6px 0}.nivel-valor{font-size:32px;font-weight:800}.barra{height:10px;background:var(--fundo);border-radius:6px;overflow:hidden;margin-top:8px}.barra>div{height:100%;border-radius:6px;transition:width .4s}.meta{display:flex;gap:10px;margin-top:10px;font-size:12px;color:var(--texto2);flex-wrap:wrap}.chip{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.chip.ok{background:#34d39926;color:var(--ok)}.chip.aviso{background:#fbbf2426;color:var(--aviso)}.chip.critico{background:#f8717126;color:var(--critico)}.chip.cinza{background:var(--painel2);color:var(--texto2)}.painel-bloco{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--texto2);font-size:12px;font-weight:600;padding:8px;border-bottom:1px solid var(--borda)}td{padding:8px;border-bottom:1px solid var(--borda)}tr:last-child td{border-bottom:0}.login-caixa{max-width:360px;margin:10vh auto;background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:28px}.login-caixa h1{text-align:center}.login-caixa button{width:100%;margin-top:16px;padding:10px}.erro{color:var(--critico);font-size:13px;margin-top:10px}.form-linha{display:flex;gap:10px}.form-linha>div{flex:1}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.aviso-box{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:10px 12px;font-size:13px;margin:10px 0}.grafico-tip{font-size:12px;color:var(--texto2);margin-top:4px}.agua-sobe{transition:transform 1.2s ease}.onda{animation:ondula 5s linear infinite}.onda-defasada{animation-duration:7s;animation-delay:-2s}.onda-rapida{animation-duration:2.2s}@keyframes ondula{0%{transform:translate(0)}to{transform:translate(-60px)}}.bolha{animation:sobe-bolha 2.4s ease-in infinite}.bolha-2{animation-delay:.8s;animation-duration:2.8s}.bolha-3{animation-delay:1.5s;animation-duration:2s}@keyframes sobe-bolha{0%{transform:translateY(70px);opacity:.7}to{transform:translateY(-6px);opacity:0}}.pisca{animation:piscada 1s ease-in-out infinite alternate}@keyframes piscada{0%{opacity:1}to{opacity:.35}}@media(prefers-reduced-motion:reduce){.onda,.bolha,.pisca{animation:none}}.cartao-corpo{display:flex;gap:14px;align-items:center}.cartao-info{flex:1;min-width:0}