:root{font-family:system-ui,sans-serif;color:#342c32;background:#fbf7f4;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:32px}h1{font-weight:500;font-size:36px}h2{font-weight:500}small{letter-spacing:.25em}p{line-height:1.6}.muted{color:#756b71;font-size:13px}section,form#login{background:#fff;border:1px solid #eee1e7;border-radius:20px;padding:24px}.layout{display:grid;grid-template-columns:1fr 2fr;gap:24px}label{display:block;margin:16px 0}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #d9cbd2;border-radius:9px;background:#fff}input[type=checkbox]{width:auto;margin-right:10px}button{border:0;background:#543c49;color:#fff;border-radius:24px;font:inherit;cursor:pointer;padding:12px 22px}button:disabled{opacity:.5}nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}nav button{background:#eedde5;color:#342c32}#records button{display:block;width:100%;margin:14px 0;text-align:left;background:#faf0f4;color:#342c32;border-radius:12px}#status{min-height:24px;color:#7b3049}textarea{resize:vertical}[hidden]{display:none!important}@media(max-width:760px){main{padding:16px}.layout{grid-template-columns:1fr}}