:root{
  --np-primary: #0b3270; /* Azul oscuro del logo */
  --np-primary-600: #082657;
  --np-accent:  #22d3ee;
  --np-bg:      #f5f7fa;
  --np-head:    #0b1220;
  --np-card:    #ffffff;
}

body{
  font-family: 'Segoe UI', sans-serif;
  background: var(--np-bg);
  margin:0;
}

header{
  background: var(--np-primary);
  color: white;
  text-align:center;
  padding:10px;
}

header .logo{
  height:60px;
}

h1{
  margin:5px 0 0;
}

section.form, section.status{
  padding: 10px;
  background: var(--np-card);
  margin: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

input, select, button{
  margin:5px;
  padding:8px;
  border-radius:4px;
  border:1px solid #ccc;
}

button{
  background: var(--np-primary);
  color:white;
  border:none;
}

button:hover{
  background: var(--np-primary-600);
}

table{
  width:100%;
  border-collapse: collapse;
}

th, td{
  padding:8px;
  border:1px solid #ccc;
  text-align:center;
}

thead{
  background: var(--np-accent);
}