*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1c1f24;margin:0}
main{max-width:34rem;margin:8vh auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.12)}
main.wide{max-width:56rem}
h1{font-size:1.4rem;margin-top:0}
label{display:block;margin:.9rem 0 .25rem;font-weight:600}
input[type=text],input[type=password]{width:100%;padding:.6rem;font-size:1rem;border:1px solid #b9bec7;border-radius:6px}
button{margin-top:1.2rem;padding:.6rem 1.2rem;font-size:1rem;border:0;border-radius:6px;background:#1f5fbf;color:#fff;cursor:pointer}
button.link{background:none;color:#1f5fbf;padding:0;margin:0}
.error{background:#fde8e8;color:#8a1c1c;padding:.6rem .8rem;border-radius:6px}
.note{color:#555;font-size:.9rem}
code,.mono{font-family:ui-monospace,Consolas,monospace}
.codes{columns:2;font-size:1.05rem;line-height:1.9}
table{border-collapse:collapse;width:100%;font-size:.85rem}
td,th{border-bottom:1px solid #e3e5e9;padding:.35rem;text-align:left}
ul.sections li{margin:.3rem 0}
.top{display:flex;justify-content:space-between;align-items:center}
.up{color:#116329;font-weight:600}.down{color:#8a1c1c;font-weight:700}.warn{color:#8a5b00}
textarea{width:100%;padding:.6rem;font-size:1rem;border:1px solid #b9bec7;border-radius:6px;font-family:inherit}
input[type=date]{padding:.5rem;font-size:1rem;border:1px solid #b9bec7;border-radius:6px}
.actions form{display:inline}
select{padding:.5rem;font-size:1rem;border:1px solid #b9bec7;border-radius:6px}