:root{--color-primary:#0868ac;--color-primary-dark:#0a4e82;--color-primary-light:#e6f2fa;--color-header-start:#0f4c75;--color-header-middle:#145f88;--color-header-end:#176f91;--color-text-dark:#1a2b4a;--color-text-primary:#1a2b4a;--color-text-heading:#17324d;--color-text-secondary:#64748b;--color-number:#173b5e;--color-text-body:#333;--color-text-muted:#5f6b76;--color-bg-page:#f5f7fa;--color-bg-card:#fff;--color-bg-sidebar:#fafbfc;--color-border:#e2e8f0;--color-nav-text:#374151;--color-nav-icon:#687684;--color-nav-hover-bg:#f0f5f9;--color-nav-selected-bg:#e6f2fa;--color-nav-selected-text:#075a96;--space-page:20px;--space-page-compact:12px;--space-section:10px;--radius-panel:10px;--radius-kpi-card:8px;--height-kpi-accent:4px;--min-width-kpi-card:176px;--min-height-kpi-card:104px;--color-kpi-blue:#0868ac;--color-kpi-green:#159a8c;--color-kpi-amber:#e49a38;--color-kpi-red:#d94b5b;--color-kpi-neutral:#8297a2;--color-kpi-ai:#5d72c9;--height-business-toolbar:48px;--shadow-card:0 1px 4px #0f23320e;--color-kpi-card-hover-border:#cbdde8;--shadow-kpi-card-hover:0 10px 24px #11496b24;--motion-kpi-card-hover-duration:.18s;--motion-kpi-card-hover-offset:-3px;--motion-kpi-card-hover-scale:1.025}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-width:320px;color:var(--color-text-body);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.data-value-empty{color:#9aa7b2!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important}.chart-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;display:flex}.chart-empty-state .ant-empty-description{color:#9aa7b2;font-size:13px}.ai-insight-placeholder{color:#6b77a8;background:linear-gradient(115deg,#fbfbff 0%,#f5f7ff 52%,#fbfbff 100%)}.ai-insight-placeholder__title{color:#5d72c9;white-space:nowrap;flex:none;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.ai-insight-placeholder__content{color:#8790b2;font-size:11px;line-height:1.6}.ai-insight-placeholder--compact{border:1px solid #e7e9f6;border-radius:6px;justify-content:flex-end;align-items:center;gap:7px;width:min(330px,64%);min-width:0;min-height:28px;padding:3px 8px;display:flex}.ai-insight-placeholder--compact .ai-insight-placeholder__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-insight-placeholder--block{border-top:1px solid #e6e8f4;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:11px 16px;display:flex}.ai-insight-placeholder--side{border:1px solid #e2e5f2;border-radius:0 9px 9px 0;flex-direction:column;justify-content:center;gap:5px;min-height:100%;padding:14px 16px;display:flex}.app-shell{background:var(--color-bg-page);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-topbar{z-index:20;background:linear-gradient(105deg, var(--color-header-start) 0%, var(--color-header-middle) 52%, var(--color-header-end) 100%);border-bottom:1px solid #ffffff29;flex:0 0 64px;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 22px 0 16px;display:flex;box-shadow:0 3px 12px #0f4c7529}.topbar-left,.topbar-right,.brand-lockup,.environment-chip,.header-user{align-items:center;display:flex}.topbar-left{gap:14px;min-width:0}.topbar-right{justify-content:flex-end;gap:10px}.topbar-station{width:220px}.topbar-station .ant-select-selector{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff40!important}.topbar-station .ant-select-selection-item,.topbar-station .ant-select-arrow{color:#fff!important}.shell-toggle,.header-icon-button{color:#ffffffd1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:inline-flex}.shell-toggle:hover{color:#fff;background:#ffffff1f}.brand-lockup{gap:11px;min-width:0}.header-logo{object-fit:contain;width:38px;height:38px}.header-title{color:#fff;letter-spacing:.06em;white-space:nowrap;font-size:18px;font-weight:650}.environment-chip{color:#ffffffdb;background:#ffffff1a;border:1px solid #fff3;border-radius:9px;gap:7px;height:36px;padding:0 11px}.environment-status{background:#67f0dd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #67f0dd24}.environment-label{color:#ffffff9e;font-size:11px}.environment-chip strong,.header-user-name{color:#fff;font-size:12px;font-weight:600}.header-time{color:#ffffffbd;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px;font-size:12px}.header-icon-button{cursor:pointer;border-color:#ffffff1a;position:relative}.header-icon-button:hover,.header-icon-button:focus-visible{color:#fff;background:#ffffff1f;border-color:#ffffff38}.operating-notification-panel{width:390px;max-height:min(620px,100vh - 120px);overflow:hidden}.operating-notification-toolbar{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;font-size:12px;display:flex}.operating-notification-list{flex-direction:column;gap:8px;max-height:min(540px,100vh - 190px);padding-right:4px;display:flex;overflow-y:auto}.operating-notification-item{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#f8fafc;padding:10px 12px}.operating-notification-item-title{color:var(--color-text-primary);align-items:center;gap:6px;display:flex}.operating-notification-item-title .ant-tag{margin-inline-end:0}.operating-notification-item p{color:var(--color-text-secondary);margin:7px 0 0;font-size:12px;line-height:1.55}.operating-notification-item small{color:var(--color-text-muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.operating-notification-state{min-height:120px;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:10px;display:flex}.operating-notification-state.is-error{flex-direction:column}.header-user{gap:7px;height:38px;padding:0 7px 0 4px}.header-user-button{color:inherit;cursor:pointer;background:0 0;border:0}.header-user-button:hover,.header-user-button:focus-visible{background:#ffffff1a;border-radius:9px;outline:none}.header-user-avatar{color:#fff;background:#0a3e5b57;border:1px solid #fff3;border-radius:9px;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;font-weight:600;display:inline-flex}.app-body{flex:1;min-height:0;display:flex}.app-sidebar{border-right:1px solid #e3e8ed;display:flex;position:relative;overflow:hidden;box-shadow:3px 0 12px #0f233209;background:var(--color-bg-sidebar)!important}.app-sidebar .ant-layout-sider-children{flex-direction:column;width:100%;display:flex}.app-sidebar .ant-menu{flex:1;padding:12px 10px;overflow-y:auto;background:0 0!important;border-inline-end:0!important}.app-sidebar .ant-menu-item-group-title{letter-spacing:.1em;font-weight:600;color:#74818d!important;padding:14px 10px 7px!important;font-size:12px!important}.app-sidebar .ant-menu-item,.app-sidebar .ant-menu-submenu-title{border:1px solid #0000;font-weight:500;width:100%!important;height:42px!important;color:var(--color-nav-text)!important;border-radius:8px!important;margin:2px 0!important;padding-inline:13px!important;font-size:15px!important;line-height:40px!important}.app-sidebar .ant-menu-item .anticon,.app-sidebar .ant-menu-submenu-title .anticon{color:var(--color-nav-icon);font-size:16px}.app-sidebar .ant-menu-item-selected{border-color:#d2e6f2;font-weight:600;color:var(--color-nav-selected-text)!important;background:var(--color-nav-selected-bg)!important}.app-sidebar .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled):hover,.app-sidebar .ant-menu-submenu-title:hover{color:var(--color-nav-selected-text)!important;background:var(--color-nav-hover-bg)!important}.app-sidebar .ant-menu-sub{background:0 0!important}.app-sidebar .ant-menu-sub .ant-menu-item{height:36px!important;min-height:36px!important;padding-left:42px!important;font-size:13px!important;line-height:34px!important}.app-sidebar .ant-menu-sub .ant-menu-item:before{content:"";background:#98adb8;border-radius:50%;width:4px;height:4px;position:absolute;left:27px}.app-sidebar.ant-layout-sider-collapsed .ant-menu{padding-inline:8px}.app-sidebar.ant-layout-sider-collapsed .ant-menu-item-group-title{display:none}.app-sidebar.ant-layout-sider-collapsed .ant-menu-item,.app-sidebar.ant-layout-sider-collapsed .ant-menu-submenu-title{padding-inline:calc(50% - 8px)!important}.app-content{min-width:0;padding:var(--space-page);background:var(--color-bg-page);overflow:hidden}.app-content.business-kpi-hover-scope .business-kpi-card{transition:transform var(--motion-kpi-card-hover-duration) ease, border-color var(--motion-kpi-card-hover-duration) ease, box-shadow var(--motion-kpi-card-hover-duration) ease;position:relative;transform:translateZ(0)}@media (hover:hover) and (pointer:fine){.app-content.business-kpi-hover-scope .business-kpi-card:hover{z-index:3;border-color:var(--color-kpi-card-hover-border);box-shadow:var(--shadow-kpi-card-hover);transform:translateY(var(--motion-kpi-card-hover-offset)) scale(var(--motion-kpi-card-hover-scale))}}@media (prefers-reduced-motion:reduce){.app-content.business-kpi-hover-scope .business-kpi-card{transition:none}.app-content.business-kpi-hover-scope .business-kpi-card:hover{transform:none}}.business-data-table{border-collapse:separate;border-spacing:0;width:100%;color:var(--color-text-body);font-size:12px}.business-data-table thead th{color:var(--color-text-heading);background:#f6f9fb;font-weight:650}.business-data-table th,.business-data-table td{border-bottom:1px solid var(--color-border)}.app-content .ant-table-wrapper .ant-table{color:var(--color-text-body);font-size:12px}.app-content .ant-table-wrapper .ant-table-thead>tr>th{color:var(--color-text-heading);background:#f6f9fb;font-weight:650}.health-page{width:100%}.page-heading{margin-bottom:4px}.page-heading .ant-typography{margin-bottom:6px}.eyebrow{color:var(--color-primary);letter-spacing:.14em;font-size:11px;font-weight:700}.health-page .ant-card{border-color:var(--color-border);box-shadow:var(--shadow-card)}@media (width<=980px){.header-time,.environment-label{display:none}}@media (width<=1599px){.app-content{padding:16px}.cockpit-kpi-grid,.operations-kpi-grid,.day-ahead-kpi-grid,.period-kpi-grid,.realtime-price-kpi-grid,.interprovincial-kpi-grid,.station-archive-kpis,.trading-review-kpis,.trading-strategy-kpis,.project-annual-kpis,.overview-kpi-grid,.revenue-kpi-grid,.settlement-kpi-grid,.storage-revenue-kpi-grid,.system-settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.realtime-price-main,.weather-analysis-main,.trading-workbench-layout,.station-archive-main,.settlement-daily-layout,.monthly-clearing-layout{grid-template-columns:minmax(0,1fr)!important}}@media (width<=1399px){.cockpit-kpi-grid,.operations-kpi-grid,.day-ahead-kpi-grid,.period-kpi-grid,.realtime-price-kpi-grid,.interprovincial-kpi-grid,.station-archive-kpis,.trading-review-kpis,.trading-strategy-kpis,.project-annual-kpis,.overview-kpi-grid,.revenue-kpi-grid,.settlement-kpi-grid,.storage-revenue-kpi-grid,.system-settings-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=1199px){.cockpit-kpi-grid,.operations-kpi-grid,.day-ahead-kpi-grid,.period-kpi-grid,.realtime-price-kpi-grid,.interprovincial-kpi-grid,.station-archive-kpis,.trading-review-kpis,.trading-strategy-kpis,.project-annual-kpis,.overview-kpi-grid,.revenue-kpi-grid,.settlement-kpi-grid,.storage-revenue-kpi-grid,.system-settings-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.business-tabs-bar,.business-toolbar{flex-wrap:wrap;align-items:flex-start}.business-tabs-bar__tabs{max-width:100%;overflow:auto hidden}.app-topbar{padding-right:12px}.header-time,.environment-label{display:none}.topbar-station{width:min(210px,24vw)!important}.permission-layout,.system-settings-content-grid,.project-station-archive-layout{grid-template-columns:minmax(0,1fr)!important}}@media (height<=899px){.app-content .business-page-shell:not(.business-page-shell--fixed){overflow:hidden auto!important}}@media (width<=760px){.app-topbar{padding-right:10px}.header-user-name,.environment-chip{display:none}.app-content{padding:var(--space-page-compact)}.header-title{display:none}.topbar-station{width:min(170px,42vw)!important}}.business-kpi-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--business-kpi-min-width,var(--min-width-kpi-card))), 1fr));gap:var(--space-section);min-width:0;display:grid}.business-kpi-card--unified,.app-content.business-kpi-hover-scope .business-kpi-card{min-width:0;min-height:var(--min-height-kpi-card);color:inherit;font:inherit;text-align:initial;padding:13px 12px 10px;position:relative;overflow:hidden;border:1px solid var(--color-border)!important;border-radius:var(--radius-kpi-card)!important;box-shadow:var(--shadow-card)!important;background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%)!important}.app-content.business-kpi-hover-scope .business-kpi-card:not(.business-kpi-card--unified):before{border-radius:var(--radius-kpi-card) var(--radius-kpi-card) 0 0;position:absolute;width:auto!important;height:var(--height-kpi-accent)!important;background:var(--business-kpi-tone,var(--metric-color,var(--color-kpi-blue)))!important;content:""!important;inset:0 0 auto!important}.business-kpi-card--unified:before{content:none!important;display:none!important}.business-kpi-card--unified:after,.app-content.business-kpi-hover-scope .business-kpi-card:after{display:none!important}.business-kpi-card--blue,.tone-blue,.blue{--business-kpi-tone:var(--color-kpi-blue)}.business-kpi-card--green,.tone-green,.green{--business-kpi-tone:var(--color-kpi-green)}.business-kpi-card--amber,.tone-amber,.tone-orange,.orange,.fee,.price,.market,.spread,.revenue,.revenue-primary{--business-kpi-tone:var(--color-kpi-amber)}.business-kpi-card--red,.tone-red,.red,.loss,.cost,.adjustment{--business-kpi-tone:var(--color-kpi-red)}.business-kpi-card--neutral{--business-kpi-tone:var(--color-kpi-neutral)}.business-kpi-card--ai,.tone-violet,.violet,.purple,.mechanism{--business-kpi-tone:var(--color-kpi-ai)}.energy,.energy-primary,.recovery,.assessment,.seller{--business-kpi-tone:var(--color-kpi-green)}.buyer,.operating,.comprehensive,.primary{--business-kpi-tone:var(--color-kpi-blue)}.business-kpi-card__accent{width:auto;height:var(--height-kpi-accent);border-radius:var(--radius-kpi-card) var(--radius-kpi-card) 0 0;background:var(--business-kpi-tone,var(--color-kpi-blue));pointer-events:none;display:block;position:absolute;inset:0 0 auto}.business-kpi-card__heading{grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;min-height:28px;display:grid}.business-kpi-card__icon{width:28px;height:28px;color:var(--business-kpi-tone,var(--color-kpi-blue));background:color-mix(in srgb, var(--business-kpi-tone,var(--color-kpi-blue)) 11%, white);border-radius:7px;grid-column:1;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.business-kpi-card__label{min-width:0;color:var(--color-text-muted);text-align:center;overflow-wrap:anywhere;grid-column:2;font-size:12px;font-weight:650;line-height:1.35}.business-kpi-card__value{min-height:37px;color:var(--color-number);justify-content:center;align-items:baseline;gap:4px;margin-top:5px;display:flex}.business-kpi-card__value strong{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:24px;font-weight:750;line-height:1.25}.business-kpi-card__value small{color:var(--color-text-muted);flex:none;font-size:11px}.business-kpi-card__detail{min-height:18px;color:var(--color-text-secondary);text-align:center;overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.4}.business-kpi-card--interactive{width:100%;color:inherit;font:inherit;cursor:pointer}.business-kpi-card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}