:root{--orange:#ff6000;--orange-dark:#e0500a;--brand-surface:#fdefe6;--graphite:#1b1c1f;--text:#0a0a0a;--text-dim:#767570;--border:#efefef;--good:#1f9254;--warn:#c77700;--bad:#8e1c15;--radius-card:16px;--radius-pill:999px;--radius-chip:10px;--sidebar-w:272px;--sidebar-w-collapsed:76px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.panel{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:20px}.panel h3{color:var(--text);margin:0 0 16px;font-size:15px;font-weight:600}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:18px}.kpi-card .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.kpi-card .value{margin-top:6px;font-size:26px;font-weight:700}table.tbl{border-collapse:collapse;width:100%;font-size:14px}table.tbl th,table.tbl td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}table.tbl th{color:var(--text-dim);text-transform:uppercase;font-size:12px;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px}.tab-btn.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}.badge{border-radius:var(--radius-chip);align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.good{color:var(--good);background:#e7f6ee}.badge.warn{color:var(--warn);background:#fdf1e0}.badge.bad{color:var(--bad);background:#fbeaea}.hint{color:var(--text-dim);font-size:13px}.pill-orange{background:var(--brand-surface);color:var(--orange-dark);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:600}.progress-bar{border-radius:var(--radius-pill);background:var(--border);width:100%;height:8px;overflow:hidden}.progress-bar .fill{background:var(--orange);height:100%}.pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.pagination button{border:1px solid var(--border);border-radius:var(--radius-chip);cursor:pointer;background:#fff;padding:6px 10px}.pagination button:disabled{opacity:.4;cursor:default}