:root{--fg:#111;--muted:#666;--bg:#fff;--acc:#4f46e5}
*{box-sizing:border-box} body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,Arial}
.wrap{max-width:960px;margin:0 auto;padding:16px}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.brand a{text-decoration:none;color:var(--fg);font-weight:700}
nav a, .linklike{margin-left:12px;text-decoration:none;color:var(--acc)}
.small{font-size:12px;color:var(--muted)}
h1{font-size:28px;margin:12px 0}
label{display:block;margin:10px 0}
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--acc);color:#fff;text-decoration:none;border:0}
.btn.outline{background:transparent;color:var(--acc);border:1px solid var(--acc)}
button.btn{cursor:pointer}
.flash{background:#f6ffed;border:1px solid #b7eb8f;padding:10px;border-radius:8px;margin:10px 0}
.card{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff}
.logo-wrap{display:flex;align-items:center;justify-content:center;min-height:90px}
.text-muted{color:#666}
.mt-1{margin-top:4px}.mt-2{margin-top:8px}
.small{font-size:12px;color:#666}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef;border:1px solid #ccd;font-size:12px;color:#334;margin-left:6px}
.badge-outline{background:#fff}