body{margin:0;font-family:system-ui,Helvetica Neue,Arial,sans-serif;background:#f5f6f8}a{text-decoration:none;color:inherit}:root{--danger-bg: #fff1f2;--danger-bd: #fecdd3;--warn: #b45309}.small{font-size:12px}.muted{color:var(--muted);font-size:12px}.clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tar{text-align:right}.tac{text-align:center}.tal{text-align:left}.input,.select,.btn{border:1px solid var(--border);background:#fff;border-radius:10px;font-size:14px;padding:9px 10px}.btn{font-weight:700;cursor:pointer;transition:background .12s ease,transform .06s ease}.btn:hover{background:#f8fafc}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--ghost{background:#fff;border-color:#e2e8f0}.btn--ghost:hover{background:#f8fafc}.btn--danger{background:#d92d20;border-color:#d92d20;color:#fff}.btn--warn{background:#ffb020;border-color:#ffb020;color:#fff}.btn--link{background:transparent;border-color:transparent;color:#006ac8;padding:2px 6px}.btn.sm{padding:6px 8px;font-size:12px;border-radius:8px}.btn.lg{padding:12px 16px;font-size:16px;border-radius:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.filter-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px #0f172a0a}.filter-grid{display:grid;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;color:var(--muted)}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:960px}.table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:10px 12px;font-weight:700;white-space:nowrap}.table td{border-top:1px solid #eef2f7;padding:10px 12px;vertical-align:middle}.table tbody tr:nth-child(2n){background:#fafbff}.table tbody tr:hover{background:#f5faff}.t-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.thumb{width:92px;height:68px;object-fit:cover;border:1px solid var(--border);border-radius:8px}.thumb--empty{display:inline-grid;place-items:center;width:92px;height:68px;border:1px dashed var(--border);border-radius:8px;color:#94a3b8;font-size:12px}.spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;opacity:.65}.badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;border:1px solid var(--border)}.badge.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-bd)}.badge.off{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-bd)}.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 0}.empty{padding:16px;text-align:center;color:#94a3b8}.modal-mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{position:relative;width:min(900px,96vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.modal.wide{width:min(1100px,98vw)}.modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted)}.modal-title{margin:0 0 10px;font-size:18px;font-weight:700;text-align:center}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;margin-bottom:10px}.pre{white-space:pre-wrap;line-height:1.6}