:root{
  --ink:#0b1426; --muted:#667085; --line:#e6e9ef; --blue:#0A57FF; --bg:#f7f9ff; --card:#ffffff;
  --accent:#ef4444;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--ink)}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:16px}
h1{font-size:28px;margin:16px 0;text-align:center}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 16px rgba(9,25,70,.05)}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 12px 0 12px}
.toolbar .grow{flex:1}
input,select{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
button.ghost{background:#fff}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef3ff;border:1px solid #dbe7ff;font-size:12px;color:#334155;margin-right:6px}
.badge.notice{background:#fff1f2;border-color:#ffe4e6;color:#be123c}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-top:1px solid var(--line);padding:12px;text-align:left;font-size:14px}
.table th{background:#f3f6ff;font-weight:700}
.table td.center,.table th.center{text-align:center}
.table tr:hover{background:#fafcff}
.pagination{display:flex;gap:6px;justify-content:center;padding:12px}
.pagination button{min-width:36px}
.status{padding:8px 12px;color:#475467;font-size:13px}
.headerbar{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px 8px 12px;border-bottom:1px solid var(--line)}
.headerbar h2{margin:0;font-size:18px}
.pin{color:#ef4444;font-weight:700;margin-right:6px}
.attach{color:#0a57ff;font-weight:600}
.footer{padding:18px 12px;color:#667085}
.tabbar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfdff;flex-wrap:wrap}
.tabbar a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}
.tabbar a.active{background:#0A57FF;color:#fff;border-color:#0A57FF}
.view .title{font-size:20px;font-weight:800;margin:0 0 8px}
.view .meta{color:#667085;font-size:13px}
.view .content{white-space:pre-wrap;line-height:1.6;margin-top:14px}