:root{--bg:#f5f7fa;--surface:#fff;--text:#172337;--muted:#7c8a9e;--border:#e1e7ee;--teal:#0d9488;--teal-dark:#087e76;--soft:#eef9f7;--amber:#e99b09;--radius:8px;font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{transition:border-color .15s,background .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bdad3;outline-offset:2px}button{border:0;background:none;color:inherit}input,select,textarea{background:white;border:1px solid #d9e1e9;border-radius:6px;padding:10px 12px;color:var(--text);min-width:0;width:100%}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#9ba7b6}input:focus,textarea:focus,select:focus{border-color:var(--teal)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}label small{font-weight:400;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.35;letter-spacing:-.7px;font-weight:650}h2{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:-.2px}h3{font-size:14px;margin:22px 0 12px;font-weight:650}p{line-height:1.75}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted);margin-top:16px}.good{color:var(--teal)}.bad{color:#c94b4b}.amber{color:var(--amber)!important}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:550;border:1px solid transparent}.primary{background:var(--teal);color:white;box-shadow:0 2px 3px #0d94881a}.primary:hover{background:var(--teal-dark)}.secondary{background:white;border-color:var(--border);color:#53627a}.secondary:hover{background:#f4f8fa;border-color:#becedb}.danger-button{color:#be4545;border-color:#edcccc;background:#fffafa}.compact{min-height:34px;padding:7px 13px;font-size:12px}.block{width:100%;margin-top:22px;justify-content:center;min-height:44px}.text-button{color:var(--teal);padding:4px 6px;font-size:12px}.text-button:hover{color:var(--teal-dark);text-decoration:underline}.row-button{border:1px solid var(--border);border-radius:5px;color:#596980;background:#fff;padding:4px 13px;font-size:12px}.row-button:hover{border-color:var(--teal);color:var(--teal)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;border-radius:6px}.icon-button:hover{background:#edf3f5}.ui-icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary .ui-icon,.secondary .ui-icon{width:15px;height:15px}[v-cloak]{display:none}.center-page{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.spinner{width:27px;height:27px;border:3px solid #d5e9e5;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:11px;padding:22px 20px 27px;min-height:91px}.brand>svg{width:43px;height:43px;stroke:var(--teal);stroke-width:3.5;fill:none;stroke-linecap:round;flex:none}.brand strong{font-size:23px;line-height:1.2;letter-spacing:-.6px}.brand small{display:block;letter-spacing:.6px;color:var(--muted);font-size:12px;margin-top:4px}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.sidebar nav{padding:4px 10px 0 0;display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:14px;text-align:left;min-height:43px;padding:11px 15px 11px 25px;color:#52617a;border-left:3px solid transparent;font-size:13px;border-radius:0 6px 6px 0}.nav-item .ui-icon{color:#7d8da3}.nav-item:hover{background:#f5f8fa}.nav-item.active{background:var(--soft);color:var(--teal);border-left-color:var(--teal);font-weight:650}.nav-item.active .ui-icon{color:var(--teal)}.nav-count{margin-left:auto;font-size:11px;background:#e7efef;border-radius:4px;padding:0 5px}.sidebar-bottom{margin-top:auto;padding:23px;color:#67768b;font-size:12px;border-top:1px solid #eef2f6}.sidebar-bottom small{display:block;color:#a1acba;margin-top:8px;font-size:11px}.workspace{margin-left:218px;min-height:100vh}.topbar{height:61px;padding:0 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.66)}.breadcrumb{font-size:12px;color:#8491a3}.breadcrumb>span{padding:0 12px;color:#bdc7d3}.top-actions{display:flex;align-items:center;gap:13px}.mode-label{display:flex;align-items:center;gap:8px;color:#66758c;background:white;border:1px solid var(--border);border-radius:6px;font-size:12px;padding:7px 11px}.mode-label .ui-icon{width:15px;height:15px}.mode-label.live{color:var(--teal);border-color:#b6e1da}.user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5eaf0;color:#8897ab;font-size:12px;margin-left:9px}.username{font-size:12px}.menu-button{display:none}.main-content{padding:25px 27px 0;max-width:1780px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.page-heading>div{display:flex;align-items:baseline;gap:18px}.page-heading p{color:var(--muted);font-size:12px}.mode-notice{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:12px;color:#718297}.mode-notice .ui-icon{width:15px;height:15px}.mode-notice .text-button{margin-left:auto}.notice{border:1px solid #d8e9e5;background:#f1f9f7;border-radius:6px;padding:12px 15px;font-size:12px;color:#53776e;margin:15px 0}.notice.warning{border-color:#f2dfb3;background:#fffaf0;color:#9c7d40}.error-box{background:#fff5f5;border:1px solid #f2d4d4;color:#b84141;border-radius:6px;font-size:13px;padding:11px 14px;margin:15px 0;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 18px}.stat{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:110px;padding:16px 21px}.stat>div:first-child{display:flex;flex-direction:column}.stat .muted{font-size:12px}.stat strong{font-size:29px;line-height:1.4;letter-spacing:-.6px;font-weight:650}.stat small{font-size:11px;color:#99a4b4}.stat-icon{height:37px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e7f2ff;color:#218ce5}.stat-icon .ui-icon{height:22px;width:22px;stroke-width:1.9}.stat-icon.green{background:#eaf8f1;color:#2bb37b}.stat-icon.teal{background:#eaf8f6;color:var(--teal)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(285px,1fr);gap:16px;margin-bottom:16px;align-items:stretch}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px;min-width:0}.dashboard-grid .panel{margin:0}.node-panel{min-height:409px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-rail{display:flex;flex-direction:column;gap:15px}.dashboard-rail>.panel{flex:1}.pool-meter{margin:10px 0 13px}.pool-meter>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;margin-bottom:6px}.pool-meter b{font-size:11px;font-weight:500}.pool-meter span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track{height:7px;border-radius:10px;background:#e8edf2;overflow:hidden}.track>span{display:block;height:100%;background:var(--teal);border-radius:10px}.amber-bg{background:#ffb51a!important}.timeline{padding:0 0 3px 4px}.timeline>div{display:flex;align-items:flex-start;gap:10px;position:relative;padding:6px 0 8px 13px;cursor:pointer;font-size:12px;border-left:1px solid #e1e8ef}.timeline-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--teal);left:-4px;top:13px;box-shadow:0 0 0 3px white}.timeline>div>small{font-size:11px;color:#8d9ab0;width:34px;flex:none}.timeline>div>span:last-child{display:flex;flex-direction:column}.timeline>div>span>small{font-size:10px;color:#8d9ab0}.resource-panel{padding-bottom:14px}.table-scroll{overflow:auto;width:100%;border:1px solid #e5eaf0;border-radius:6px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{background:#f1f5f8;color:#59687f;font-weight:600;font-size:11px;padding:11px 13px}td{padding:13px;border-top:1px solid #edf0f4;color:#4c5c74;max-width:380px;overflow:hidden;text-overflow:ellipsis}tbody tr:nth-child(even){background:#fcfdfe}tbody tr:hover{background:#f5faf9}.actions-cell{white-space:nowrap;text-align:right}.actions-cell button{margin-left:2px}.wrap-cell{white-space:normal;min-width:160px;line-height:1.7}.cell-note{display:block;font-size:10px;color:#8f9db0;margin-top:3px}.empty{text-align:center;padding:50px 20px;color:#96a2b3;white-space:normal}.empty svg{display:block;margin:0 auto 12px;width:28px;height:28px;opacity:.5}.empty-small{color:#97a3b4;font-size:12px;padding:17px 5px;text-align:center}.status-label{display:inline-flex;align-items:center;gap:7px;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#27b078;vertical-align:middle;margin-right:5px;flex:none}.status-label .status-dot{margin:0}.status-label.warn{color:#c68b16}.status-label.warn .status-dot{background:#eda71b}.status-label.error{color:#c25252}.status-label.error .status-dot{background:#d86666}.status-label.muted .status-dot{background:#a8b3c1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.toolbar>div:last-child{display:flex;gap:10px}.toolbar .search{width:300px;max-width:45%;font-size:12px;height:38px}.toolbar>select{width:auto;font-size:12px}.inline-check{flex-direction:row;align-items:center;gap:8px;font-weight:400;font-size:12px}.footnote{font-size:12px;color:#8997a9;margin:8px 0 25px;max-width:1100px}.tabs{display:flex;gap:4px;background:#eaf0f4;border:1px solid #e1e7ee;border-radius:7px;padding:3px}.tabs button{padding:7px 17px;color:#7a889c;font-size:12px;border-radius:5px}.tabs button.active{background:white;box-shadow:0 1px 3px #23344d0d;color:var(--teal);font-weight:600}.scheduler-toolbar{display:flex;align-items:center;gap:14px}.scheduler-toolbar>div{margin-right:auto}.scheduler-toolbar p{font-size:12px;margin-top:7px}.scheduler-toolbar select{width:230px}.simulation .decision{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0 18px;border-bottom:1px solid var(--border);gap:20px}.decision>div{display:flex;flex-direction:column;gap:5px}.decision small{font-size:11px;color:var(--muted)}.decision strong{font-size:19px;font-weight:600}.decision span{font-size:11px;color:#7f8da1}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.setting-list{margin:0}.setting-list>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #edf1f5;font-size:12px}.setting-list>div:last-child{border:0}.setting-list dt{color:#8390a2}.setting-list dd{margin:0;overflow-wrap:anywhere}.setting-list dd small{display:block;color:#9aa5b4;font-size:11px;margin-top:6px}.code{background:#f3f6f9;border:1px solid #e7ecf1;color:#52637c;border-radius:6px;padding:14px;font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.button-stack{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(145deg,#f0f8f7,#f6f8fb 55%,#eef3f8)}.login-panel,.install-panel{background:#fff;border:1px solid #dde6eb;border-radius:12px;box-shadow:0 16px 65px #19394d08;width:420px;padding:32px}.install-panel{width:700px}.auth-page .brand{padding:0;margin-bottom:28px;min-height:0}.auth-page h1{font-size:24px;margin-bottom:5px}.auth-page .muted{font-size:13px}.auth-page form{margin-top:25px}.login-panel label{margin:18px 0}.login-panel .fine{text-align:center;margin-top:25px}.checks{display:flex;gap:9px;flex-wrap:wrap;font-size:11px}.checks span{padding:3px 8px;background:#f3f7f8;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 19px}.form-grid .wide{grid-column:1/-1}.modal-overlay{position:fixed;inset:0;z-index:100;background:#182d4659;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:650px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:white;border-radius:10px;box-shadow:0 20px 80px #0c243b30;overflow:hidden;animation:appear .15s ease}.modal.large{width:1000px}.modal>header{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);flex:none}.modal-body{padding:20px 24px;overflow:auto}.modal .notice{margin:0 0 18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.import-command{background:#f6f9fb;padding:13px;border-radius:6px;margin-bottom:18px;border:1px solid var(--border)}.import-command button{margin-top:9px}.import-command textarea{font-size:11px}.job-summary{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:12px}.event-list{margin:12px 0 20px;padding-left:5px}.event-list>div{position:relative;display:flex;flex-direction:column;border-left:1px solid var(--border);padding:0 0 23px 20px;gap:4px}.event-list small{font-size:11px;color:#97a4b4}.event-list strong{font-size:12px;font-weight:500}.event-list .muted{font-size:10px}.event-list .timeline-dot{top:5px}.json-output{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:12px/1.8 Consolas,monospace;color:#52637c}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #c7e7dc;box-shadow:0 6px 30px #12372b16;border-radius:7px;color:#208369;padding:12px 20px;z-index:200;max-width:90vw;font-size:13px}.toast.error{color:#b64747;border-color:#f0cccc}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 18px;margin-top:15px;color:#a2adba;font-size:10px}footer>span{text-align:right}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.main-content{padding-top:30px}.stat{min-height:120px}.node-panel{min-height:450px}td{padding:15px}}@media(max-width:1200px){.sidebar{width:195px}.workspace{margin-left:195px}.main-content{padding:22px 20px 0}.nav-item{font-size:12px;padding-left:18px}.brand{padding-left:17px}.brand strong{font-size:21px}.brand>svg{width:35px}.page-heading>div{display:block}.page-heading p{margin-top:6px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}th,td{padding:11px}.stat{padding:15px}.stat-icon{width:30px;height:30px}.stat strong{font-size:25px}.stat-icon .ui-icon{width:19px;height:19px}.topbar{padding:0 20px}.top-actions{gap:9px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.settings-layout{grid-template-columns:1fr}.settings-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr}.node-panel{min-height:280px}.stats{gap:10px}.stat-icon{display:none}.stat{min-height:100px}.simulation .decision{grid-template-columns:1fr 1fr}.scheduler-toolbar{flex-wrap:wrap}.scheduler-toolbar>div{width:100%}.toolbar{gap:12px}.toolbar>div:last-child{gap:7px}.toolbar .search{width:230px}.tabs button{padding:6px 10px}.nav-item{gap:10px}.settings-layout>div{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:218px;box-shadow:15px 0 40px #243b4e18;transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button{display:inline-flex;margin-right:auto}.topbar{padding:0 14px;height:56px;gap:10px}.top-actions{gap:8px}.user-avatar,.username{display:none}.top-actions>.primary{font-size:11px;padding:6px 9px}.mode-label{font-size:10px;padding:6px 8px}.main-content{padding:20px 14px 0}.page-heading{align-items:flex-start;margin-bottom:17px}h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.6;max-width:240px}.page-heading>.secondary{padding:6px 9px;font-size:10px;min-height:32px}.mode-notice{align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:11px}.mode-notice>span{max-width:90%}.mode-notice .text-button{margin-left:20px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px 16px;min-height:104px}.stat-icon{display:flex}.stat strong{font-size:26px}.stat .muted{font-size:11px}.dashboard-rail{grid-template-columns:1fr}.panel{padding:13px;margin-bottom:15px}.panel-heading h2{font-size:15px}.node-panel{min-height:220px}.dashboard-grid{gap:15px}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.toolbar .search{max-width:100%;width:100%}.toolbar>div:last-child{flex-wrap:wrap;justify-content:space-between}.toolbar>select{width:100%}.tabs{align-self:flex-start}.toolbar>.inline-check{align-self:flex-end}.toolbar>button{align-self:flex-end}.simulation .decision{grid-template-columns:1fr 1fr;gap:20px 12px}.decision strong{font-size:16px}.scheduler-toolbar select{width:auto;flex:1;min-width:150px}.settings-layout{gap:0}.setting-list>div{grid-template-columns:95px minmax(0,1fr)}.modal-overlay{padding:12px}.modal{max-height:94vh}.modal>header{padding:15px 17px}.modal-body{padding:17px}.form-grid{grid-template-columns:1fr;gap:15px}.form-grid .wide{grid-column:auto}.install-panel{padding:23px 20px}.login-panel{padding:28px 23px}.auth-page{padding:25px 15px}.auth-page h1{font-size:22px}.auth-page .brand{margin-bottom:24px}.job-summary{align-items:flex-start;gap:10px;flex-direction:column}.footnote{font-size:11px}footer{font-size:9px;gap:10px}.timeline>div{padding-bottom:12px}.pool-meter{margin-bottom:16px}}

/* Readable control density, matching the dashboard concept. */
table{font-size:13px}th{font-size:12px}.nav-item{font-size:14px}.node-panel td{padding-top:11px;padding-bottom:11px}@media(max-width:700px){.stat:last-child .stat-icon{display:none}.stat strong{font-size:24px}.nav-item{font-size:13px}}

.help-panel{background:#f6fafb;border:1px solid #dce9ed;border-radius:7px;padding:11px 14px;margin-bottom:17px;font-size:12px;color:#566e80}.help-panel summary{cursor:pointer;color:#176d80;font-weight:600}.help-panel p{margin-top:10px}.help-panel ol{padding-left:20px;margin:8px 0 0}.help-panel li{margin:7px 0;line-height:1.85}.help-panel a,.guide-grid a{color:#0d9488;text-decoration:none;font-size:12px}.form-context{font-size:12px;color:#61778a;background:#f4f8fa;border-left:3px solid #36a69b;padding:11px 13px;margin-bottom:14px;line-height:1.9}.connection-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-grid .panel{margin:0}.guide-grid .muted{font-size:12px;margin-top:10px}.guide-steps{font-size:12px;line-height:1.95;padding-left:20px;color:#5a6c82}.guide-steps li{margin:10px 0}@media(max-width:950px){.guide-grid{grid-template-columns:1fr}}@media(max-width:700px){.connection-tools{display:grid;grid-template-columns:1fr 1fr}.connection-tools button{white-space:normal}.guide-steps{font-size:12px}}