/* Tema Soft Modern - Foco em Leitura */



:root {



    --bg-body: #4B0082;       /* Cinza bem clarinho, quase branco */



    --bg-card: #E6E6FA;       /* Branco puro para os dados */



    --text-main: #1c1e21;     /* Cinza escuro para o texto (melhor que preto) */



    --primary: #007bff;       /* Azul padrão de sistema moderno */



    --sidebar-bg: #E6E6FA;



    --border: #dee2e6;



}







body { background: var(--bg-body); color: var(--text-main); font-family: "Segoe UI", Roboto, sans-serif; margin: 0; display: flex; }







/* Menu Lateral Limpo */



#menu { 



    width: 240px; height: 100vh; background: var(--sidebar-bg); 



    border-right: 1px solid var(--border); padding: 20px; position: fixed;



}







#menu h1 a { color: var(--primary); font-weight: 800; text-decoration: none; }







/* Área de Conteúdo como um Painel Limpo */



#content { 



    margin-left: 260px; margin-top: 20px; margin-right: 20px;



    background: var(--bg-card); padding: 30px; border-radius: 8px; 



    box-shadow: 0 1px 3px rgba(0,0,0,0.1); width: calc(100% - 300px);



}







/* Tabelas estilo Google Sheets (Muito legíveis) */



table { width: 100%; border-collapse: collapse; margin-top: 15px; }



th { background: #f8f9fa; color: #4b4f56; padding: 12px; font-weight: 600; text-align: left; border-bottom: 2px solid var(--border); }



td { padding: 12px; border-bottom: 1px solid var(--border); font-size: 14px; }



tr:hover td { background: #f1f3f5 !important; }







/* Botões Modernos */



input[type="submit"], button { 



    background: var(--primary); color: white; border: none; 



    padding: 8px 20px; border-radius: 5px; cursor: pointer; font-weight: 600;



}







input, select { border: 1px solid var(--border); padding: 8px; border-radius: 4px; }