:root{--bg:#f5f6f8;--sidebar:#fff;--surface:#fff;--raised:#fbfcfd;--line:#e5e8ec;--line-strong:#d3d9df;--text:#243143;--muted:#768396;--faint:#9ba6b5;--accent:#376a97;--accent-bg:#edf3f8;--good:#23836a;--good-bg:#eaf7f1;--warn:#ad7929;--warn-bg:#fff6e5;--bad:#b34d4d;--bad-bg:#fff0ef;--shadow:0 10px 36px rgba(18,34,53,.055);color-scheme:light}
html[data-theme=dark]{--bg:#151b23;--sidebar:#1b222c;--surface:#1e2732;--raised:#25303c;--line:#303b49;--line-strong:#455464;--text:#edf2f6;--muted:#a0adba;--faint:#798897;--accent:#82b6dc;--accent-bg:#293b4e;--good:#78c7a5;--good-bg:#243b36;--warn:#e1b86b;--warn-bg:#413826;--bad:#e89092;--bad-bg:#493138;--shadow:0 12px 35px rgba(0,0,0,.12);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI','Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{display:none}.hidden{display:none!important}a{color:var(--accent);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:0 0 242px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:30px 23px 35px}.brand-mark{width:38px;height:38px;border-radius:9px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center}.brand-mark svg{width:21px;height:21px}.brand strong{display:block;font-size:16px;letter-spacing:-.45px;font-weight:680}.brand small{display:block;font-size:9px;font-weight:750;letter-spacing:1.8px;color:var(--faint);margin-top:2px}.side-label{margin:0 26px 12px;font-size:10px;font-weight:750;letter-spacing:1.45px;color:var(--faint)}nav{padding:0 12px}.menu-item{display:flex;align-items:center;gap:13px;border:0;background:none;color:var(--muted);height:44px;width:100%;text-align:left;padding:0 14px;margin:2px 0;border-radius:8px;font-weight:550}.menu-item:hover{background:var(--raised);color:var(--text)}.menu-item.selected{background:var(--accent-bg);color:var(--accent);font-weight:680}.menu-item svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding:0 18px 24px}.side-info{border:1px solid var(--line);border-radius:10px;padding:13px 11px;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:650}.side-info svg{width:17px;height:17px;color:var(--good)}.side-info small{color:var(--muted);font-size:10px;font-weight:400}.version{font-size:10px;color:var(--faint);margin:17px 4px 0}.main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 9px;color:var(--faint)}.breadcrumb strong{color:var(--text);font-weight:650}.top-right{display:flex;align-items:center;gap:20px}.top-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.top-status.live .status-dot{background:var(--good);box-shadow:0 0 0 3px var(--good-bg)}.icon-btn{background:transparent;border:1px solid var(--line);width:35px;height:35px;border-radius:8px;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--raised);color:var(--text)}.user-pill{font-size:12px;padding:5px 10px;border:1px solid var(--line);border-radius:30px}.text-btn{border:0;background:transparent;color:var(--muted);font-size:12px}.content{max-width:1550px;margin:0 auto;padding:36px 40px 80px}.eyebrow{font-size:10px;font-weight:760;letter-spacing:1.55px;color:var(--accent);text-transform:uppercase}.heading-row{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:29px}.heading-row h1{margin:7px 0 6px;font-size:29px;font-weight:700;letter-spacing:-.95px;line-height:1.25}.heading-row p{color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:10px}.primary,.secondary,.danger{border:1px solid transparent;border-radius:8px;padding:9px 15px;font-weight:650;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary svg,.secondary svg{width:15px;height:15px}.primary{background:var(--accent);color:#fff}.primary:hover{filter:brightness(.92)}.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.secondary:hover{background:var(--raised)}.danger{background:var(--bad-bg);color:var(--bad)}button:disabled{opacity:.48;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:22px 23px;min-height:132px}.metric-label{font-size:12px;color:var(--muted);margin-bottom:11px}.metric strong{font-size:29px;font-weight:690;letter-spacing:-.8px;line-height:1}.metric-foot{font-size:11px;color:var(--faint);margin-top:13px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;margin-bottom:18px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);gap:12px}.card-header h2{font-size:15px;letter-spacing:-.15px;margin:0}.card-header p{font-size:12px;color:var(--muted);margin:0}.card-body{padding:20px 22px}.empty{padding:45px 22px;color:var(--muted);text-align:center}.empty strong{color:var(--text);display:block;font-weight:630;font-size:15px;margin:5px 0}.empty p{margin:0 auto 15px;max-width:490px;font-size:13px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);background:var(--raised)}.data-table th,.data-table td{padding:14px 17px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td{font-size:12px;vertical-align:middle}.data-table tr:hover td{background:var(--raised)}.data-table .strong{font-size:13px;font-weight:670}.sub{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px;word-break:break-word}.label{display:inline-flex;align-items:center;border-radius:5px;background:var(--raised);color:var(--muted);font-weight:650;font-size:11px;padding:4px 8px;white-space:nowrap}.label.running,.label.waiting,.label.completed{color:var(--good);background:var(--good-bg)}.label.paused,.label.idle,.label.queued{color:var(--muted);background:var(--raised)}.label.failed,.label.interrupted{color:var(--bad);background:var(--bad-bg)}.label.stopping{color:var(--warn);background:var(--warn-bg)}.job-controls{display:flex;gap:7px;flex-wrap:wrap}.compact{padding:6px 10px;font-size:11px;min-height:30px}.mono{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:11px}.small-muted{font-size:12px;color:var(--muted)}.section-hint{background:var(--accent-bg);color:var(--text);padding:13px 17px;border-radius:8px;border-left:3px solid var(--accent);margin-bottom:21px;font-size:12px}.progress{height:6px;background:var(--line);border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}.stack{display:grid;gap:11px}.kv{display:flex;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--line);font-size:12px}.kv span{color:var(--muted)}.kv strong{font-weight:620;text-align:right}.event-line{display:flex;gap:11px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.event-line:last-child{border:0}.ev-dot{margin-top:5px;width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 7px}.ev-dot.error{background:var(--bad)}.ev-dot.warning{background:var(--warn)}.event-line time{font-size:10px;color:var(--faint);display:block;margin-top:3px}.event-line p{margin:0;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar .spacer{flex:1}.filter-input,select,input{border-radius:7px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);padding:10px 12px;outline:0;width:100%}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}label{font-size:12px;font-weight:620;color:var(--text);display:grid;gap:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .span2{grid-column:1/-1}.form-help{font-size:11px;color:var(--muted);font-weight:400}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.modal-back{position:fixed;inset:0;background:rgba(12,19,27,.6);z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);width:min(660px,100%);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.modal-head{padding:19px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:18px;margin:0}.modal #modal-body{padding:24px}.toast{position:fixed;right:25px;bottom:25px;background:var(--text);color:var(--surface);z-index:20;border-radius:8px;padding:12px 18px;box-shadow:var(--shadow);max-width:480px;font-size:12px}.toast.error{background:var(--bad);color:#fff}.speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.speed-item{border:1px solid var(--line);border-radius:9px;padding:16px}.speed-item h3{margin:0 0 4px;font-size:13px}.speed-item .url{display:block;font-size:10px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:14px}.speed-val{font-size:22px;font-weight:680;letter-spacing:-.5px}.data-table tbody .clickable{cursor:pointer}.data-table tbody .clickable:hover{color:var(--accent)}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-box{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:34px 39px}.brand-auth{padding:0 0 32px}.auth h1{font-size:26px;letter-spacing:-.7px;margin:0 0 6px}.auth p{margin:0 0 25px;color:var(--muted);font-size:13px}.auth form{display:grid;gap:15px}.wide{width:100%;margin-top:7px}.auth-footer{border-top:1px solid var(--line);font-size:11px;color:var(--faint);padding-top:21px;margin-top:28px;text-align:center}.error-msg{font-size:12px;color:var(--bad);min-height:0}.danger-text{color:var(--bad)}.help-block{font-size:12px;color:var(--muted);line-height:1.7}.icon-only{border:0;background:none;color:var(--muted)}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.speed-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:67px;flex-basis:67px}.brand{padding:25px 15px}.brand>span+span,.side-label,.menu-item{font-size:0}.menu-item{justify-content:center;padding:0}.menu-item svg{width:21px;height:21px}.sidebar-bottom{display:none}.topbar{padding:0 20px}.content{padding:24px 19px}.top-status,.user-pill{display:none}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}}@media(max-width:550px){.heading-row{display:block}.heading-row .actions{margin-top:16px}.metric-grid,.speed-grid{grid-template-columns:1fr}.top-right{gap:6px}.content{padding:20px 12px}.data-table{min-width:620px}.table-wrap{overflow-x:auto}.heading-row h1{font-size:24px}}