:root{--fundo: #0e1116;--painel: #171c24;--painel-2: #1e2530;--borda: #2a3342;--texto: #e6e9ee;--texto-2: #94a0b0;--dourado: #d4a437;--teal: #2dd4bf;--coral: #ff6b6b;--verde: #4ade80}*{box-sizing:border-box;margin:0}body{background:var(--fundo);color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}.topo{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--borda)}.logo{font-size:18px;font-weight:700;letter-spacing:2px}.logo b{color:var(--dourado)}.topo button{background:none;border:1px solid var(--borda);color:var(--texto-2);padding:6px 12px;border-radius:6px;cursor:pointer}.agora{display:flex;gap:16px;align-items:baseline;padding:10px 22px;background:var(--painel);border-bottom:1px solid var(--borda);font-size:14px}.agora .rotulo{color:var(--dourado);font-weight:700;letter-spacing:1px}.agora .info{color:var(--texto-2)}.grade{display:grid;gap:16px;padding:22px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-width:1200px;margin:0 auto}.painel-largo{grid-column:1 / -1}.card{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:16px 18px}.card h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--texto-2);margin-bottom:10px;font-weight:600}.valorao{font-size:28px;font-weight:700}.sub{font-size:13px;color:var(--texto-2);margin-top:6px}.delta-pos{color:var(--verde)}.delta-neg{color:var(--coral)}.farol{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.farol.verde{background:var(--verde)}.farol.vermelho{background:var(--coral)}.farol.cinza{background:var(--texto-2)}.alerta-linha{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--borda);font-size:14px}.alerta-linha:last-child{border-bottom:none}.badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#ff6b6b26;color:var(--coral);white-space:nowrap}.badge.aviso{background:#d4a43726;color:var(--dourado)}.vazio{color:var(--texto-2);font-size:14px;padding:8px 0}.sync-linha{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;color:var(--texto-2)}.sync-ok{color:var(--teal)}.sync-erro{color:var(--coral)}.abas{display:flex;gap:8px}.abas button{background:none;border:1px solid var(--borda);color:var(--texto-2);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:14px}.abas button.ativa{border-color:var(--dourado);color:var(--dourado);font-weight:600}.alerta-texto{flex:1}.alerta-data{color:var(--texto-2);font-size:12px;white-space:nowrap}.botao-mini{background:none;border:1px solid var(--borda);color:var(--texto-2);padding:3px 10px;border-radius:6px;cursor:pointer;font-size:12px}.botao-mini:hover{border-color:var(--teal);color:var(--teal)}.botao-principal{background:var(--dourado);color:#14100a;border:none;padding:7px 14px;border-radius:7px;font-weight:700;cursor:pointer;font-size:13px}.linha-topo-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.regra-linha{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--borda);font-size:14px}.regra-linha:last-child{border-bottom:none}.regra-linha .chave{display:flex;gap:8px;align-items:center;min-width:190px;font-weight:600;cursor:pointer}.regra-resumo{flex:1;color:var(--texto-2)}.regra-off{opacity:.45}.form-regra{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:var(--painel-2);border:1px solid var(--borda);border-radius:8px;padding:14px;margin:10px 0}.form-regra input,.form-regra select{padding:8px 10px;background:var(--fundo);border:1px solid var(--borda);border-radius:7px;color:var(--texto);font-size:13px}.form-acoes{display:flex;gap:8px;align-items:center}.login-caixa{max-width:340px;margin:14vh auto;background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:28px}.login-caixa h1{font-size:20px;margin-bottom:4px}.login-caixa h1 b{color:var(--dourado)}.login-caixa p{color:var(--texto-2);font-size:13px;margin-bottom:18px}.login-caixa input{width:100%;padding:10px 12px;margin-bottom:12px;background:var(--painel-2);border:1px solid var(--borda);border-radius:8px;color:var(--texto);font-size:14px}.login-caixa button{width:100%;padding:10px;background:var(--dourado);color:#14100a;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.erro-login{color:var(--coral);font-size:13px;margin-bottom:10px}
