.task-manager { position:fixed;inset:0;display:flex;background:#202326;color:#e9edef;font:12px/1.45 'Segoe UI',system-ui,sans-serif;overflow:hidden;color-scheme:dark; }
.task-manager * { box-sizing:border-box; }
.task-main { display:flex;flex:1;min-width:0;flex-direction:column; }
.task-manager button,.task-manager input { font:inherit;color:inherit; }
.task-manager button { border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;min-height:30px;padding:5px 10px; }
.task-manager button:hover:not(:disabled) { background:#ffffff0b; }
.task-manager button:disabled { opacity:.4;cursor:default; }
.task-manager button:focus-visible,.task-manager input:focus-visible { outline:2px solid #83c9ee;outline-offset:-2px; }
.task-icon { width:18px;height:18px;flex-shrink:0;vertical-align:middle; }
.task-header { height:60px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid #ffffff09; }
.task-app-title { display:flex;align-items:center;gap:10px;white-space:nowrap;min-width:150px;font-size:13px; }
.task-app-title .task-icon { color:#8bcdee; }
.task-computer { margin-left:auto;font-size:11px;color:#a4adb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px; }
.task-search { display:flex;align-items:center;gap:9px;background:#191c1f;border:1px solid #ffffff12;border-bottom-color:#90969a;border-radius:5px;padding:0 9px;flex:1;max-width:360px;min-width:130px; }
.task-search>.task-icon { width:14px;color:#9ca4ab; }
.task-search input { width:100%;min-width:0;height:33px;border:0;outline:none;background:transparent; }
.task-search input::placeholder { color:#a5adb3; }
.task-search button { padding:3px; }
.task-search button .task-icon { width:14px; }
.task-workspace { display:flex;flex:1;min-height:0; }
.task-nav { width:170px;flex-shrink:0;padding:12px 6px;display:flex;flex-direction:column;gap:5px; }
.task-nav>button { display:flex;align-items:center;gap:12px;text-align:left;min-height:40px;padding:8px 14px;position:relative; }
.task-nav>button.active { background:#ffffff0b; }
.task-nav>button.active::before { content:'';position:absolute;left:0;height:18px;width:3px;border-radius:3px;background:#8bcdee; }
.task-nav-foot { margin-top:auto;padding:16px 10px;color:#929da5;font-size:10px; }
.task-nav-foot small { display:block;margin:7px 0 0 12px;color:#697781; }
.task-live::before { content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#86d3b0;margin-right:7px;vertical-align:middle; }
.task-live.paused::before { background:#c9b07b; }
.task-content { flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#191d20;border-top:1px solid #ffffff0c;border-left:1px solid #ffffff0c;border-radius:8px 0 0;overflow:hidden; }
.task-tools { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:67px;padding:12px 20px;border-bottom:1px solid #ffffff0b;flex-shrink:0; }
.task-tools h1 { font-size:18px;font-weight:600;margin:0;color:#f0f3f5; }
.task-actions { display:flex;align-items:center;gap:5px; }
.task-actions button { display:flex;align-items:center;gap:7px;white-space:nowrap; }
.task-actions .task-end { border-left:1px solid #ffffff14;border-radius:0;padding-left:13px;margin-left:5px; }
.task-actions .task-icon { width:16px;height:16px; }
.task-table-wrap { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#485057 transparent;overflow-anchor:none; }
.task-manager table { width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums; }
.task-manager th { position:sticky;top:0;z-index:1;background:#202529;vertical-align:bottom;text-align:left;border-bottom:1px solid #3d4449;border-right:1px solid #ffffff0b;font-size:12px;font-weight:400;padding:8px 12px; }
.task-process-table th:first-child { width:40%; }
.task-process-table th.task-pid { width:12%; }
.task-process-table th.task-resource { width:16%; }
.task-services-table th:first-child { width:52%; }
.task-manager th button { display:block;width:100%;padding:0;min-height:25px;text-align:inherit;border:0; }
.task-manager th.task-resource { text-align:right; }
.task-resource strong { display:block;font-size:21px;font-weight:400;line-height:1.2;margin-bottom:4px; }
.task-resource span { color:#bfc8ce;font-size:11px; }
.task-manager td { padding:2px 12px;height:37px;border-bottom:1px solid #ffffff04;overflow:hidden;text-overflow:ellipsis; }
.task-manager tbody tr { cursor:pointer; }
.task-manager tbody tr:hover { background:#ffffff06; }
.task-manager tbody tr.selected { background:#3a454d; }
.task-manager tbody tr.selected td:first-child { box-shadow:inset 3px 0 #8bcdee; }
.task-manager .task-row-name { display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:3px 0;min-height:30px;border:0;background:transparent!important; }
.task-row-name>span:last-child { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.task-row-name small { display:block;color:#8e9aa3;font-size:10px;overflow:hidden;text-overflow:ellipsis; }
.task-row-icon { color:#92aabd;flex-shrink:0; }
.task-row-icon .task-icon { width:16px;height:16px; }
.task-number { text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums; }
.task-heat { background:rgb(79 161 192 / var(--heat,0));border-left:1px solid #ffffff06; }
.task-pid { color:#9aa7b0; }
.task-state { color:#9cabb5;font-size:11px; }.task-state.running { color:#9ad4b4; }
.task-state.running::before { content:'';width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:middle; }
.task-pagination { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff0c;padding:8px 16px;font-size:10px;flex-shrink:0; }
.task-pagination>div { display:flex;align-items:center;gap:6px; }
.task-pagination button { min-height:26px;font-size:10px;padding:4px 7px; }
.task-muted { color:#8d9aa3; }
.task-selection { display:flex;align-items:center;gap:10px;padding:9px 16px;background:#1d2327;border-top:1px solid #ffffff09;font-size:10px;min-height:34px; }
.task-selection strong { white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;font-weight:500; }
.task-selection span { color:#9eabb5; }
.task-notice,.task-gpu-note { padding:8px 16px;font-size:11px;color:#b4c5d1;background:#20303a;flex-shrink:0; }
.task-gpu-note { background:#1e2529;color:#92a7b5;font-size:10px; }
.task-error { background:#39272d;color:#f1bac1; }
.task-empty { padding:55px 20px;text-align:center;color:#91a0ab; }
.task-confirm-backdrop { position:absolute;inset:0;z-index:5;background:#0009;display:grid;place-items:center;padding:20px; }
.task-confirm { width:100%;max-width:440px;background:#272d32;border:1px solid #48535b;border-radius:9px;padding:24px;box-shadow:0 20px 60px #0006; }
.task-confirm h2 { font-size:18px;margin:0 0 16px;color:#f0f3f5;overflow-wrap:anywhere; }.task-confirm p { color:#b8c3cb; }
.task-confirm>div { display:flex;justify-content:flex-end;gap:8px;margin-top:20px; }.task-confirm button { background:#39434b;padding:6px 17px; }
.task-manager .task-danger { background:#57313b;color:#ffd0d6;border-color:#83505a; }
.task-performance { padding:18px 22px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin; }
.task-performance-intro { color:#d2dae0;font-size:12px;margin:0 0 17px; }.task-performance-intro span { display:block;color:#8c9ca7;font-size:10px;margin-top:2px; }
.task-chart-card { --plot:#78bedc;margin-bottom:20px; }.task-chart-card.memory { --plot:#b3a4df; }.task-chart-card.gpu { --plot:#87c6ae; }
.task-chart-card header { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:6px; }.task-chart-card h2 { font-size:19px;font-weight:500;margin:0;color:#e8eef1; }
.task-chart-card header p { font-size:10px;color:#97a9b4;margin:2px 0;overflow-wrap:anywhere; }.task-chart-card header strong { font-size:25px;font-weight:400;white-space:nowrap; }
.task-chart-label,.task-chart-card footer { display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8c9faa;margin:5px 0; }
.task-chart { width:100%;height:110px;display:block;background:#142329;border:1px solid color-mix(in srgb,var(--plot) 50%,transparent); }
.task-performance-heading { display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap; }
.task-performance-heading label { font-size:11px;color:#bdcbd5;white-space:nowrap; }
.task-performance-heading select { background:#26323b;color:#e3ecf2;border:1px solid #465564;border-radius:6px;padding:5px;margin-left:6px; }
.task-metric-section { font-size:17px;color:#e1ebf2;margin:24px 0 8px;border-top:1px solid #ffffff12;padding-top:18px; }
.task-metric-help { font-size:11px;color:#a3b4c0; }
.task-chart-secondary { color:#edc689; }.task-chart-line.task-chart-secondary-line { stroke:#edc689;stroke-dasharray:5 3; }
.task-chart-card.disk { --plot:#8fbbef; }.task-chart-card.network { --plot:#d2a2db; }
.task-grid { stroke:var(--plot);stroke-width:.5;opacity:.22;fill:none; }.task-chart-line { stroke:var(--plot);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke; }.task-chart-fill { fill:var(--plot);opacity:.15; }
.remote-task-window { position:fixed;z-index:1600;left:max(12px,calc((100vw - 1020px)/2));top:65px;width:min(1020px,calc(100vw - 24px));height:min(720px,calc(100vh - 85px));min-width:min(380px,calc(100vw - 24px));min-height:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;resize:both;overflow:hidden;border:1px solid #485159;border-radius:10px;background:#202326;box-shadow:0 24px 70px #0009; }
.remote-task-titlebar { display:flex;align-items:center;gap:10px;padding:6px 12px;background:#202326;color:#dce7ed;font:12px 'Segoe UI',system-ui;cursor:move;touch-action:none;user-select:none; }.remote-task-titlebar strong { flex:1;font-weight:500; }.remote-task-titlebar button { width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#a5b6c0;cursor:pointer;font-size:20px; }.remote-task-titlebar button:hover { background:#743c45;color:white; }.remote-task-window iframe { width:100%;flex:1;min-height:0;border:0; }
@media(max-width:760px) { .task-nav { width:52px; }.task-nav>button { padding:10px;justify-content:center; }.task-nav>button span,.task-nav-foot { display:none; }.task-header { padding:0 13px;gap:12px; }.task-app-title { min-width:125px; }.task-computer { max-width:135px; }.task-tools { padding:12px; }.task-selection { flex-wrap:wrap;gap:3px 10px; } }
@media(max-width:520px) { .task-app-title strong,.task-computer { display:none; }.task-app-title { min-width:20px; }.task-header { height:50px; }.task-search { max-width:none; }.task-content { border-radius:0; }.task-tools { flex-wrap:wrap;gap:5px; }.task-tools h1 { font-size:16px; }.task-actions { gap:0; }.task-actions button { padding:5px 6px;font-size:11px; }.task-actions .task-icon { display:none; }.task-actions button[aria-label] .task-icon { display:block; }.task-process-table { min-width:440px; }.task-services-table { min-width:360px; }.task-manager th,.task-manager td { padding-left:8px;padding-right:8px; }.task-pagination { flex-wrap:wrap;padding:8px; }.task-selection { display:block; }.task-selection span { display:block; }.task-performance { padding:15px; }.task-chart-card footer { flex-wrap:wrap; } }
@media(prefers-reduced-motion:no-preference) { .task-nav>button { transition:background .12s ease; } }