:root{--c-bg: #f4f6f8;--c-text: #374151;--c-text-strong: #111827;--c-text-muted: #9ca3af;--c-border: #e5e7eb;--c-white: #ffffff;--c-brand: #1d6f42;--c-brand-dark: #155a35;--c-brand-tint: #f0fdf4;--c-brand-tint-border: #bbf7d0;--c-blue: #0ea5e9;--c-blue-dark: #0284c7;--c-blue-tint: #eff6ff;--c-blue-tint-border: #bfdbfe;--c-red: #dc2626;--c-red-dark: #b91c1c;--c-red-tint: #fef2f2;--c-red-tint-border: #fecaca;--c-yellow: #d97706;--c-yellow-tint: #fffbeb;--c-yellow-tint-border: #fde68a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hdr{background:var(--c-white);border-bottom:1px solid var(--c-border);padding:10px 24px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000f;display:flex;align-items:center;gap:14px}.hdr-title{font-size:14px;font-weight:700;color:var(--c-text-strong)}.hdr-sub{font-size:11px;color:var(--c-text-muted);margin-top:1px}.hdr-spacer{flex:1}.hdr-nav{display:flex;gap:2px}.hnav-btn{font-family:inherit;font-size:12px;font-weight:600;padding:7px 14px;border-radius:var(--radius-md);border:none;background:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:6px}.hnav-btn.on{background:var(--c-brand-tint);color:var(--c-brand)}.hnav-btn:hover:not(.on){background:#f9fafb;color:var(--c-text)}.hnav-badge{background:#f3f4f6;color:#6b7280;border-radius:9px;padding:1px 7px;font-size:10px;font-weight:700;font-family:var(--font-mono)}.hnav-btn.on .hnav-badge{background:#dcfce7;color:#16a34a}.body-scroll{max-width:1500px;margin:0 auto;padding:20px 24px 60px;width:100%}.panel{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px 16px}.panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text);margin-bottom:10px}.btn{font-family:inherit;font-weight:500;border-radius:var(--radius-md);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-md{font-size:12px;padding:9px 12px;font-weight:600}.btn-sm{font-size:11px;padding:6px 10px;font-weight:600}.btn-lg{font-size:13px;padding:10px 22px;font-weight:600}.btn-green{background:var(--c-brand);color:#fff}.btn-green:hover:not(:disabled){background:var(--c-brand-dark)}.btn-blue{background:var(--c-blue);color:#fff}.btn-blue:hover:not(:disabled){background:var(--c-blue-dark)}.btn-red{background:var(--c-red);color:#fff}.btn-red:hover:not(:disabled){background:var(--c-red-dark)}.btn-ghost{background:#fff;color:#6b7280;border:1px solid var(--c-border)}.btn-ghost:hover:not(:disabled){background:#f9fafb;color:var(--c-text)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stat{background:var(--c-white);border:1px solid var(--c-border);border-radius:7px;padding:12px 14px}.stat.red{background:var(--c-red-tint);border-color:var(--c-red-tint-border)}.stat.yellow{background:var(--c-yellow-tint);border-color:var(--c-yellow-tint-border)}.stat.green{background:var(--c-brand-tint);border-color:var(--c-brand-tint-border)}.stat.blue{background:var(--c-blue-tint);border-color:var(--c-blue-tint-border)}.stat-lbl{font-size:10px;color:var(--c-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.stat.red .stat-lbl{color:var(--c-red)}.stat.yellow .stat-lbl{color:var(--c-yellow)}.stat.green .stat-lbl{color:#16a34a}.stat.blue .stat-lbl{color:#2563eb}.stat-val{font-size:20px;font-weight:700;color:var(--c-text-strong);letter-spacing:-.5px;font-family:var(--font-mono)}.stat-sub{font-size:10px;color:var(--c-text-muted);margin-top:2px}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.pill-green{background:#dcfce7;color:#16a34a}.pill-red{background:#fef2f2;color:#dc2626}.pill-yellow{background:#fef3c7;color:#d97706}.pill-gray{background:#f3f4f6;color:#6b7280}.tbl-wrap{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:11.5px}thead tr{background:#f9fafb;border-bottom:1px solid var(--c-border)}th{padding:8px 10px;text-align:center;font-weight:600;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}th.l{text-align:left}td{padding:7px 10px;border-bottom:1px solid #f3f4f6;color:var(--c-text);vertical-align:middle;text-align:center}td.l{text-align:left;font-family:var(--font-mono);font-size:11px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(60px);background:#111827;color:#fff;padding:9px 18px;border-radius:7px;font-size:12px;font-weight:500;opacity:0;transition:all .25s;z-index:999;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}