:root{--bg:#f7f8fa;--card:#fff;--ink:#14171f;--muted:#667085;--faint:#98a2b3;--line:#eef1f5;--accent:#5b6cff;--danger:#b64232;--gold:#b07d1a;--gold-bg:#fff8e6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.card{background:var(--card);border-radius:12px;margin-bottom:16px;padding:20px}.card-title{margin-bottom:14px;font-size:15px;font-weight:700}.muted{color:var(--faint)}.btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-weight:600}.btn.secondary{color:var(--muted);background:#f2f4f7}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:8px 12px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:.2px;align-items:center;gap:20px;font-size:15px;font-weight:700;display:flex}.topbar-links{gap:8px;display:flex}.topbar-right{align-items:center;gap:12px;font-size:13px;display:flex}.topbar-link{color:var(--muted);border-radius:999px;padding:6px 14px;font-weight:600}.topbar-link:hover{background:#f2f4f7}.topbar-link.active{color:#2a3a6b;background:#e4ebff}.clickable{cursor:pointer}.clickable:hover{background:#fafbfc}.detail-grid{flex-wrap:wrap;gap:24px;display:flex}.detail-grid>section{flex:1;min-width:220px}.detail-grid h4{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.detail-grid ul{margin:0;padding-left:18px}.detail-grid li{margin-bottom:4px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pager{align-items:center;gap:8px;margin-top:14px;display:flex}.pager-summary{margin-left:auto}.shell{max-width:1080px;margin:0 auto;padding:20px 24px 60px}.grid{flex-wrap:wrap;gap:16px;display:flex}.metric{background:#fff;border-radius:12px;flex:1;min-width:160px;padding:18px}.metric-value{font-size:28px;font-weight:700}.metric-label{color:var(--faint);margin-top:4px;font-size:12px}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}th{color:var(--faint);font-size:12px;font-weight:600}.badge{color:var(--muted);background:#f2f4f7;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-open{color:#b07d1a;background:#fef3e2}.badge-in_progress{color:#2a3a6b;background:#e4ebff}.badge-resolved,.badge-active{color:#1a7f4b;background:#e6f7ee}.badge-closed{color:#98a2b3;background:#f2f4f7}.badge-suspended{color:var(--danger);background:#fdecea}.error-text{color:var(--danger)}.shot-thumb{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:72px;height:72px;margin-right:8px}.bar-chart{align-items:flex-end;gap:6px;height:160px;margin-top:12px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-rect{background:#5b6cff;border-radius:4px 4px 0 0;width:100%;max-width:36px}.bar-label{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:10px;overflow:hidden}