@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f4f5f7;--bg-card:#fff;--bg-hover:#f0f1f3;--fg:#1a1a1a;--fg-muted:#6b7280;--fg-light:#9ca3af;--accent:#2d3e50;--accent-hover:#1e2a37;--accent-light:#eef1f4;--border:#e0e2e6;--border-strong:#c5c9d0;--shadow:none;--shadow-lg:none;--radius:6px;--radius-sm:4px;--ok-bg:#e6f4ea;--ok-fg:#1e6e3a;--ok-bar:#2e7d32;--warn-bg:#fef7e6;--warn-fg:#8a6d00;--warn-bar:#c0a030;--ko-bg:#fce8e8;--ko-fg:#9b1c1c;--ko-bar:#c41e1e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.45}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--accent);color:#fff;z-index:100;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.app-header h1{font-size:14px;font-weight:600}.app-header .input{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;font-size:11px}.app-header .input::placeholder{color:#ffffff73}.app-header .input:focus{background:#ffffff1f;border-color:#ffffff4d;outline:none}.app-main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card strong{color:var(--fg);font-weight:600}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.btn:hover,.btn:active{background:var(--accent-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--accent);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--accent-light);border-color:var(--accent)}.btn-danger{background:#c41e1e}.btn-danger:hover{background:#a01515}.btn-action{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.btn-action:hover{background:var(--bg-hover);border-color:var(--accent)}.btn-action-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-action-primary:hover{background:var(--accent-hover);color:#fff}.row-actions{display:inline-flex}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--fg);padding:7px 10px;font-family:inherit;font-size:12px}.input:focus{border-color:var(--accent);outline:none}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{background:var(--bg-hover);text-transform:uppercase;letter-spacing:.4px;color:var(--fg-muted);font-size:10px;font-weight:600}tbody tr:hover{background:var(--accent-light)}.kpi-badge{letter-spacing:.2px;border-radius:3px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.kpi-ok{background:var(--ok-bg);color:var(--ok-fg)}.kpi-warn{background:var(--warn-bg);color:var(--warn-fg)}.kpi-ko{background:var(--ko-bg);color:var(--ko-fg)}.progress{background:var(--border);border-radius:2px;height:5px;position:relative;overflow:hidden}.progress-fill{border-radius:2px;position:absolute;top:0;bottom:0;left:0}.empty-state{text-align:center;color:var(--fg-light);padding:40px 20px;font-size:13px}.loading{text-align:center;color:var(--fg-muted);padding:32px;font-size:13px}.muted{color:var(--fg-muted)}.mono{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:11px}.right{text-align:right}.nowrap{white-space:nowrap}.flex{align-items:center;gap:6px;display:flex}.col{flex-direction:column;gap:6px;display:flex}details>summary{cursor:pointer;border-radius:var(--radius-sm);padding:6px 10px;list-style:none}details>summary:hover{background:var(--bg-hover)}details>summary::-webkit-details-marker{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}