:root{
  --c1:#0059a1; --c2:#f5f9ff; --ok:#4caf50; --nok:#ff9800; --err:#c62828;
}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--c2);}
header{background:var(--c1);color:#fff;padding:2rem;text-align:center;}
h1,h2{margin-top:0;}
section{max-width:50rem;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:.5rem;}
table{width:100%;border-collapse:collapse;}
th,td{padding:.5rem;text-align:left;border-bottom:1px solid #ddd;}
.alert{padding:1rem;margin-bottom:1rem;border-radius:.25rem;}
.success{background:var(--ok);color:#fff;}
.error{background:var(--err);color:#fff;}
label{display:block;margin:.75rem 0;}
input,select,button{font-size:1rem;padding:.5rem;border:1px solid #999;border-radius:.25rem;}
button{background:var(--c1);color:#fff;border:none;cursor:pointer;}
button:hover{opacity:.9;}
footer{background:var(--c1);color:#fff;text-align:center;padding:1.5rem;margin-top:2rem;}
footer a{color:#fff;text-decoration:underline;}