:root{--cor-fundo: #f4f6f8;--cor-card: #ffffff;--cor-texto: #1f2937;--cor-texto-suave: #6b7280;--cor-primaria: #2563eb;--cor-primaria-escura: #1d4ed8;--cor-sucesso: #16a34a;--cor-perigo: #dc2626;--cor-alerta: #d97706;--cor-borda: #e5e7eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cor-fundo);color:var(--cor-texto)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.layout{display:flex;min-height:100vh}.menu-lateral{width:220px;background:#111827;color:#fff;padding:24px 16px;flex-shrink:0}.menu-lateral h1{font-size:18px;margin:0 0 24px}.menu-lateral nav a{display:block;padding:10px 12px;border-radius:8px;color:#d1d5db;margin-bottom:4px;font-size:14px}.menu-lateral nav a:hover,.menu-lateral nav a.ativo{background:#1f2937;color:#fff}.menu-lateral .botao-sair{margin-top:32px;width:100%;background:none;border:1px solid #374151;color:#d1d5db;padding:10px;border-radius:8px;font-size:14px}.conteudo{flex:1;padding:32px;max-width:1100px}.conteudo h2{margin-top:0}.card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:12px;padding:20px}.grade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.card-numero{font-size:13px;color:var(--cor-texto-suave);margin-bottom:6px}.card-numero strong{display:block;font-size:26px;color:var(--cor-texto);margin-top:4px}.card-numero.positivo strong{color:var(--cor-sucesso)}.card-numero.negativo strong{color:var(--cor-perigo)}table{width:100%;border-collapse:collapse;background:var(--cor-card);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cor-borda);font-size:14px}th{background:#f9fafb;color:var(--cor-texto-suave);font-weight:600;font-size:12px;text-transform:uppercase}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag.pendente{background:#fef3c7;color:var(--cor-alerta)}.tag.atrasado{background:#fee2e2;color:var(--cor-perigo)}.tag.pago{background:#dcfce7;color:var(--cor-sucesso)}.botao{background:var(--cor-primaria);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600}.botao:hover{background:var(--cor-primaria-escura)}.botao.secundario{background:#fff;color:var(--cor-texto);border:1px solid var(--cor-borda)}.botao.perigo{background:#fff;color:var(--cor-perigo);border:1px solid #fecaca}.botao.pequeno{padding:6px 10px;font-size:13px}.barra-acoes{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tela-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cor-fundo)}.formulario-login{width:360px;background:#fff;padding:32px;border-radius:16px;border:1px solid var(--cor-borda)}.campo{margin-bottom:16px}.campo label{display:block;font-size:13px;margin-bottom:6px;color:var(--cor-texto-suave)}.campo input,.campo select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--cor-borda);font-size:14px}.mensagem-erro{background:#fee2e2;color:var(--cor-perigo);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.modal-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:24px}.linha-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:16px}.texto-suave{color:var(--cor-texto-suave);font-size:13px}