@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--duration-fast: .12s;--duration-normal: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--sidebar-width: 220px;--topbar-height: 52px}:root,:root[data-theme=dark]{--color-bg-canvas: #0b0f10;--color-bg-surface: #12181a;--color-bg-surface-raised: #1a2225;--color-bg-sunken: #080b0c;--color-bg-overlay: rgba(4, 6, 6, .72);--color-border: #263034;--color-border-strong: #37444a;--color-text-primary: #e8edee;--color-text-secondary: #a7b4b8;--color-text-muted: #6d7a7f;--color-text-on-accent: #180a02;--color-accent: #ea580c;--color-accent-hover: #f97316;--color-accent-active: #c2410c;--color-accent-soft: rgba(234, 88, 12, .16);--color-focus-ring: #fb923c;--color-status-up: #34d16f;--color-status-up-soft: rgba(52, 209, 111, .14);--color-status-down: #f0554a;--color-status-down-soft: rgba(240, 85, 74, .16);--color-status-pending: #f2b544;--color-status-pending-soft: rgba(242, 181, 68, .16);--color-status-unknown: #7d8a8f;--color-status-unknown-soft: rgba(125, 138, 143, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);color-scheme:dark}:root[data-theme=light]{--color-bg-canvas: #eef1f0;--color-bg-surface: #ffffff;--color-bg-surface-raised: #f4f6f5;--color-bg-sunken: #11171a;--color-bg-overlay: rgba(20, 26, 27, .4);--color-border: #d7dedd;--color-border-strong: #b9c3c1;--color-text-primary: #101617;--color-text-secondary: #445053;--color-text-muted: #6d7a7f;--color-text-on-accent: #fff7ed;--color-accent: #c2410c;--color-accent-hover: #ea580c;--color-accent-active: #9a3412;--color-accent-soft: rgba(194, 65, 12, .1);--color-focus-ring: #c2410c;--color-status-up: #15803d;--color-status-up-soft: rgba(21, 128, 61, .1);--color-status-down: #dc2626;--color-status-down-soft: rgba(220, 38, 38, .09);--color-status-pending: #b45309;--color-status-pending-soft: rgba(180, 83, 9, .1);--color-status-unknown: #5b666a;--color-status-unknown-soft: rgba(91, 102, 106, .1);--color-text-on-sunken: #d7e0e1;--shadow-sm: 0 1px 2px rgba(20, 30, 30, .08);--shadow-md: 0 8px 24px rgba(20, 30, 30, .12);color-scheme:light}:root[data-theme=dark]{--color-text-on-sunken: #d7e0e1}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}h1,h2,h3{margin:0;font-weight:600;line-height:var(--leading-tight)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.page-title{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xl);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary)}.page-title--sm{font-size:var(--text-md)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-header-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.section-title{font-size:var(--text-md);font-weight:600;margin:0 0 var(--space-3)}.empty-state{color:var(--color-text-muted);padding:var(--space-4) 0}.status-cell{position:relative;padding-left:calc(var(--space-4) + var(--space-2))!important}.status-cell:before{content:"";position:absolute;left:var(--space-2);top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 3px transparent}.status-cell--up:before{background:var(--color-status-up);box-shadow:0 0 0 3px var(--color-status-up-soft)}.status-cell--down:before{background:var(--color-status-down);box-shadow:0 0 0 3px var(--color-status-down-soft)}.status-cell--pending:before{background:var(--color-status-pending);box-shadow:0 0 0 3px var(--color-status-pending-soft)}.status-cell--unknown:before{background:var(--color-status-unknown);box-shadow:0 0 0 3px var(--color-status-unknown-soft)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.status-pill--up{color:var(--color-status-up);background:var(--color-status-up-soft)}.status-pill--down{color:var(--color-status-down);background:var(--color-status-down-soft)}.status-pill--pending{color:var(--color-status-pending);background:var(--color-status-pending-soft)}.status-pill--unknown{color:var(--color-status-unknown);background:var(--color-status-unknown-soft)}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-topbar{height:var(--topbar-height);min-height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.app-brand{font-family:var(--font-mono);font-weight:600;font-size:var(--text-md);letter-spacing:.02em;color:var(--color-text-primary)}.app-brand-cursor{color:var(--color-accent);animation:cursor-blink 1.1s steps(1) infinite}@media (prefers-reduced-motion: reduce){.app-brand-cursor{animation:none}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.app-topbar-spacer{flex:1}.app-user{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;padding:0}.nav-toggle span{display:block;height:2px;background:var(--color-text-primary);border-radius:1px}.app-body{flex:1;display:flex;min-height:0}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-surface);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-2)}.app-sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.app-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-nav-link:hover{background:var(--color-bg-surface-raised);color:var(--color-text-primary)}.app-nav-led{width:6px;height:6px;border-radius:50%;background:var(--color-border-strong);flex-shrink:0}.app-nav-link--active{background:var(--color-accent-soft);color:var(--color-text-primary)}.app-nav-link--active .app-nav-led{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.app-sidebar-scrim{display:none}.app-content{flex:1;min-width:0;padding:var(--space-6)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px var(--space-2);cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.theme-toggle-track{position:relative;width:30px;height:16px;border-radius:999px;background:var(--color-bg-sunken);border:1px solid var(--color-border-strong)}.theme-toggle-thumb{position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--color-accent);transition:transform var(--duration-normal) var(--ease-standard)}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(14px)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-accent{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-accent:active:not(:disabled){background:var(--color-accent-active)}.btn-ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-surface-raised)}.btn-sm{padding:4px var(--space-3);font-size:var(--text-xs)}.btn-block{width:100%}.btn-icon{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.btn-icon:hover{color:var(--color-text-primary);background:var(--color-bg-surface-raised)}.button-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}button:not([class]){padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-3)}.form-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-field--inline{flex-direction:row;align-items:center}.checkbox-label{display:flex!important;flex-direction:row;align-items:center;gap:var(--space-2)}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--color-accent)}input:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}textarea{min-height:5rem;resize:vertical}.input-mono{font-family:var(--font-mono)}.panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.settings-section{max-width:640px}.settings-help-text{color:var(--color-text-secondary);max-width:52ch}.settings-status-text{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.telegram-form .form-field{max-width:220px}.detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0}.detail-list dt{color:var(--color-text-muted);font-size:var(--text-sm)}.detail-list dd{margin:0}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;margin-bottom:var(--space-4);font-size:var(--text-sm)}.banner-degraded,.banner-warning{background:var(--color-status-pending-soft);border-color:var(--color-status-pending);color:var(--color-text-primary)}.banner-error{background:var(--color-status-down-soft);border-color:var(--color-status-down);color:var(--color-text-primary)}.banner-success{background:var(--color-status-up-soft);border-color:var(--color-status-up);color:var(--color-text-primary)}.banner-placeholder{background:var(--color-bg-surface-raised);border-color:var(--color-border);color:var(--color-text-secondary)}.banner-placeholder p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}.data-table{font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap}th{color:var(--color-text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}tbody tr:hover{background:var(--color-bg-surface-raised)}tbody tr.is-selected{background:var(--color-accent-soft)}.data-table-select-col{width:2.5rem}.cell-mono{font-family:var(--font-mono)}.cell-emphasis{font-weight:600}.cell-numeric{text-align:right}.tag-chip{display:inline-block;padding:1px var(--space-2);margin:1px 3px 1px 0;border-radius:var(--radius-sm);background:var(--color-bg-surface-raised);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary)}.action-bar-sticky{position:sticky;bottom:0;background:var(--color-bg-sunken);color:var(--color-text-on-sunken);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:center;border-radius:var(--radius-lg);margin-top:var(--space-4);box-shadow:var(--shadow-md)}.action-bar-count{font-family:var(--font-mono);font-size:var(--text-sm)}.terminal-output{background:var(--color-bg-sunken);color:var(--color-text-on-sunken);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;overflow-x:auto;margin:var(--space-2) 0}.terminal-prompt{color:var(--color-accent)}.command-preview{margin:var(--space-3) 0}.command-preview-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:4px}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(circle at 20% 15%,var(--color-bg-surface-raised),var(--color-bg-canvas) 60%)}.login-card{width:100%;max-width:360px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-md)}.login-brand{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xl);letter-spacing:.02em}.login-tagline{color:var(--color-text-secondary);margin-top:var(--space-1);margin-bottom:var(--space-5);font-size:var(--text-sm)}.login-form .form-field{margin-bottom:var(--space-4)}.host-address{color:var(--color-text-muted);margin:2px 0 0}.range-toggle{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.range-toggle-btn{background:var(--color-bg-surface);border:none;border-right:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);cursor:pointer}.range-toggle-btn:last-child{border-right:none}.range-toggle-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-text-on-accent)}.host-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.host-chart{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.host-chart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.host-chart-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.host-chart-value{font-size:var(--text-sm);color:var(--color-text-primary)}.host-chart svg{width:100%;height:40px;display:block}.job-status-line{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.job-polling-note{color:var(--color-text-muted);font-size:var(--text-sm)}.job-confirmation{max-width:480px}.host-disclosure{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;font-size:inherit}.host-disclosure-caret{color:var(--color-text-muted);font-size:var(--text-xs)}.run-command-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:440px;background:var(--color-bg-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-5);overflow-y:auto;z-index:30;animation:drawer-slide-in var(--duration-normal) var(--ease-standard)}@keyframes drawer-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.run-command-drawer{animation:none}}.run-command-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.run-command-target-count{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 860px){.nav-toggle{display:flex}.app-sidebar{position:fixed;top:var(--topbar-height);bottom:0;left:0;z-index:25;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-md)}.app-sidebar--open{transform:translate(0)}.app-sidebar-scrim{display:block;position:fixed;inset:var(--topbar-height) 0 0 0;background:var(--color-bg-overlay);border:none;z-index:24;padding:0;cursor:pointer}.app-content{padding:var(--space-4)}.app-user{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}