:root{font-family:Inter,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;color:#f7f0df;background:#050403;font-synthesis:none;--bg: #050403;--sidebar: #080705;--surface: #11100d;--surface-2: #17140f;--surface-3: #211b11;--border: #3a2f19;--border-strong: #8b6b2d;--text: #f7f0df;--muted: #aa9a78;--blue: #d8aa45;--cyan: #f0c96a;--green: #55d477;--violet: #c38432;--red: #ff6a5f}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}.route-loading{display:grid;min-height:100vh;place-items:center;color:var(--muted);background:var(--bg)}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;width:252px;background:var(--sidebar);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;height:114px;padding:0 22px;border-bottom:1px solid var(--border);font-size:17px;font-weight:700;line-height:1.55}.brand-mark,.metric-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:var(--blue);background:#1b1509;border:1px solid #74551c;border-radius:5px}.brand-mark{width:42px;height:42px}.main-nav{display:grid;gap:7px;padding:18px 12px}.nav-item{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;color:var(--muted);text-decoration:none;border:1px solid transparent;border-radius:5px}.nav-item:hover{color:var(--text);background:#12100b}.nav-item.active{color:#fff4d8;background:#1a1409;border-color:#b88732}.nav-item.active svg{color:var(--blue)}.sidebar-fullscreen{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:auto 18px 26px;padding:0 12px;color:#f0c96a;background:#151209;border:1px solid var(--border-strong);border-radius:4px;cursor:pointer;font-size:13px}.sidebar-fullscreen:hover{border-color:var(--blue);background:#1d170d}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green)}.status-dot.warning{background:#e5ad45}.app-main{min-height:100vh;margin-left:252px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;padding:15px 28px;border-bottom:1px solid var(--border);background:#080705}.topbar h1{margin:0;font-size:24px;line-height:1.3;letter-spacing:0}.breadcrumb{margin-top:7px;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;white-space:nowrap}.icon-action,.secondary-button{display:inline-grid;place-items:center;border:1px solid var(--border-strong);background:#151209;border-radius:4px;cursor:pointer}.icon-action{width:36px;height:36px}.icon-action:hover,.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.service-state{display:flex;align-items:center;gap:8px;color:#d4c5a2}.page-content{min-height:calc(100vh - 86px);padding:18px 22px 26px}.data-notice{margin-bottom:12px;padding:9px 12px;color:#e7ba61;background:#251d0d;border:1px solid #694b16;border-radius:4px;font-size:13px}.data-notice.inline{margin:0;border-width:1px 0 0;border-radius:0}.dashboard-page{display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 130px)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;min-width:0;min-height:178px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.metric-label{display:flex;align-items:center;gap:10px;color:#d7c8a6;font-size:14px;white-space:nowrap}.metric-icon{width:34px;height:34px}.metric-card.green .metric-icon{color:var(--green);background:#0d3828;border-color:#1c6044}.metric-card.violet .metric-icon{color:var(--violet);background:#241609;border-color:#7a4d1e}.metric-value{margin-top:15px;color:#f2c15a;font-size:clamp(25px,2vw,33px);font-weight:700;white-space:nowrap}.metric-card.green .metric-value{color:var(--green)}.metric-card.violet .metric-value{color:var(--violet)}.metric-value .currency{margin-right:6px;font-size:.72em}.metric-value small{margin-left:6px;color:#dfd0aa;font-size:13px;font-weight:500}.metric-target{margin-top:8px;color:var(--muted);font-size:12px}.progress-track,.wide-progress{overflow:hidden;height:7px;background:#332916;border-radius:4px}.progress-track{margin-top:16px;margin-right:52px}.progress-track span,.wide-progress span{display:block;height:100%;background:var(--blue);border-radius:inherit}.metric-card.green .progress-track span{background:var(--green)}.metric-card.violet .progress-track span{background:var(--violet)}.progress-value{position:absolute;right:17px;bottom:13px;color:#f0c96a;font-size:12px}.metric-card.green .progress-value{color:var(--green)}.metric-card.violet .progress-value{color:var(--violet)}.metric-card.compact{min-height:132px;padding:14px 16px;border-radius:5px}.metric-card.compact .metric-value{margin-top:10px;font-size:24px}.metric-card.compact .progress-track{margin-top:10px}.metric-card.compact .metric-icon{width:30px;height:30px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:6px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px}.panel-heading h2{margin:0;color:#f6ead1;font-size:16px}.panel-heading span{color:var(--muted);font-size:12px}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;min-height:0}.trend-panel,.completion-panel{padding:12px 16px 14px;min-height:330px}.dashboard-page .trend-panel{display:flex;flex-direction:column;min-height:clamp(330px,42vh,620px)}.chart-wrap{height:263px}.dashboard-page .chart-wrap{flex:1 1 auto;min-height:260px;height:auto}.completion-item{padding:15px 13px;border:1px solid var(--border);border-radius:5px;background:#151209}.completion-item+.completion-item{margin-top:12px}.completion-title,.completion-details{display:flex;align-items:center;justify-content:space-between;gap:12px}.completion-title{margin-bottom:13px;font-size:14px}.completion-title strong{color:#f0c96a;font-size:22px}.completion-item.violet .completion-title strong{color:var(--violet)}.completion-item.violet .wide-progress span{background:var(--violet)}.completion-details{margin-top:11px;color:var(--muted);font-size:12px}.module-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.dashboard-page .module-row{margin-top:0}.module-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:108px;padding:14px 18px;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:6px}.module-entry:hover{border-color:var(--blue);background:var(--surface-2)}.module-icon{display:grid;place-items:center;width:60px;height:60px;color:var(--blue)}.module-entry.cyan .module-icon{color:var(--cyan)}.module-entry.violet .module-icon{color:var(--violet)}.module-copy{display:grid;gap:3px;min-width:0}.module-copy strong{font-size:18px}.module-copy small{color:#d8c99f;font-size:12px}.module-copy em{overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.update-panel{margin-top:14px;padding:10px 16px 16px}.status-table{border:1px solid var(--border);border-radius:4px;overflow:hidden}.status-row{display:grid;grid-template-columns:1.1fr 1fr 1fr .7fr;min-height:39px;border-top:1px solid var(--border)}.status-row:first-child{border-top:0}.status-row.header{color:var(--muted);background:#17140f}.status-row span{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13px}.compact-kpis{margin-bottom:14px}.module-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.module-bands{display:grid;gap:14px;align-content:start}.module-band{background:var(--surface);border:1px solid var(--border);border-radius:6px}.module-band.selected{border-color:#c9943a}.module-band-heading{display:grid;grid-template-columns:64px 1fr auto 130px;align-items:center;gap:16px;width:100%;min-height:106px;padding:14px 18px;border:0;background:transparent;text-align:left;cursor:pointer}.module-band-heading>span:nth-child(2){display:grid;gap:7px}.module-band-heading strong{font-size:20px}.module-band-heading small,.module-band-heading em{color:var(--muted);font-size:13px;font-style:normal}.enter-module{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--blue);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 18px}.feature-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:98px;padding:12px;background:#151209;border:1px solid var(--border);border-radius:5px;text-align:left;cursor:pointer}.feature-tile:hover{border-color:var(--blue);background:#1d170d}.feature-tile>svg{color:var(--cyan)}.feature-tile span{display:grid;gap:5px;min-width:0}.feature-tile strong{font-size:15px}.feature-tile small{color:var(--muted);font-size:11px;line-height:1.4}.workspace-rail{display:grid;gap:14px;align-content:start}.quick-query,.recent-panel{padding:14px 16px}.quick-query label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:13px}select,input{width:100%;min-width:0;height:38px;padding:0 11px;color:var(--text);background:#0d0b07db;border:1px solid var(--border-strong);border-radius:4px;outline:none}select:focus,input:focus{border-color:var(--blue)}input[type=date]{color-scheme:dark;background:#110e0894;border-color:#d8aa459e;box-shadow:inset 0 0 0 1px #ffd76a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.92;filter:sepia(1) saturate(2.2) hue-rotate(352deg) brightness(1.12)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 18px;color:#171008;background:#d8aa45;border:1px solid #f0c96a;border-radius:4px;cursor:pointer;font-weight:700}.primary-button:hover{background:#f0c96a}.quick-query .primary-button{width:100%;margin-top:14px}.recent-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0;background:transparent;border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer}.recent-panel button:hover{color:var(--blue)}.recent-panel button span{display:grid;gap:4px}.recent-panel button small{color:var(--muted);font-size:11px}.query-kpis .metric-card{min-height:128px}.query-workbench{display:flex;flex-direction:column;min-height:calc(100vh - 130px);margin-top:14px;overflow:hidden}.query-workbench.no-top-kpis{margin-top:0}.query-tabs{display:flex;gap:28px;min-height:58px;overflow-x:auto;padding:0 18px;border-bottom:1px solid var(--border);scrollbar-width:none}.query-tabs::-webkit-scrollbar{display:none}.query-tabs button{flex:0 0 auto}.query-tabs button{position:relative;border:0;background:transparent;color:var(--muted);cursor:pointer}.query-tabs button.active{color:#f0c96a}.query-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--blue)}.filter-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));align-items:end;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}.filter-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:12px}.secondary-button{width:38px;height:38px;padding:0}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.query-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 14px 0}.query-charts.single-chart{grid-template-columns:minmax(0,1fr)}.mini-chart{padding:10px 12px 2px;background:#0d0b07;border:1px solid var(--border);border-radius:5px}.mini-chart-title{display:flex;align-items:center;justify-content:space-between}.mini-chart-title strong{font-size:14px}.mini-chart-title span{color:var(--muted);font-size:11px}.chart-canvas{position:relative}.chart-average-labels{position:absolute;top:5px;right:74px;left:74px;z-index:2;display:flex;justify-content:center;gap:10px;pointer-events:none}.chart-average-labels span{padding:2px 8px;color:#c8b894;background:#0807059e;border:1px solid rgba(139,107,45,.42);border-radius:3px;font-size:10px}.data-table-wrap{flex:1 1 260px;min-height:220px;max-height:none;margin:14px 14px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--border);border-radius:4px}.data-table-wrap::-webkit-scrollbar{display:none}.loading-state,.empty-state{display:grid;min-height:180px;place-items:center;color:var(--muted);font-size:14px}.data-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;font-size:13px}.data-table.equal-columns{table-layout:fixed;min-width:0}.data-table.equal-columns th,.data-table.equal-columns td{width:50%}.data-table th,.data-table td{height:50px;padding:0 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table tr:last-child td{border-bottom:0}.data-table th{position:sticky;top:0;z-index:3;color:#d8c99f;background:#17140f;font-weight:500}.data-table td:first-child{position:sticky;left:0;z-index:1;background:#11100d;text-align:left}.data-table th:first-child{left:0;z-index:4}.positive{color:var(--green)}.negative{color:var(--red)}.blue-text{color:#f0c96a}.normal-state{display:inline-flex;align-items:center;gap:7px}.table-progress{display:grid;grid-template-columns:minmax(110px,1fr) 64px;align-items:center;gap:10px;min-width:190px}.table-progress-track{overflow:hidden;height:8px;background:#332916;border-radius:5px}.table-progress-track i{display:block;height:100%;background:#d8aa45;border-radius:inherit}.table-progress strong{color:#f0c96a;font-size:12px;font-weight:600;text-align:right}.table-progress.profit .table-progress-track i{background:#ff4d4f}.table-progress.profit strong{color:#ff4d4f}.table-footer{display:flex;align-items:center;gap:18px;min-height:62px;padding:0 16px;color:var(--muted);font-size:12px}.pagination{display:flex;gap:5px;margin-left:auto}.pagination button{width:34px;height:34px;background:#151209;border:1px solid var(--border);border-radius:4px}.pagination button.active{background:var(--blue);border-color:var(--blue)}.pagination button:disabled{color:#6f6042}.pagination-ellipsis{display:inline-grid;place-items:center;width:28px;height:34px;color:var(--muted)}@media(max-width:1280px){.sidebar{width:214px}.app-main{margin-left:214px}.brand{padding:0 15px;font-size:15px}.page-content{padding:14px}.metric-value{font-size:24px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-toolbar{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media(max-width:980px){.sidebar{width:76px}.app-main{margin-left:76px}.brand{height:86px;justify-content:center;padding:0}.brand-copy,.nav-item span,.sidebar-fullscreen span{display:none}.main-nav{padding:14px 9px}.nav-item{justify-content:center;padding:0}.sidebar-fullscreen{justify-content:center;margin:auto 10px 20px;padding:0}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle,.module-workspace,.module-row{grid-template-columns:1fr}.workspace-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.query-charts{grid-template-columns:1fr}}