*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f1f5f9;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81 45%,#4f46e5)}.media-thumb{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer}.qc-page{max-width:1600px;margin:0 auto}.qc-page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.qc-page-title{font-size:22px;font-weight:700;color:#0f172a;letter-spacing:.2px}.qc-page-sub{margin-top:4px;font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.qc-sync-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px #22c55e2e}.qc-card{background:#fff;border-radius:14px;border:1px solid #e8edf3;box-shadow:0 1px 2px #0f172a0a,0 6px 20px #0f172a0a}.qc-card-pad{padding:16px 20px}.qc-card-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#0f172a}.qc-card-title:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#3b82f6,#2563eb)}.qc-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;margin-bottom:14px}.qc-filter-bar .ant-input-affix-wrapper,.qc-filter-bar .ant-input,.qc-filter-bar .ant-picker{border-radius:8px}.qc-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 14px}.qc-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.qc-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13px;color:#475569;background:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.qc-pill:hover{border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1f}.qc-pill.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff;box-shadow:0 6px 16px #2563eb4d}.qc-pill-count{min-width:22px;padding:0 6px;height:18px;line-height:18px;border-radius:9px;text-align:center;font-size:11px;font-weight:600;background:#f1f5f9;color:#64748b}.qc-pill.active .qc-pill-count{background:#ffffff38;color:#fff}.qc-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.qc-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.qc-badge-inspecting{background:#e0edff;color:#1d4ed8}.qc-badge-inspecting .qc-badge-dot{background:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.qc-badge-completed{background:#dcfce7;color:#15803d}.qc-badge-completed .qc-badge-dot{background:#22c55e}.qc-badge-exempted{background:#fef3c7;color:#b45309}.qc-badge-exempted .qc-badge-dot{background:#f59e0b}.qc-badge-cancelled{background:#f1f5f9;color:#64748b}.qc-badge-cancelled .qc-badge-dot{background:#94a3b8}.qc-badge-lx{background:#eef2ff;color:#4338ca}.qc-badge-lx .qc-badge-dot{background:#6366f1}.qc-badge-manual{background:#fff1e6;color:#c2410c}.qc-badge-manual .qc-badge-dot{background:#f97316;animation:qc-blink 1.6s ease infinite}@keyframes qc-blink{0%,to{opacity:1}50%{opacity:.35}}.qc-dot-inspecting{background:#3b82f6}.qc-dot-approving{background:#8b5cf6}.qc-dot-completed{background:#22c55e}.qc-dot-exempted{background:#f59e0b}.qc-dot-cancelled{background:#94a3b8}.qc-dot-manual{background:#f97316}.qc-table-card{padding:6px 6px 10px;overflow:hidden}.qc-table-card .ant-table{border-radius:10px}.qc-table-card .ant-table-thead>tr>th{background:#f8fafc!important;font-weight:600;color:#334155;border-bottom:1px solid #e8edf3!important}.qc-table-card .ant-table-tbody>tr{transition:background .15s ease}.qc-table-card .ant-table-tbody>tr:hover>td{background:#f0f7ff!important}.qc-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important}.qc-mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12.5px}.qc-link{color:#2563eb;font-weight:600;cursor:pointer}.qc-link:hover{text-decoration:underline}.qc-empty-dash{color:#94a3b8}.qc-detail-hero{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;margin-bottom:16px;border-radius:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e8edf3;box-shadow:0 4px 18px #0f172a0f}.qc-detail-hero-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qc-detail-hero-no{font-size:19px;font-weight:700;color:#0f172a;letter-spacing:.2px}.qc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.qc-stat{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px 14px;transition:all .18s ease}.qc-stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a12;background:#fff}.qc-stat-label{font-size:12px;color:#64748b;margin-bottom:6px;display:flex;align-items:center;gap:4px}.qc-stat-value{font-size:22px;font-weight:700;color:#0f172a;line-height:1.2;font-variant-numeric:tabular-nums}.qc-stat-value.good{color:#16a34a}.qc-stat-value.bad{color:#dc2626}.qc-stat-edit{display:flex;align-items:center;gap:6px}.qc-desc .ant-descriptions-item-label{color:#64748b!important}.qc-desc .ant-descriptions-item-content{color:#1e293b;font-weight:500}@media (max-width: 768px){.qc-page-header{align-items:flex-start;flex-direction:column}}