:root{--color-canvas: #f6f8fa;--color-surface: #ffffff;--color-surface-muted: #f6f8fa;--color-border: #d0d7de;--color-border-muted: #eaeef2;--color-fg: #1f2328;--color-fg-muted: #59636e;--color-accent: #0969da;--color-accent-hover: #0860ca;--color-success: #1a7f37;--color-danger: #cf222e;--color-attention: #9a6700;--color-neutral: #6e7781;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 0 rgba(31, 35, 40, .04);--shadow: 0 1px 3px rgba(31, 35, 40, .1), 0 1px 2px rgba(31, 35, 40, .06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--color-fg);background:var(--color-canvas);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;font-weight:600;margin:0 0 var(--space-4);letter-spacing:-.01em}h2{font-size:17px;font-weight:600;margin:var(--space-6) 0 var(--space-3)}h3{font-size:15px;font-weight:600;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-5);height:56px;padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:15px;color:var(--color-fg)}.brand-mark{width:22px;height:22px;border-radius:6px;flex:0 0 auto;background:linear-gradient(135deg,var(--color-accent),#2da44e)}.app-nav{display:flex;gap:var(--space-1)}.nav-link{padding:6px 12px;border-radius:var(--radius);color:var(--color-fg-muted);font-weight:500}.nav-link:hover{background:var(--color-border-muted);color:var(--color-fg);text-decoration:none}.nav-link.active{background:var(--color-border-muted);color:var(--color-fg)}.page{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-5)}.page-narrow{max-width:820px}.section{margin-bottom:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.row{display:flex;align-items:center;gap:var(--space-2)}.spacer{flex:1 1 auto}.muted{color:var(--color-fg-muted)}.mono{font-family:var(--font-mono)}.alert{color:var(--color-danger)}button,.btn{font:inherit;font-weight:500;padding:6px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--color-border-muted)}button:disabled,.btn:disabled{opacity:.55;cursor:default}button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}label{display:block;font-weight:500}input,select{font:inherit;padding:6px 10px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-fg)}input:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.field{display:block;max-width:380px;margin-bottom:var(--space-3)}.field input{margin-top:var(--space-1)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:14px}table.table th,table.table td{text-align:left;padding:10px var(--space-4);border-bottom:1px solid var(--color-border)}table.table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-fg-muted);font-weight:600;background:var(--color-surface-muted)}table.table tbody tr:hover{background:var(--color-surface-muted)}table.table tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:2px 9px;border-radius:999px;line-height:1.6}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge[data-status=online]{color:var(--color-success);background:#dafbe1}.badge[data-status=offline]{color:var(--color-danger);background:#ffebe9}.badge[data-status=active]{color:var(--color-attention);background:#fff8c5}.badge[data-status=disabled]{color:var(--color-neutral);background:var(--color-border-muted)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-5);margin:0}.facts dt{color:var(--color-fg-muted)}.facts dd{margin:0}.switch{width:40px;height:22px;padding:0;flex:0 0 auto;border-radius:11px;border:1px solid var(--color-border);background:var(--color-border-muted);position:relative;cursor:pointer;transition:background .15s,border-color .15s}.switch:hover:not(:disabled){background:var(--color-border-muted)}.switch[aria-checked=true]{background:var(--color-success);border-color:var(--color-success)}.switch[aria-checked=true]:hover:not(:disabled){background:var(--color-success)}.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left .15s}.switch[aria-checked=true] .knob{left:20px}.list-plain{list-style:none;padding:0;margin:0}.toggle-row{display:flex;align-items:center;gap:var(--space-3);padding:8px 0}.toggle-row+.toggle-row{border-top:1px solid var(--color-border-muted)}.event-list{list-style:none;padding:0;margin:0}.event-list li{display:flex;align-items:center;gap:var(--space-2);padding:8px 0}.event-list li+li{border-top:1px solid var(--color-border-muted)}.event-type{font-family:var(--font-mono);font-size:13px}.action-bar{border-top:1px solid var(--color-border-muted);margin-top:var(--space-4);padding-top:var(--space-4)}.runs-list{list-style:none;padding:0;margin:0}.runs-list li{display:flex;align-items:center;gap:var(--space-2);padding:6px 0;font-size:13px}.runs-list li+li{border-top:1px solid var(--color-border-muted)}
