*{box-sizing:border-box}:root{color-scheme:light;--bg: #f4f6f7;--panel: #ffffff;--border: #d9e2dc;--border-soft: #ebf0ed;--text: #17201c;--muted: #66736c;--green: #176447;--green-soft: #e7f6ee;--amber: #7a5510;--amber-soft: #fff6dc;--red: #8a2b1b;--red-soft: #ffe8e2;--blue: #315786;--blue-soft: #edf3ff}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}main{min-height:100vh;padding:24px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.1}h2{font-size:18px;line-height:1.2}h3{font-size:14px}.appHeader,.panelHeader,.toolbar,.panelFooter,.rowActions,.statusFooter,.chartMeta,.checkLine,.segmented,.panelHeaderActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.appHeader{justify-content:space-between;margin-bottom:18px}.appShell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:0;align-items:start}.sideNav{position:sticky;top:24px;display:grid;gap:18px;min-height:calc(100vh - 48px);align-content:start;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.brandBlock{display:grid;gap:8px}.brandBlock h1{font-size:24px}.brandBlock p{color:var(--muted);font-size:13px;line-height:1.6}.sideNavGroup{display:grid;gap:8px}.sideGroupTitle{color:var(--muted);font-size:12px;font-weight:700}.sideRouteLink,.sideSectionLink{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:40px;border:1px solid var(--border-soft);border-radius:7px;background:#fbfcfb;color:var(--text);padding:8px 12px;font-size:14px;font-weight:650;text-decoration:none;text-align:left}.sideRouteLink:hover,.sideSectionLink:hover{border-color:#6c7d73}.sideRouteLinkActive{background:#17201c;color:#fff;border-color:#17201c}.sideFooter{margin-top:auto;display:grid;gap:10px}.sideFooter .userBadge,.sideFooter button{width:100%;justify-content:center}.contentPane{min-width:0}.contentPane>.banner{margin-bottom:16px}.appHeader p,.panelSubtitle,.muted{color:var(--muted);font-size:13px;line-height:1.5}.toolbar{justify-content:flex-end}button,select,input{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid #cfd9d3;border-radius:7px;background:#fff;color:var(--text);padding:8px 12px;font-size:14px;font-weight:650}select,input{width:100%;min-width:96px;font-weight:500}input,select{cursor:text}button{cursor:pointer}button:hover,select:hover,input:hover{border-color:#6c7d73}button:disabled,select:disabled,input:disabled{opacity:.6;cursor:not-allowed}input:focus,select:focus{outline:2px solid #c7dae6;outline-offset:1px}button.warn{background:#fff8e5;border-color:#c8a03b}button.danger{background:#fff1ef;border-color:#cc7767}.segmented{gap:8px}.segmented button{min-width:88px;justify-content:center}.segmented a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:88px;border:1px solid #cfd9d3;border-radius:7px;background:#fff;color:var(--text);padding:8px 12px;font-size:14px;font-weight:650;text-decoration:none}.segmented .segActive{background:#17201c;color:#fff;border-color:#17201c}.userBadge{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--border);border-radius:7px;padding:8px 12px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}.banner,.inlineError{display:flex;align-items:center;gap:8px;border-radius:8px;padding:10px 12px;font-size:13px}.banner,.inlineError{border:1px solid #f0c9bf;background:#fff4ef;color:var(--red)}.inlineNote{color:var(--muted);font-size:13px;padding:0 16px 16px}.panel{min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:8px}.widePanel{grid-column:1 / -1}.panelHeader{justify-content:space-between;align-items:flex-start;padding:16px 18px;border-bottom:1px solid var(--border-soft)}.panelTitleBlock{display:flex;flex-direction:column;gap:4px}.titleWithIcon{display:inline-flex;align-items:center;gap:8px}.panelNotice{margin:16px 18px 0;border:1px solid #d9e7ef;border-radius:7px;background:#f6fafc;color:#355260;padding:10px 12px;font-size:13px;line-height:1.5}.runStatusGrid,.metricGrid,.formGrid,.overviewGrid,.runStatusDetails,.twoColumnPanels,.settingsPageGrid{display:grid;gap:16px}.runStatusGrid{grid-template-columns:repeat(6,minmax(0,1fr));padding:16px 18px 0}.statCard,.metricGrid>div{min-width:0;border:1px solid var(--border-soft);border-radius:8px;background:#fbfcfb}.statCard{display:flex;align-items:center;gap:12px;min-height:86px;padding:14px}.statIcon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:#eef1ef;color:#46514b;flex:0 0 auto}.statIcon.green{background:var(--green-soft);color:var(--green)}.statIcon.amber{background:var(--amber-soft);color:var(--amber)}.statIcon.blue{background:var(--blue-soft);color:var(--blue)}.statCopy{min-width:0}.statCopy span,.metricGrid span,.field span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:700}.statCopy strong,.metricGrid strong{display:block;font-size:18px;line-height:1.2;overflow-wrap:anywhere}.runStatusDetails{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.miniPanel{border:1px solid var(--border-soft);border-radius:8px;background:#fbfcfb;padding:12px}.miniPanel h3{margin-bottom:10px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 0}.metricGrid.threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.metricGrid.compactMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.metricGrid>div{padding:12px}.statusFooter{justify-content:space-between;padding:14px 18px 18px;color:var(--muted);font-size:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.targetList{display:grid;gap:16px;padding:16px 18px 18px}.panelForm{display:grid;gap:14px;padding:16px}.panelFooter{padding:16px 18px 18px;justify-content:flex-start}.overviewGrid,.settingsPageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pageBody{margin-top:18px}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}table.wideTimeTable{width:max-content;min-width:100%;table-layout:auto}th,td{padding:11px 12px;border-bottom:1px solid var(--border-soft);text-align:left;font-size:13px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{color:var(--muted);background:#fbfcfb;font-weight:700}.denseTable th,.denseTable td{padding:9px 10px;font-size:12px}table.wideTimeTable th,table.wideTimeTable td{overflow:visible;text-overflow:clip}table.wideTimeTable .col-time{min-width:176px;width:176px}table.wideTimeTable .col-symbol{min-width:92px;width:92px}table.wideTimeTable .col-side,table.wideTimeTable .col-position{min-width:62px;width:62px}table.wideTimeTable .col-status{min-width:88px;width:88px}.empty{color:var(--muted);text-align:center;height:72px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#eef1ef;color:#46514b;font-size:12px;font-weight:700}.pill.online:before,.pill.offline:before{content:"";width:7px;height:7px;border-radius:999px;margin-right:6px;background:var(--green)}.pill.offline:before{background:#a2aaa6}.pill.succeeded,.pill.success,.pill.submitted,.pill.active,.pill.sent,.pill.enabled,.pill.filled{background:var(--green-soft);color:var(--green)}.pill.pending,.pill.running,.pill.leased,.pill.cooling,.pill.partially_filled{background:var(--amber-soft);color:var(--amber)}.pill.failed,.pill.blocked,.pill.disabled,.pill.skipped{background:var(--red-soft);color:var(--red)}.pill.admin,.pill.member{background:var(--blue-soft);color:var(--blue)}.rowActions{justify-content:flex-start}button.iconBtn{width:32px;height:32px;min-height:32px;justify-content:center;padding:0}.chartToolbar{display:grid;grid-template-columns:200px 140px;gap:12px;padding:16px 18px 0}.chartToolbar.threeFields{grid-template-columns:repeat(3,minmax(0,1fr))}.chartShell{padding:12px 18px 18px}.chartMeta{padding-bottom:10px;color:var(--muted);font-size:12px}.chartArea{width:100%;height:340px}.twoColumnPanels{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 0}.borderedBlock{border:1px solid var(--border-soft);border-radius:8px;background:#fbfcfb}.checkLine{justify-content:flex-start}.checkRow{display:inline-flex;align-items:center;gap:8px;color:#35413c;font-size:13px;font-weight:650}.checkRow input{width:16px;min-width:16px;height:16px;min-height:16px;padding:0}.loginPage{display:grid;place-items:center;padding:20px}.loginPanel{width:min(420px,100%);display:grid;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:24px;box-shadow:0 18px 50px #14272014}.loginPanel p{margin-top:6px}@media (max-width: 1200px){.runStatusGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.metricGrid.threeColumns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){main{padding:16px}.appShell{grid-template-columns:1fr}.sideNav{position:static;min-height:auto}.appHeader,.panelHeader{flex-direction:column;align-items:flex-start}.toolbar{justify-content:flex-start}.overviewGrid,.settingsPageGrid,.runStatusDetails,.twoColumnPanels,.formGrid,.chartToolbar{grid-template-columns:1fr}.runStatusGrid,.metricGrid,.metricGrid.threeColumns,.metricGrid.compactMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){h1{font-size:24px}.runStatusGrid,.metricGrid,.metricGrid.threeColumns,.metricGrid.compactMetricGrid{grid-template-columns:1fr}.chartArea{height:280px}.statusFooter{flex-direction:column;align-items:flex-start}th,td{font-size:12px}}