:root{--ha-bg-base: #0f172a;--ha-bg-surface: #1e293b;--ha-bg-elevated: #334155;--ha-bg-hover: #475569;--ha-border: #334155;--ha-border-subtle: #1e293b;--ha-text-primary: #ffffff;--ha-text-body: #cbd5e1;--ha-text-muted: #94a3b8;--ha-text-disabled: #64748b;--ha-accent-blue: #3b82f6;--ha-accent-blue-hover: #2563eb;--ha-accent-sky: #38bdf8;--ha-accent-emerald: #34d399;--ha-accent-emerald-dim: rgba(52, 211, 153, .15);--ha-accent-cyan: #22d3ee;--ha-accent-cyan-dim: rgba(34, 211, 238, .15);--ha-accent-purple: #c084fc;--ha-accent-purple-dim: rgba(192, 132, 252, .15);--ha-status-running: #fbbf24;--ha-status-running-dim: rgba(251, 191, 36, .15);--ha-status-success: #4ade80;--ha-status-success-dim: rgba(74, 222, 128, .15);--ha-status-error: #f87171;--ha-status-error-dim: rgba(248, 113, 113, .15);--ha-status-cancelled: #94a3b8;--ha-status-cancelled-dim: rgba(148, 163, 184, .15);--ha-status-pending: #60a5fa;--ha-status-pending-dim: rgba(96, 165, 250, .15);--ha-status-skipped: #a78bfa;--ha-status-skipped-dim: rgba(167, 139, 250, .15);--ha-warn: #f59e0b;--ha-danger: #ef4444;--ha-danger-hover: #dc2626;--ha-danger-surface: #7f1d1d;--ha-radius-sm: 4px;--ha-radius-md: 6px;--ha-radius-lg: 8px;--ha-radius-xl: 12px;--ha-radius-pill: 9999px;--ha-shadow-card: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--ha-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--ha-font-sans: "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ha-font-mono: "SF Mono", Monaco, Consolas, "Courier New", monospace;--ha-scrollbar-track: #1e293b;--ha-scrollbar-thumb: #475569;--ha-scrollbar-thumb-hover: #64748b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ha-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--ha-scrollbar-thumb);border-radius:var(--ha-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--ha-scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--ha-scrollbar-thumb) var(--ha-scrollbar-track)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ha-font-sans);background:var(--ha-bg-base);color:var(--ha-text-body);line-height:1.6;padding:20px}.container{max-width:1400px;margin:0 auto}h1{color:var(--ha-accent-sky);margin-bottom:20px;display:flex;align-items:center;gap:10px}h1 span{font-size:.5em;color:var(--ha-text-disabled)}h2{color:var(--ha-text-muted);font-size:1.1em;margin:20px 0 10px;border-bottom:1px solid var(--ha-border);padding-bottom:5px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stat{background:var(--ha-bg-surface);padding:20px;border-radius:var(--ha-radius-lg);text-align:center}.stat-value{font-size:2em;font-weight:700}.stat-label{color:var(--ha-text-disabled);font-size:.9em}.stat.running .stat-value{color:var(--ha-status-running)}.stat.completed .stat-value{color:var(--ha-status-success)}.stat.failed .stat-value{color:var(--ha-status-error)}.stat.cancelled .stat-value{color:var(--ha-status-cancelled)}.tabs{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.tab{padding:8px 16px;background:var(--ha-bg-surface);border:none;color:var(--ha-text-muted);cursor:pointer;border-radius:var(--ha-radius-md);font-size:.9em}.tab:hover{background:var(--ha-bg-elevated)}.tab.active{background:var(--ha-accent-blue);color:#fff}.table-container{background:var(--ha-bg-surface);border-radius:var(--ha-radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--ha-border)}th{background:var(--ha-bg-base);color:var(--ha-text-disabled);font-weight:600;font-size:.85em;text-transform:uppercase}tr:hover{background:var(--ha-bg-elevated)}tr:last-child td{border-bottom:none}.status{padding:4px 10px;border-radius:20px;font-size:.8em;font-weight:500;display:inline-block}.status.running{background:var(--ha-status-running-dim);color:var(--ha-status-running)}.status.completed{background:var(--ha-status-success-dim);color:var(--ha-status-success)}.status.failed{background:var(--ha-status-error-dim);color:var(--ha-status-error)}.status.cancelled{background:var(--ha-status-cancelled-dim);color:var(--ha-status-cancelled)}.status.pending{background:var(--ha-status-pending-dim);color:var(--ha-status-pending)}.status.skipped{background:var(--ha-status-skipped-dim);color:var(--ha-status-skipped)}.btn{padding:6px 12px;border:none;border-radius:var(--ha-radius-md);cursor:pointer;font-size:.85em;transition:all .2s}.btn-view{background:var(--ha-accent-blue);color:#fff}.btn-view:hover{background:var(--ha-accent-blue-hover)}.btn-cancel{background:var(--ha-danger);color:#fff}.btn-cancel:hover{background:var(--ha-danger-hover)}.btn-cancel:disabled{background:var(--ha-text-disabled);cursor:not-allowed}.btn-refresh{background:var(--ha-accent-emerald);color:#0f172a;margin-left:auto}.btn-refresh:hover{opacity:.85}.actions{display:flex;gap:8px}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:100;overflow:auto}.modal-overlay.show{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.modal-content{background:var(--ha-bg-surface);border-radius:var(--ha-radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:auto}.modal-header{padding:20px;border-bottom:1px solid var(--ha-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--ha-bg-surface);z-index:10}.modal-header h3{color:var(--ha-accent-sky)}.modal-close{background:none;border:none;color:var(--ha-text-disabled);font-size:1.5em;cursor:pointer}.modal-close:hover{color:var(--ha-text-body)}.modal-body{padding:20px}.detail-section{margin-bottom:20px}.detail-section h4{color:var(--ha-text-muted);font-size:.9em;margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.detail-item{background:var(--ha-bg-base);padding:12px;border-radius:var(--ha-radius-md)}.detail-label{color:var(--ha-text-disabled);font-size:.8em}.detail-value{color:var(--ha-text-body);word-break:break-all}.node-list{display:flex;flex-direction:column;gap:8px}.node-item{background:var(--ha-bg-base);padding:12px;border-radius:var(--ha-radius-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.node-info{flex:1;min-width:200px}.node-name{font-weight:500}.node-id{color:var(--ha-text-disabled);font-size:.8em}.node-meta{display:flex;gap:15px;color:var(--ha-text-disabled);font-size:.85em}pre{background:var(--ha-bg-base);padding:15px;border-radius:var(--ha-radius-md);overflow-x:auto;font-size:.85em;white-space:pre-wrap;word-break:break-all}code{font-family:var(--ha-font-mono)}.empty,.loading{text-align:center;padding:40px;color:var(--ha-text-disabled)}.header-row{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.auto-refresh{display:flex;align-items:center;gap:8px;color:var(--ha-text-disabled);font-size:.9em}.auto-refresh input{width:16px;height:16px}.error-box{background:var(--ha-danger-surface);padding:10px;border-radius:var(--ha-radius-md);margin-top:-4px;font-size:.85em}details{margin-top:-4px}details summary{cursor:pointer;color:#64748b;font-size:.85em;padding:8px}details pre{margin-top:5px}