:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7fa}.app-shell{min-height:100vh}.topbar{height:68px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;background:#001529;color:#fff;line-height:normal}.brand-icon{display:block;width:32px;height:32px;object-fit:contain;flex:none}.brand-title{font-size:18px;font-weight:650;line-height:22px}.brand-subtitle{font-size:12px;color:#adc6ff;margin-top:2px;line-height:16px}.sidebar{background:#fff;border-right:1px solid #e6eaf0;overflow:visible}.sidebar .ant-menu{border-inline-end:0;padding-top:12px}.content{padding:24px;min-height:calc(100vh - 68px);overflow:auto}.page-stack{width:100%}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-heading h3{margin-bottom:4px}.records-filters{justify-content:flex-end}.records-interface-select{min-width:280px}.records-date-range{width:260px}.energy-query-result{width:100%}.energy-query-toolbar{min-height:40px}.energy-query-batch-select{width:min(420px,100%)}.energy-query-metric-select{width:min(260px,100%)}.energy-query-chart{width:100%;height:420px;min-height:320px}.energy-query-chart-state{display:grid;place-items:center}.analytics-panel{display:grid;gap:16px;width:100%}.analytics-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-stat{min-width:0;padding:16px;border:1px solid #e5e9ef;border-radius:6px;background:#fff}.analytics-stat .ant-statistic-content{font-size:26px}.analytics-stat-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#667085;font-size:12px}.analytics-band{min-width:0;padding:18px 20px 20px;border-top:1px solid #e5e9ef;background:#fff}.analytics-band h4{margin:0 0 14px;font-size:17px}.spot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.spot-completeness{white-space:nowrap;font-size:13px}.spot-completeness.complete{color:#28755d}.spot-completeness.partial{color:#b76625}.spot-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.negative-price-panel{min-width:0;border-left:1px solid #e5e9ef;padding-left:18px}.negative-price-count{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:14px 16px;border:1px solid #f2d8d5;border-radius:6px;background:#fff8f7;color:#8f4b44}.negative-price-count strong{color:#cf5c50;font-size:28px}.negative-price-panel h5{margin:14px 0 8px}.negative-price-value{color:#cf5c50;font-weight:600}.json-editor{margin-top:16px;font-family:SFMono-Regular,Consolas,monospace}.status-chart{width:100%;height:230px}.error-panel{border-color:#ffccc7;background:#fff2f0}.full-width{width:100%}.operation-actions{white-space:nowrap}.reservoir-filters{justify-content:flex-end}.reservoir-filter-select{width:180px}.reservoir-chart-panel,.reservoir-table-panel{width:100%}@media(max-width:991px){.sidebar.ant-layout-sider-collapsed .ant-menu{display:none}.sidebar .ant-layout-sider-zero-width-trigger{top:8px;left:0;z-index:10}}@media(max-width:1100px){.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spot-chart-layout{grid-template-columns:1fr}.negative-price-panel{border-left:0;border-top:1px solid #e5e9ef;padding:16px 0 0}}@media(max-width:768px){.topbar{padding:0 16px}.content{padding:16px}.page-heading{align-items:flex-start;flex-direction:column}.records-filters,.reservoir-filters{justify-content:flex-start;width:100%}.records-interface-select{min-width:min(280px,100%)}.records-date-range{width:min(260px,100%)}.reservoir-filters .ant-picker,.reservoir-filter-select,.energy-query-toolbar,.energy-query-toolbar .ant-picker,.energy-query-batch-select,.energy-query-metric-select{width:100%}.energy-query-chart{height:340px}.analytics-stat-grid{grid-template-columns:1fr}.analytics-band{padding:16px 0 18px}.spot-toolbar{align-items:flex-start;flex-direction:column}}