:root {
  --azul: #0038A8;
  --azulnoturno: #34495e;
  --vermelho: #e74c3c;
  --verde: #27ae60;
  --laranja: #f39c12;
  --cinza: #CCCCCC;
  --grafite: #454747;
  --cinzaclaro: #F5F6FA;
  --amarelo: #F6DB17;
  --rosa: #ffebee;
  --pink: #ff0084;
  --rosabebe: #f294a2;
  --amareloclaro: #F7F7C8;
  --verdeclaro: #DAF1CC;
  --verdeescuro: #006400;
  --azulclaro: #d7eff7;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
  background: var(--azulclaro);
  padding: 0;
}

/* Layout Principal */
.app-container {
    display: flex;
    min-height: 100vh;
}

.sidebar-menu {
    width: 200px;
    background: var(--azul);
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    z-index: 1000;
}

.content-container {
    flex: 1;
    margin-left: 200px;
    padding: 20px;
}

/* Outros estilos globais do style.css original... */