:root { font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
body { margin:0; background:#f4f6f8; color:#1f2937; }
.wrap { max-width:1100px; margin:32px auto; padding:0 16px; }
.card { background:white; border-radius:14px; padding:20px; margin:18px 0; box-shadow:0 3px 16px rgba(0,0,0,.07); }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.wide { grid-column:1/-1; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
input,select { padding:11px; border:1px solid #ccd3dc; border-radius:8px; }
button { background:#2563eb; color:white; border:0; padding:10px 14px; border-radius:8px; cursor:pointer; }
.secondary { background:#64748b; } .danger { background:#dc2626; }
.row,.profile,.actions { display:flex; align-items:center; gap:10px; }
.row,.profile { justify-content:space-between; }
.profile { padding:14px 0; border-top:1px solid #e5e7eb; }
.badge { margin-left:8px; font-size:12px; background:#e2e8f0; padding:3px 8px; border-radius:999px; }
.small,.muted { color:#64748b; font-size:13px; margin-top:4px; }
.check { flex-direction:row; align-items:center; }
.flash { padding:10px 12px; border-radius:8px; margin:8px 0; }
.flash.ok { background:#dcfce7; } .flash.error { background:#fee2e2; }
.note { font-size:14px; }
@media (max-width:700px){ .grid{grid-template-columns:1fr}.wide{grid-column:auto}.profile{align-items:flex-start;flex-direction:column}.row{align-items:flex-start} }