:root{--ink:#20262b;--muted:#73808b;--line:#e2e7e9;--green:#147d64;--accent:#157b62;--paper:#f5f7f8;--red:#bd3944}*{box-sizing:border-box;letter-spacing:0}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button svg,a svg{width:17px;height:17px;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:9px 14px;border-radius:5px;white-space:nowrap;background:none;color:inherit}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:25px;font-weight:650;margin-bottom:5px}h2{font-size:17px;font-weight:650;margin-bottom:6px}h3{font-size:14px;margin-bottom:12px}.muted{color:var(--muted)}[hidden]{display:none!important}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#11634f}.secondary{background:white;border-color:#d7dfe2}.secondary:hover,.icon-button:hover{background:#edf2f3}.danger{color:var(--red)}.icon-button{width:34px;height:34px;padding:7px;border-radius:4px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;color:var(--ink);padding:30px 22px}.brand img{width:36px;height:36px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:0}.brand-image{height:44px;width:44px;margin-bottom:18px}.login-layout{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f2f5f5}.login-form{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);padding:32px;border-radius:8px}.login-form h1{font-size:25px}.login-form button{width:100%;margin-top:12px}.login-form label{margin:18px 0}.login-form .error{min-height:20px;margin-bottom:0}#sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}#nav{padding:12px}#nav button{width:100%;justify-content:flex-start;margin-bottom:5px;height:43px;padding-left:15px;color:#66717b;border-radius:5px}#nav button:hover{background:#f4f7f7}#nav button.active{background:#e7f3ee;color:#12684f;font-weight:600}.sidebar-bottom{margin-top:auto;padding:20px 25px;border-top:1px solid var(--line)}.sidebar-bottom a,.sidebar-bottom button{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:13px;color:#65727c;width:100%;padding:9px 0}.sidebar-bottom a svg{width:17px}main{margin-left:232px;min-height:100dvh}.topbar{height:70px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{color:#8b959c}.topbar-right{display:flex;align-items:center;gap:22px}.connection{font-size:12px;color:var(--green)}.connection:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#edf0f3;border:1px solid #dde4e8;border-radius:50%;color:#68727b;font-size:12px}.workspace{max-width:1450px;margin:0 auto;padding:32px 36px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{font-size:13px;margin:0}.heading-actions{display:flex;align-items:center;gap:10px}#dirty{font-size:12px;color:#a86616}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 0 30px;gap:24px}.metric{padding-right:10px}.metric-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-label svg{width:16px;height:16px}.metric-value{font-size:26px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.metric-note{font-size:12px;color:var(--muted);margin-top:9px}.good{color:var(--green)}.warn{color:#b67c29}.overview-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:40px;margin-top:30px}.section{padding:28px 0;border-bottom:1px solid var(--line)}.section:first-child{padding-top:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-title h2{margin:0}.section-note{font-size:12px;color:var(--muted);margin:7px 0 0}.summary-list{margin:12px 0 0}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-line dt{color:var(--muted);min-width:70px}.summary-line dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.activity{padding:14px 0;border-bottom:1px solid var(--line)}.activity-head{display:flex;justify-content:space-between;gap:12px;font-size:13px}.activity small{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--green);padding:2px 7px;background:#e8f4ee;border-radius:3px}.badge.failed,.badge.interrupted{background:#fae9eb;color:var(--red)}.badge.running{background:#fff2dc;color:#986717}.empty{padding:36px 12px;text-align:center;color:#82909b;border-top:1px solid var(--line);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:930px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;min-width:0;font-size:13px;font-weight:500}label>input,label>select,label>textarea{margin-top:8px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #d6dfe2;border-radius:5px;padding:10px 12px;min-height:42px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#208970;outline:2px solid #147d6415}input::placeholder,textarea::placeholder{color:#9ba4ad}textarea{resize:vertical;line-height:1.65;min-height:170px;font:13px/1.7 "Cascadia Code",Consolas,"Microsoft YaHei",monospace}.wide{grid-column:1/-1}.switch-line{display:flex;justify-content:space-between;align-items:center;padding:13px 0;gap:20px;max-width:930px}.switch-line small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.switch{appearance:none;flex-shrink:0;width:36px;height:21px;border-radius:20px;background:#c9d1d5;position:relative;cursor:pointer;transition:background .15s}.switch:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translateX(15px)}.input-end{position:relative}.input-end input{padding-right:43px}.input-end button{position:absolute;right:4px;top:4px}.field-note{font-size:12px;color:var(--muted);margin-top:7px}.field-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs button{padding:12px 0;border-radius:0;border-bottom:2px solid transparent;color:var(--muted)}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:500;color:var(--muted);background:#edf1f3;font-size:12px}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}table input:not([type=checkbox]){min-width:100px;font-size:12px;padding:8px}.id-column{width:23%}.name-column{width:25%}.action-column{width:45px}.source-table{min-width:610px}.table-wrap+.secondary{margin-top:16px}.text-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.code-editor{height:450px;min-height:250px}.log-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#23292d;color:#dce7e4;padding:20px;font:12px/1.8 Consolas,"Microsoft YaHei",monospace;max-height:550px;overflow:auto;border-radius:5px}.log-output:empty:after{content:"暂无日志"}.job-details{padding:14px 0;border-bottom:1px solid var(--line)}.job-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center}.job-details .log-output{margin-bottom:0}#job-banner{background:#eaf3ef;border:1px solid #c8e1d4;padding:12px 16px;margin-bottom:24px;color:#216749;border-radius:5px;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25342d;color:white;padding:13px 22px;border-radius:6px;max-width:calc(100% - 30px);z-index:100;box-shadow:0 6px 24px #0002}#toast.error{background:#a6323f;color:white}.error{color:var(--red)}dialog{border:1px solid var(--line);border-radius:8px;padding:25px;width:420px;max-width:calc(100% - 32px);box-shadow:0 15px 65px #0002}dialog::backdrop{background:#142b2040}dialog p{color:var(--muted);white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.mobile-only{display:none}.account-form{max-width:420px}.account-form label{margin:20px 0}.busy-spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.workspace{padding-top:40px}.overview-split{gap:60px}}@media(max-width:1100px){#sidebar{width:205px}main{margin-left:205px}.workspace{padding:25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.overview-split{grid-template-columns:1fr}.heading-actions #reload span{display:none}.page-heading{align-items:flex-start}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:232px;box-shadow:10px 0 30px #0001}#sidebar.open{transform:translateX(0)}main{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:60px;padding:0 18px;gap:12px}.topbar-right{margin-left:auto;gap:12px}.crumb{display:none}.workspace{padding:24px 18px 50px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:25px}.heading-actions{width:100%;justify-content:flex-end}.heading-actions #dirty{margin-right:auto}h1{font-size:22px}.metric-value{font-size:23px}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid{gap:18px}.section{padding:24px 0}.tabs{gap:18px;overflow-x:auto}.tabs button{font-size:13px;flex-shrink:0}.overview-split{gap:25px}.text-toolbar{align-items:flex-start}.metric-grid{gap:24px 15px}.connection{font-size:11px}.code-editor{height:380px}.section-title{margin-bottom:20px}td,th{padding:10px 8px}}
