:root{--azul-escuro:#1a365d;--azul:#2b6cb0;--azul-claro:#ebf4fb;--fundo:#f5f7fb;--branco:#fff;--texto:#24303f;--texto-suave:#5c6a7d;--linha:#dde4ee;--verde:#276749;--vermelho:#c53030;--raio:10px;--sombra:0 1px 3px rgba(16,42,67,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--fundo);color:var(--texto);font-size:15px;line-height:1.5}a{color:var(--azul);text-decoration:none}.painel{display:flex;min-height:100vh}.lateral{width:230px;flex-shrink:0;background:var(--azul-escuro);color:#c7d5e8;display:flex;flex-direction:column;padding:20px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.lateral .marca{color:var(--branco);font-weight:700;font-size:17px;padding:4px 12px 18px;letter-spacing:.2px}.lateral .marca span{color:#7fb3e8}.lateral nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.lateral nav a{color:#c7d5e8;padding:9px 12px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;transition:background .15s}.lateral nav a:hover{background:hsla(0,0%,100%,.08);color:var(--branco)}.lateral nav a.ativa{background:var(--azul);color:var(--branco)}.lateral .sair{color:#8fa3bd;font-size:13px;padding:10px 12px}.lateral .sair:hover{color:var(--branco)}.conteudo{flex:1 1;padding:28px 32px;max-width:1200px}.conteudo h1{font-size:22px;color:var(--azul-escuro);margin-bottom:4px}.conteudo .subtitulo{color:var(--texto-suave);margin-bottom:24px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.card{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px;box-shadow:var(--sombra)}.card .rotulo{font-size:13px;color:var(--texto-suave);margin-bottom:6px}.card .valor{font-size:28px;font-weight:700;color:var(--azul-escuro)}.card .detalhe{font-size:12px;color:var(--texto-suave);margin-top:4px}.bloco{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:22px 24px;box-shadow:var(--sombra);margin-bottom:20px}.bloco h2{font-size:16px;margin-bottom:12px}.aviso,.bloco h2{color:var(--azul-escuro)}.aviso{background:var(--azul-claro);border:1px solid #bcd8f0;border-radius:var(--raio);padding:14px 18px;font-size:14px;margin-bottom:20px}.em-construcao{text-align:center;padding:60px 20px;color:var(--texto-suave)}.em-construcao .icone{font-size:40px;margin-bottom:12px}.em-construcao h2{color:var(--azul-escuro);margin-bottom:8px;font-size:18px}.login-fundo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--azul-escuro),#10243f);padding:20px}.login-caixa{background:var(--branco);border-radius:14px;padding:36px 32px;width:100%;max-width:380px;box-shadow:0 10px 40px rgba(0,0,0,.25)}.login-caixa h1{font-size:20px;color:var(--azul-escuro);margin-bottom:4px}.login-caixa p{color:var(--texto-suave);font-size:14px;margin-bottom:22px}.login-caixa label{display:block;font-size:13px;font-weight:600;color:var(--texto);margin-bottom:6px}.login-caixa input{width:100%;padding:11px 12px;border:1px solid var(--linha);border-radius:8px;font-size:15px;margin-bottom:14px}.login-caixa input:focus{outline:2px solid var(--azul);border-color:var(--azul)}.login-caixa button{width:100%;padding:12px;background:var(--azul);color:var(--branco);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.login-caixa button:hover{background:#245a94}.login-caixa button:disabled{opacity:.6;cursor:wait}.login-erro{background:#fdecec;border:1px solid #f5c2c2;color:var(--vermelho);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}table.lista{width:100%;border-collapse:collapse;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}table.lista th{background:var(--azul-claro);color:var(--azul-escuro);text-align:left;font-size:13px;padding:10px 14px}table.lista td{padding:10px 14px;border-top:1px solid var(--linha);font-size:14px}.etiqueta{display:inline-block;background:var(--azul-claro);color:var(--azul-escuro);border-radius:999px;padding:2px 10px;font-size:12px;margin:2px 4px 2px 0}@media (max-width:800px){.painel{flex-direction:column}.lateral{width:100%;height:auto;position:static}.conteudo{padding:20px 16px}}