:root{--ink:#0b0c0c; --link:#1d70b8; --border:#b1b4b6;}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.mft-header{background:var(--ink);color:#fff;padding:10px 0}
.mft-header .brand{color:#fff;text-decoration:none;font-weight:700;margin-right:12px}
.mft-header .nav a{color:#fff;text-decoration:none;margin-right:10px}
.mft-footer{border-top:1px solid var(--border);color:#505a5f;padding:20px 0;margin-top:24px}
h1,h2,h3{margin:12px 0 6px 0}a{color:var(--link)}
.btn{display:inline-block;background:var(--link);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;border:1px solid var(--link)}
.btn.secondary{background:#fff;color:var(--ink);border-color:var(--border)}
.table{width:100%;border-collapse:collapse;margin:10px 0}.table th,.table td{padding:8px;border-bottom:1px solid var(--border)}
.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}
.input, select, textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px}
.card{border:1px solid var(--border);border-radius:8px;padding:12px}.hint{color:#505a5f;font-size:.95em}
.error{border-left:4px solid #d4351c;background:#fff;padding:10px;margin:10px 0}
.badge{background:var(--link);color:#fff;padding:2px 6px;border-radius:4px;font-size:.8em}