:root{
  --ink:#0f172a; --muted:#64748b; --bg:#ffffff; --line:#e5e7eb; --brand:#0ea5e9;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.brand{font-weight:700;text-decoration:none;color:var(--ink);padding:16px 0;display:inline-block;margin-right:20px}
.nav a{color:var(--ink);text-decoration:none;margin-right:14px;padding:16px 6px;display:inline-block}
.nav a.active{border-bottom:2px solid var(--brand)}
.site-footer{border-top:1px solid var(--line);padding:16px 0;margin-top:32px;color:var(--muted)}
.win{font-weight:700}
.muted{color:var(--muted)}
.admin-nav{margin:12px 0 20px}
.admin-nav a{margin-right:10px;text-decoration:none;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.admin-nav a.active{background:#f1f5f9}
.card{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.badge{border-radius:999px;border:1px solid var(--line);padding:2px 10px;color:var(--muted)}
.btn{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff}
.btn.primary{border-color:var(--brand);color:#075985}
.table tr.top1 td{background:#f0f9ff}
.table tr.top2 td{background:#f8fafc}
.table tr.top3 td{background:#fdf2f8}