body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Microsoft YaHei",sans-serif;margin:0;color:#111}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#111;color:#fff}
.topbar a{color:#fff;margin-right:12px;text-decoration:none}
.container{padding:16px}
.form,.grid{display:grid;gap:10px;max-width:560px}
.row{display:flex;gap:12px;align-items:center}
.tbl{width:100%;border-collapse:collapse;margin-top:12px}
.tbl th,.tbl td{border:1px solid #e5e7eb;padding:8px;text-align:left}
.tbl thead th{background:#f6f8fa}
.flash{background:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:10px;border-radius:6px;margin:10px 0}
button{padding:6px 12px;border:1px solid #ccc;background:#f0f0f0;border-radius:6px;cursor:pointer}
input,select{padding:6px;border:1px solid #ccc;border-radius:6px}

/* 状态徽标 */
.badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1;
  border:1px solid transparent;
}
.badge-green { background:#e6f6ea; color:#1d7f2e; border-color:#bde5c5; }
.badge-blue  { background:#e8f1fd; color:#2156a5; border-color:#c9dafb; }
.badge-orange{ background:#fff4e5; color:#b35a00; border-color:#ffd9b3; }
.badge-red   { background:#ffe8e8; color:#b30000; border-color:#ffb3b3; }
/* OMG 黑色 */
.badge-black { background:#eaeaea; color:#000; border-color:#bdbdbd; }

/* 状态栏 */
.status-bar{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:10px 0 14px 0;
}
.status-pill{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fafafa;
}
.status-pill strong{ font-weight:700; }