:root{
 --surface-0:#faf9f6; --surface-1:#f4f2ee; --surface-2:#ffffff;
 --border:#e4e2dc; --border-strong:#cfcdc5; --border-stronger:#a5a39b;
 --text-primary:#1f1e1c; --text-secondary:#5f5e5a; --text-muted:#92908a;
 --text-accent:#185FA5; --bg-accent:#E6F1FB; --bg-accent-muted:rgba(55,138,221,.10);
 --text-danger:#A32D2D; --bg-danger:#FCEBEB;
 --text-success:#3B6D11; --bg-success:#EAF3DE;
 --text-warning:#854F0B; --bg-warning:#FAEEDA;
 --radius:8px;
}
*{box-sizing:border-box;}
body{margin:0; padding:0; background:var(--surface-0); color:var(--text-primary);
 font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size:16px;}
.top{background:var(--surface-2); border-bottom:0.5px solid var(--border); padding:14px 20px;
 display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.top h1{font-size:18px; font-weight:700; margin:0;}
.top a{color:var(--text-accent); text-decoration:none; font-size:14px;}
.top a.here{font-weight:700; text-decoration:underline;}
.page{max-width:1280px; margin:0 auto; padding:20px 18px 60px;}
.card{background:var(--surface-2); border:0.5px solid var(--border); border-radius:12px; padding:18px 20px;}
button{font-family:inherit; background:var(--surface-2); border:0.5px solid var(--border-strong);
 border-radius:var(--radius); cursor:pointer; color:var(--text-primary); font-size:14px; padding:7px 14px;}
button:hover{background:var(--surface-1);}
button.primary{background:var(--text-accent); color:#fff; border-color:var(--text-accent); font-weight:600;}
button.primary:hover{background:#0f4c86;}
input,select{font-family:inherit; font-size:14px; border:0.5px solid var(--border-strong);
 border-radius:6px; padding:6px 8px; background:var(--surface-2); color:var(--text-primary);}
input:focus{outline:none; border-color:var(--text-accent);}
.muted{color:var(--text-muted); font-size:13px;}