:root{--bg:#f4f6f8;--card:#fff;--text:#1b2430;--muted:#5d6b7a;--line:#d9e0e7;--brand:#0b5fff;--brand-d:#0747c2;--err:#c62828;--ok:#1b8f4e;--warn:#b26a00;--radius:12px}
@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--card:#171d25;--text:#e8edf2;--muted:#9aa7b4;--line:#2b3542;--brand:#5b8cff;--brand-d:#7aa2ff}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif}
a{color:var(--brand)}
.wrap{max-width:760px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}
h1{font-size:1.5rem;margin:0 0 6px}
h2{font-size:1.1rem;margin:0 0 12px}
p.muted,.muted{color:var(--muted);font-size:.93rem}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}
label small{font-weight:400;color:var(--muted)}
input,select,textarea,button{font:inherit}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.field{margin-bottom:14px}
.field .hint{font-size:.82rem;color:var(--muted);margin-top:3px}
.field.err input,.field.err select{border-color:var(--err)}
.field .e{display:none;color:var(--err);font-size:.82rem;margin-top:3px}
.field.err .e{display:block}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.grid{grid-template-columns:1fr}}
.btn{display:inline-block;padding:11px 18px;border-radius:8px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--brand-d)}
.btn.secondary{background:transparent;color:var(--brand)}
.btn.danger{background:transparent;color:var(--err);border-color:var(--err)}
.btn.small{padding:6px 10px;font-size:.88rem}
.btn:disabled{opacity:.6;cursor:default}
.person{position:relative}
.person h2{display:flex;justify-content:space-between;align-items:center}
.consent{display:flex;gap:10px;align-items:flex-start}
.consent input{width:auto;margin-top:4px}
.alert{padding:12px 14px;border-radius:8px;margin:12px 0;border:1px solid}
.alert.err{border-color:var(--err);color:var(--err);background:rgba(198,40,40,.06)}
.alert.ok{border-color:var(--ok);color:var(--ok);background:rgba(27,143,78,.08)}
.alert.warn{border-color:var(--warn);color:var(--warn);background:rgba(178,106,0,.08)}
.center{text-align:center}
.ref{font-size:1.6rem;font-weight:700;letter-spacing:.08em;margin:10px 0}
[dir=rtl] .top{flex-direction:row-reverse}
footer{color:var(--muted);font-size:.8rem;text-align:center;padding:10px}