:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#e8eef8;background:#0d1424;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(140deg,#0c1422,#111b2f);line-height:1.5}
.topo{padding:14px max(22px,calc((100vw - 1240px)/2));background:#121f32;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #29394e}
.marca{font-size:19px;font-weight:700}.marca small{font-size:11px;color:#8da3be;margin-left:8px;font-weight:500}.simbolo,.logomarca{color:#45dcc3}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{color:#bdd0e6;text-decoration:none;font-size:14px}nav a:hover,a:hover{color:#54e0c8}
.container{max-width:1240px;margin:36px auto 65px;padding:0 22px;min-height:66vh}h1{font-size:32px;margin:4px 0 10px}h2{font-size:19px;margin:0 0 20px}h3{margin:24px 0 10px;font-size:16px}a{color:#54dfc9}
.cabecalho{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.sobretitulo{font-size:11px;font-weight:800;letter-spacing:2px;color:#5bdecc}.muted{color:#a0aec1}.pequeno{font-size:12px}.cartao{background:#182339;border:1px solid #2c4059;border-radius:16px;padding:25px;margin-bottom:20px;min-width:0}
.metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:8px}.metricas .cartao span{color:#9ab0c8;font-size:13px;display:block}.metricas strong{display:block;font-size:35px;margin-top:10px;line-height:1.1}.metricas strong.menor{font-size:26px}
.duas-colunas{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.estreito{max-width:520px;margin:50px auto}.centro{display:grid;place-items:center;min-height:70vh}.login{width:min(100%,420px);margin:0;padding:34px}.logomarca{width:45px;height:45px;background:#1c5b54;border-radius:10px;display:grid;place-items:center;margin-bottom:22px}
form label{display:block;color:#c7d7ea;font-size:13px;font-weight:600;margin:15px 0 7px}input,select{display:block;width:100%;padding:12px;border:1px solid #435775;border-radius:8px;background:#10192c;color:#edf4ff;font:inherit;min-width:0}
input:focus,select:focus{outline:2px solid #3bd8bf;outline-offset:1px}button,.botao{font:inherit;display:inline-block;cursor:pointer;border:none;border-radius:9px;padding:11px 17px;font-weight:700;text-decoration:none;margin-top:14px}
button.primario,.botao{background:#37d4b7;color:#09252b}button.secundario{background:#355072;color:#f4faff}button.perigo{background:#62313c;color:#fff}.link{background:transparent;padding:0;margin:0;color:#62e2d0}.largura{width:100%}
.inline{display:inline}.inline button{margin:0}.aviso{border:1px solid #35655f;background:#1c3b3e;padding:12px 16px;border-radius:9px}.aviso.erro{background:#49303a;border-color:#7a4356}.credencial{max-width:700px}.senha-temporaria{padding:14px;display:block;overflow-wrap:anywhere;background:#0c1729;border:1px solid #41637e;border-radius:8px;font-size:17px}
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;white-space:nowrap}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #34435a;font-size:13px}th{color:#a2bad2;font-weight:600}footer{text-align:center;color:#7f8fa8;font-size:12px;padding:24px}
.abas{display:flex;gap:12px;margin-bottom:15px}.abas a{color:#a4bbd3;text-decoration:none;padding:6px 8px}.abas .selecionado{color:#42debd;border-bottom:2px solid #42debd}.pesquisa{display:flex;gap:10px;align-items:center;margin-bottom:8px}.pesquisa button{margin:0}
@media(max-width:820px){.metricas{grid-template-columns:repeat(2,minmax(0,1fr))}.duas-colunas{grid-template-columns:1fr}.topo{padding:16px 22px}.cabecalho{align-items:flex-start;flex-direction:column}}@media(max-width:490px){.metricas{grid-template-columns:1fr}nav{gap:10px}.container{padding:0 14px}.cartao{padding:16px}}
