:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#182a3d;background:#f3f6fa;line-height:1.5}
*{box-sizing:border-box}body{margin:0}header{background:#132f4a;color:white;padding:1rem 2rem;display:flex;gap:2rem;align-items:center}
header strong{font-size:1.35rem}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 65px)}
aside{background:#e7f0f4;padding:1.5rem;border-right:1px solid #ccdbe4}.note{font-size:.88rem;color:#40566c}
.content{padding:2rem;max-width:1200px;width:100%;margin:auto}
section,main{background:white;border:1px solid #dce5eb;border-radius:12px;padding:1.25rem;margin:1rem 0}
h1,h2,h3{line-height:1.25;color:#173653}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}
form{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1rem 0}label{display:flex;flex-direction:column;gap:.3rem;font-weight:600}
input,select,textarea,button{font:inherit;padding:.55rem .75rem;border:1px solid #b8c8d3;border-radius:7px}
button{background:#176f78;color:white;border:0;cursor:pointer}button:disabled{opacity:.55;cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4b552;outline-offset:2px}
ul{padding-left:1.4rem}li{padding:.65rem 0;border-bottom:1px solid #e7edf1}li:last-child{border-bottom:0}
nav{display:flex;gap:.5rem;flex-wrap:wrap}nav button{background:#315a78}
[role=status]{color:#40566c}a{color:#086a76}
@media(max-width:750px){.layout{display:block}aside{border:0}.content{padding:1rem}header{padding:1rem;gap:.75rem;flex-wrap:wrap}form{display:grid}input,select,textarea{max-width:100%;width:100%}}