:root{--brand: #008c98;--brand-ink: #00707a;--brand-on-dark: #2fb3bf;--sidebar-bg: #0e1418;--sidebar-item: #98a1ad;--sidebar-item-on: #ffffff;--sidebar-group: #565f6b;--sidebar-meta: #6b7480;--sidebar-value: #e6e9ed;--sidebar-active-bg: rgba(255, 255, 255, .07);--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-rule: rgba(255, 255, 255, .09);--canvas: #f6f7f8;--surface: #ffffff;--surface-sunken: #fafbfc;--border: #e3e6ea;--border-soft: #e8ebee;--border-inner: #edf0f2;--row-rule: #f1f3f5;--ink: #0f1419;--ink-2: #3d4650;--ink-3: #5b646e;--ink-muted: #8a939e;--ink-faint: #a2abb5;--ink-disabled: #c2c9d1;--positive: #1f6b41;--positive-strong: #0e8f6a;--negative: #a83b28;--warning: #8a6414;--chip-synced-bg: #e7f4ec;--chip-synced-fg: #1f6b41;--chip-queued-bg: #eef1f3;--chip-queued-fg: #5b646e;--chip-blocked-bg: #fbeae7;--chip-blocked-fg: #a83b28;--chip-paused-bg: #fbf2e2;--chip-paused-fg: #8a6414;--badge-crit-bg: #3a1f1c;--badge-crit-fg: #f08a76;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-card: 9px;--r-ctrl: 6px;--r-chip: 4px;--r-tab: 5px;--r-pill: 999px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 14px;--sp-6: 17px;--sp-7: 20px;--sp-8: 26px;--sidebar-w: 236px;--sidebar-rail-w: 60px;--shadow-pop: 0 4px 16px -4px rgba(15, 20, 25, .18)}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px}.card--pad{padding:15px 17px}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pane-title{margin:0;font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em}.pane-sub{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-muted);max-width:78ch}.meta{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-muted)}.mono{font-family:var(--font-mono)}.eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.chip{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.chip--ok{background:var(--chip-synced-bg);color:var(--chip-synced-fg)}.chip--idle{background:var(--chip-queued-bg);color:var(--chip-queued-fg)}.chip--crit{background:var(--chip-blocked-bg);color:var(--chip-blocked-fg)}.chip--warn{background:var(--chip-paused-bg);color:var(--chip-paused-fg)}.chip--brand{background:#008c981f;color:var(--brand-ink)}.owner-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;white-space:nowrap}.owner-ezad{background:#008c981f;color:var(--brand-ink)}.owner-dealer{background:var(--chip-paused-bg);color:var(--chip-paused-fg)}.owner-cca{background:var(--chip-queued-bg);color:var(--chip-queued-fg)}.btn-sec{padding:7px 13px;border:1px solid #dfe3e8;border-radius:6px;background:var(--surface);font-family:inherit;font-size:12.5px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:border-color .15s ease}.btn-sec:hover:not(:disabled){border-color:#c2c9d1}.btn-pri{padding:7px 13px;border:0;border-radius:6px;background:var(--ink);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-pri:hover:not(:disabled){background:#1c242b}.btn-danger{padding:7px 13px;border:0;border-radius:6px;background:var(--negative);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.btn-sec:disabled,.btn-pri:disabled,.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-sec--sm,.btn-pri--sm{padding:5px 10px;font-size:11.5px}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;padding:8px 10px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface-sunken);border-bottom:1px solid var(--border-soft);white-space:nowrap}.tbl td{padding:9px 10px;border-bottom:1px solid var(--row-rule);font-size:12.5px;color:var(--ink-3);vertical-align:top}.tbl tbody tr:last-child td{border-bottom:0}.tbl .num,.tbl th.num{text-align:right;font-family:var(--font-mono)}.tbl .edge{padding-left:17px;padding-right:17px}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:5px}.input,.select,.textarea{width:100%;padding:8px 11px;border:1px solid #dfe3e8;border-radius:6px;background:var(--surface);font-family:inherit;font-size:12.5px;color:var(--ink)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #008c9821;outline:none}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-soft)}.tab{padding:9px 14px;border:0;border-bottom:2px solid transparent;background:transparent;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--ink-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}.faint{color:var(--ink-faint)}.none{color:var(--ink-disabled)}.pos{color:var(--positive)}.neg{color:var(--negative)}.warn{color:var(--warning)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--canvas)}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.btn{border:1px solid transparent;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:#1c242b;border-color:#1c242b}.btn-outline{background:#fff;border-color:var(--border);color:var(--ink)}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn:disabled{opacity:.55;cursor:not-allowed}.text-muted{color:var(--ink-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],textarea,select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--ink);background:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #17b3cc26}label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-bottom:4px}.field-hint{font-size:12px;color:var(--ink-muted);margin:0 0 8px}.toast{position:fixed;bottom:24px;right:24px;background:#1f2430;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;box-shadow:0 8px 24px #0003;z-index:50}
