:root{font-family:system-ui,-apple-system,sans-serif;color:#18312d;background:#f4f6f4;font-size:15px}
*{box-sizing:border-box}body{margin:0}a{color:#176759;text-decoration:none}a:hover{text-decoration:underline}
header{background:#173f36;color:white;padding:24px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}
header h1{font-size:22px;margin:0}header small{color:#b7d3ca}main{max-width:1100px;margin:32px auto;padding:0 24px}
.grid{display:grid;grid-template-columns:280px 1fr;gap:24px}.card{background:white;border:1px solid #dce5df;border-radius:14px;padding:24px;margin-bottom:20px}
h2{font-size:19px;margin:0 0 18px}h3{font-size:16px;margin:0 0 12px}p{line-height:1.6}.muted{color:#677971;font-size:13px}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}input,select{width:100%;padding:11px;border:1px solid #bfcfc6;border-radius:7px;background:white;color:#18312d;font:inherit}
input:focus,select:focus{outline:2px solid #6aa794;outline-offset:1px}input[readonly]{background:#f4f6f4}
button,.button{display:inline-block;padding:11px 16px;border:0;border-radius:7px;background:#176759;color:white;font:inherit;font-weight:600;cursor:pointer;margin-top:16px}
.secondary{background:#e9efeb;color:#244e41}.danger{background:#8b3333;color:white}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.row .button{margin-top:0}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.notice{padding:14px 18px;background:#e4f0e9;border-radius:8px;margin-bottom:20px}.error{background:#fae9e7;color:#8b3333}
.user{display:block;padding:13px 14px;margin:8px 0;border-radius:8px;background:#f3f6f3}.user.active{background:#e0eee5;color:#176759;font-weight:700}.login{max-width:430px;margin:64px auto}
.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{width:auto}details{border-top:1px solid #e4e9e5;margin-top:20px;padding-top:16px}summary{cursor:pointer;color:#677971}
.account{border-top:1px solid #e4e9e5;padding-top:18px;margin-top:18px;overflow-wrap:anywhere}.account:first-of-type{border-top:0}code{font-size:12px;background:#f1f5f2;padding:3px 6px;border-radius:4px}
@media(max-width:750px){.grid,.fields{grid-template-columns:1fr}header{padding:20px}.row{flex-wrap:wrap}main{padding:0 16px;margin-top:20px}}