:root{font-family:Segoe UI Variable,Segoe UI,sans-serif;--bg-page: #F4F7FA;--bg-page-alt: #F8FAFC;--bg-surface: #FFFFFF;--text: #17212B;--text-muted: #64748B;--border: #CBD5E1;--border-soft: #E2E8F0;--shadow: rgba(15, 23, 42, .2);--status-online: #10B981;--status-online-ring: #D1FAE5;--status-offline: #94A3B8;--status-offline-ring: #E2E8F0;--status-pending: #F59E0B;--status-pending-ring: #FEF3C7;--danger: #DC2626;--danger-text: #B91C1C;--danger-tint: #FEE2E2;--terminal-bg: #101820;--terminal-text: #D5E7E8;--terminal-text-muted: #779194;--terminal-accent: #74E6D7;--accent-base: #0891B2;--accent-deep: #082A35;--accent-bright: #32D4CB}:root[data-theme=dark],body[data-theme=dark]{--bg-page: #111C24;--bg-page-alt: #13212A;--bg-surface: #182832;--text: #E5F0F1;--text-muted: #9BB3B8;--border: #334B55;--border-soft: #2A414B;--shadow: rgba(0, 0, 0, .45)}body[data-color-theme=blue]{--accent-base: #2563EB;--accent-deep: #0B1F3A;--accent-bright: #60A5FA}body[data-color-theme=purple]{--accent-base: #7C3AED;--accent-deep: #1E1033;--accent-bright: #C4B5FD}body[data-color-theme=slate]{--accent-base: #475569;--accent-deep: #1E293B;--accent-bright: #94A3B8}body[data-color-theme=green]{--accent-base: #059669;--accent-deep: #052E22;--accent-bright: #6EE7B7}body{--accent-tint: color-mix(in srgb, var(--accent-base) 12%, var(--bg-surface));--accent-tint-strong: color-mix(in srgb, var(--accent-base) 20%, var(--bg-surface));--accent-tint-soft: color-mix(in srgb, var(--accent-base) 8%, var(--bg-surface));--accent-tint-border: color-mix(in srgb, var(--accent-base) 30%, var(--bg-surface));--accent-text-strong: color-mix(in srgb, var(--accent-base) 65%, var(--text));--rail-hover-bg: color-mix(in srgb, var(--accent-deep) 75%, white);--rail-border: color-mix(in srgb, var(--accent-deep) 65%, white);--rail-text: color-mix(in srgb, var(--accent-bright) 55%, white);--rail-text-muted: color-mix(in srgb, var(--accent-bright) 30%, white);--rail-text-faint: color-mix(in srgb, var(--accent-bright) 18%, var(--accent-deep))}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text);transition:background-color .15s ease,color .15s ease}button,input,textarea{font:inherit}button{transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.app-loading{min-height:100vh;display:grid;place-items:center}.global-header{height:64px;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.header-spacer{flex:1}.console{height:calc(100vh - 64px);min-height:620px;display:grid;grid-template-columns:60px 260px minmax(440px,1fr) 350px;overflow:hidden;background:var(--bg-page)}.support-rail{display:flex;flex-direction:column;align-items:center;background:var(--accent-deep);color:var(--rail-text)}.rail-item{width:100%;min-height:68px;border:0;background:transparent;color:var(--rail-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.rail-item:hover,.rail-item.active{background:var(--rail-hover-bg);color:var(--rail-text)}.rail-item.active{box-shadow:inset 3px 0 var(--accent-bright)}.rail-item svg{font-size:20px}.rail-item small{font-size:10px}.rail-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--rail-border);padding:14px 0}.rail-version{font-size:10px;color:var(--rail-text-faint);margin-top:10px}.group-sidebar{display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);min-width:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 16px}.sidebar-heading h2,.workspace-header h1,.inspector-heading h2{margin:4px 0 0;font-size:20px}.group-list{padding:0 12px;display:flex;flex-direction:column;gap:2px}.group-item{width:100%;display:flex;justify-content:space-between;border:0;border-radius:6px;background:transparent;padding:11px 14px;color:var(--text);text-align:left;cursor:pointer;transition:background-color .12s ease}.group-item:hover,.group-item.selected{background:var(--accent-tint);color:var(--accent-text-strong);font-weight:600}.group-item small{color:var(--text-muted)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-soft);padding:16px}.machine-workspace{min-width:0;display:flex;flex-direction:column;background:var(--bg-page-alt)}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 18px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.workspace-actions{display:flex;gap:8px}.machine-toolbar{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.machine-toolbar .fui-Input{max-width:280px;flex:1}.machine-toolbar>span{font-size:12px;color:var(--text-muted)}.machine-table{overflow:auto}.machine-table-head{display:grid;grid-template-columns:1fr 130px 92px;gap:12px;padding:12px 22px;font-size:11px;color:var(--text-muted);font-weight:700;letter-spacing:.08em;border-bottom:1px solid var(--border)}.machine-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) 92px;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--border-soft);background:var(--bg-surface);padding:16px 22px;cursor:pointer;transition:background-color .12s ease}.machine-row:hover{background:var(--accent-tint-soft)}.machine-row.is-selected{background:var(--accent-tint-strong);box-shadow:inset 3px 0 var(--accent-base)}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.presence-dot.online{background:var(--status-online);box-shadow:0 0 0 3px var(--status-online-ring)}.presence-dot.offline{background:var(--status-offline);box-shadow:0 0 0 3px var(--status-offline-ring)}.presence-dot.pending{background:var(--status-pending);box-shadow:0 0 0 3px var(--status-pending-ring)}.machine-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.machine-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-copy small,.machine-meta small,.agent-version{font-size:11px;color:var(--text-muted)}.machine-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.agent-version{font-size:10px}.agent-version.outdated{color:var(--danger);font-weight:600}.empty-machines{display:grid;place-items:center;padding:70px}.inspector{display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border);min-width:0}.inspector-heading{display:flex;justify-content:space-between;padding:22px 22px 18px;background:var(--accent-deep);color:#fff}.inspector-heading .eyebrow{color:var(--rail-text)}.inspector-heading h2{font-size:18px}.inspector-heading small{color:var(--rail-text-muted)}.inspector-tabs{border-bottom:1px solid var(--border);padding:0 16px}.inspector-tabs .fui-TabList{width:100%}.diagnostics,.activity-panel,.command-panel{padding:20px}.connection-state{display:flex;align-items:center;gap:12px;padding:14px;background:var(--accent-tint-soft);border:1px solid var(--accent-tint-border);border-radius:8px}.connection-state>span:nth-child(2){display:flex;flex-direction:column;flex:1}.connection-state small{font-size:11px;color:var(--text-muted)}.connect-button{width:100%;margin:18px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-soft)}.detail-grid div{display:flex;flex-direction:column;gap:6px;padding:15px 12px;border-bottom:1px solid var(--border-soft)}.detail-grid div:nth-child(odd){border-right:1px solid var(--border-soft)}.detail-grid span{font-size:10px;color:var(--text-muted);font-weight:700;letter-spacing:.07em}.detail-grid strong{font-size:13px}.capability-note{margin-top:18px;padding:14px;background:var(--bg-page-alt);border:1px solid var(--border-soft);border-radius:8px}.capability-note p{font-size:12px;color:var(--text-muted);line-height:1.6;margin:8px 0 0}.activity-event{display:flex;gap:12px;padding:15px 8px;border-bottom:1px solid var(--border-soft)}.activity-event svg{color:var(--accent-text-strong)}.activity-event span{display:flex;flex-direction:column;gap:4px}.activity-event small{font-size:11px;color:var(--text-muted)}.command-panel{display:flex;flex-direction:column;gap:14px;height:100%}.command-toolbar{display:flex;justify-content:space-between;align-items:start}.command-toolbar span{display:flex;flex-direction:column;gap:4px}.command-toolbar small{font-size:11px;color:var(--text-muted)}.terminal-output{min-height:320px;flex:1;overflow:auto;background:var(--terminal-bg);color:var(--terminal-text);border-radius:8px;padding:16px;font:12px/1.6 Consolas,monospace;white-space:pre-wrap}.terminal-muted{color:var(--terminal-text-muted)}.terminal-entry{margin-bottom:14px}.terminal-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.terminal-command{color:var(--terminal-accent)}.terminal-entry small{color:var(--terminal-text-muted)}.terminal-entry pre{margin:4px 0 0;white-space:pre-wrap;color:var(--terminal-text)}.command-form{display:flex;flex-direction:column;gap:10px}.command-entry{display:flex;gap:10px}.command-entry .fui-Input{flex:1}.empty-inspector{padding:32px;color:var(--text-muted)}.context-menu{position:fixed;z-index:70;min-width:200px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px}.context-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;font-size:13px;color:var(--text);cursor:pointer}.context-menu-item:hover:not(:disabled){background:var(--accent-tint)}.context-menu-item:disabled{color:var(--text-muted);cursor:not-allowed}.context-menu-item.danger{color:var(--danger-text)}.context-menu-item.danger:hover:not(:disabled){background:var(--danger-tint)}.console-notice{position:fixed;right:24px;bottom:24px;border:1px solid var(--accent-base);background:var(--accent-deep);color:#fff;padding:14px 18px;border-radius:8px;cursor:pointer;box-shadow:0 10px 30px var(--shadow)}.auth-layout{min-height:100vh;display:grid;place-items:center;background:var(--bg-page)}.auth-card{width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;gap:18px;padding:36px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.auth-card h1{margin:0}.auth-card p{color:var(--text-muted);margin:0 0 6px}.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.admin-page{max-width:640px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:18px}.admin-page h1{margin:0}.admin-section{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--border-soft)}.admin-section h2{margin:0;font-size:16px}.admin-section>p{margin:0;color:var(--text-muted);font-size:13px}.build-form{display:flex;flex-direction:column;gap:14px}.build-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.name-mode-row{display:flex;gap:10px}.name-mode-row .fui-Input{flex:1}.build-result{display:flex;flex-direction:column;gap:14px}.share-row{display:flex;gap:10px;flex-wrap:wrap}.org-list{display:flex;flex-direction:column;gap:10px}.org-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:8px}.org-row span{flex:1;font-weight:600}.org-row small{color:var(--text-muted)}.theme-swatch-row{display:flex;gap:10px}.theme-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--border-soft);transition:transform .1s ease,box-shadow .1s ease}.theme-swatch:hover{transform:scale(1.08)}.theme-swatch.selected{border-color:var(--bg-surface);box-shadow:0 0 0 2px var(--accent-base)}.theme-swatch:disabled{cursor:not-allowed;opacity:.6}.theme-mode-row{display:flex;gap:10px}@media(max-width:1050px){.console{grid-template-columns:60px 220px minmax(380px,1fr)}.inspector{position:absolute;right:0;top:64px;bottom:0;width:350px;box-shadow:-8px 0 20px var(--shadow)}}@media(max-width:720px){.console{grid-template-columns:56px minmax(0,1fr)}.group-sidebar,.inspector{display:none}.machine-table-head{grid-template-columns:1fr 82px}.machine-table-head span:nth-child(2){display:none}.machine-row{grid-template-columns:10px minmax(0,1fr) 75px}.machine-row .machine-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-header{padding:0 8px}.global-header .fui-Button__content{display:none}}