:root{color:#18202a;background:#f6f8fa;font-family:Inter,Noto Sans CJK SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input{font:inherit}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#435065}.boot-screen,.loading-block,.error-block{min-height:320px;display:flex;align-items:center;justify-content:center;gap:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:#fff;border-right:1px solid #e3e7ec;display:grid;grid-template-rows:76px 1fr 72px;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid #edf0f3;min-width:0}.brand img{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.brand div{display:grid;min-width:0}.brand strong{font-size:15px;line-height:20px;white-space:nowrap}.brand span{font-size:12px;color:#7a8492;white-space:nowrap}.sidebar nav{padding:12px 10px;overflow-y:auto}.sidebar nav button{width:100%;height:40px;border:0;border-radius:6px;background:transparent;color:#5b6675;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:0 11px;margin:2px 0;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.sidebar nav button:hover{background:#f2f5f8;color:#162230}.sidebar nav button.active{background:#eaf3fb;color:#0866b5;font-weight:600}.sidebar nav button i{min-width:20px;height:19px;padding:0 5px;border-radius:8px;background:#d64242;color:#fff;font-size:11px;font-style:normal;line-height:19px;text-align:center}.sidebar-user{border-top:1px solid #edf0f3;display:grid;grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:12px;min-width:0}.sidebar-user>div{display:grid;min-width:0}.sidebar-user strong,.sidebar-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:13px}.sidebar-user span{font-size:11px;color:#8a93a0;text-transform:uppercase}.main-content{min-width:0;padding:24px 28px 48px}.page-header{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.page-header h1{margin:0;font-size:23px;line-height:30px;font-weight:650;color:#16202c}.page-meta{margin-top:3px;color:#7b8593;font-size:12px}.page-actions{flex:0 0 auto}.filter-bar{min-height:66px;display:flex;align-items:end;gap:10px;padding:11px 0 14px;margin-bottom:4px;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;overflow-x:auto}.filter-bar label,.modal-form label,.login-form label{display:grid;gap:5px;color:#667180;font-size:11px}.filter-bar input[type=date]{width:142px;height:32px;padding:0 9px;border:1px solid #d9dee5;border-radius:5px;background:#fff;color:#27313d;outline:none}.filter-bar input[type=date]:focus{border-color:#1f7bc0;box-shadow:0 0 0 2px #1f7bc01f}.filter-bar .semi-select{width:142px}.filter-bar .refresh-button{width:34px;height:32px;flex:0 0 34px}.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(126px,1fr));border-bottom:1px solid #e1e5ea;margin-bottom:22px;overflow-x:auto}.metric-cell{position:relative;min-width:126px;min-height:112px;padding:19px 18px 17px;border-right:1px solid #e6e9ed;background:#fff}.metric-cell:first-child{border-left:3px solid #1677d2}.metric-cell:last-child{border-right:0}.metric-cell.tone-green:first-child,.metric-cell.tone-green{border-top:2px solid #2a9d68}.metric-cell.tone-amber{border-top:2px solid #d78b22}.metric-cell.tone-red{border-top:2px solid #d64242}.metric-label{color:#727d8b;font-size:12px;margin-bottom:8px}.metric-value{color:#17212d;font-size:25px;line-height:31px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-change{margin-top:5px;font-size:11px}.metric-change.positive{color:#24865c}.metric-change.negative{color:#ca4141}.chart-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:0;border-top:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb;background:#fff}.chart-section{min-width:0;padding:18px 18px 10px}.chart-section+.chart-section{border-left:1px solid #e5e8ec}.chart-section h2{margin:0 0 4px;font-size:14px;font-weight:620;color:#2a3440}.table-section{margin-top:16px;background:#fff;border-top:1px solid #e1e5ea;border-bottom:1px solid #e1e5ea;overflow-x:auto}.data-table{min-width:780px}.data-table .semi-table-thead>.semi-table-row>.semi-table-row-head{background:#f7f9fb;color:#626d7b;font-size:11px;font-weight:600;height:40px}.data-table .semi-table-row{min-height:54px}.data-table .semi-table-row:hover>.semi-table-row-cell{background:#f8fafc}.data-table .semi-table-row-cell{color:#313b47;font-size:12px;border-bottom-color:#edf0f3}.data-table strong{font-weight:600;color:#1f2935}.secondary{margin-top:2px;color:#8a93a0;font-size:11px}.modal-form{display:grid;gap:14px;padding:4px 0}.modal-form .semi-select{width:100%}.modal-form .switch-row{grid-template-columns:1fr auto;align-items:center}.settings-list{background:#fff;border-top:1px solid #e2e6eb}.settings-list>div{min-height:52px;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid #edf0f3}.settings-list span{color:#6c7785;font-size:12px}.settings-list strong{font-size:13px}.error-block{color:#7a8492}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(260px,420px);align-content:center;justify-content:center;gap:34px;padding:32px;background:#f7f9fb}.login-brand{display:flex;align-items:center;justify-content:center;gap:16px}.login-brand img{width:62px;height:62px;object-fit:contain}.login-brand h1{margin:0;font-size:25px;line-height:32px}.login-brand span{color:#788391;font-size:12px}.login-form{display:grid;gap:16px;padding:25px 28px 28px;border:1px solid #dfe4e9;border-radius:7px;background:#fff;box-shadow:0 8px 30px #2a374612}.login-form .semi-button{margin-top:3px;height:38px}@media(max-width:1120px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand{justify-content:center;padding:0}.brand div,.sidebar nav button span,.sidebar-user>div{display:none}.sidebar nav button{grid-template-columns:1fr;justify-items:center;padding:0}.sidebar nav button i{position:absolute;margin:-24px 0 0 24px}.sidebar-user{grid-template-columns:32px 32px;justify-content:center;padding:12px 6px}.metric-strip{grid-template-columns:repeat(3,minmax(150px,1fr))}.metric-cell{border-bottom:1px solid #e6e9ed}.chart-grid{grid-template-columns:1fr}.chart-section+.chart-section{border-left:0;border-top:1px solid #e5e8ec}}@media(max-width:680px){.app-shell{display:block;padding-top:118px}.sidebar{position:fixed;width:100%;height:118px;left:0;top:0;display:grid;grid-template-rows:58px 60px;border-right:0;border-bottom:1px solid #dfe4e9}.brand{justify-content:flex-start;padding:0 14px}.brand img{width:34px;height:34px}.brand div{display:grid}.sidebar nav{grid-row:2;display:flex;padding:7px 8px;gap:4px;overflow-x:auto;overflow-y:hidden}.sidebar nav button{flex:0 0 44px;width:44px;height:44px;margin:0}.sidebar-user{position:absolute;right:8px;top:7px;border:0}.main-content{padding:18px 14px 36px}.page-header h1{font-size:20px}.page-header{min-height:42px}.filter-bar{align-items:end}.metric-strip{grid-template-columns:repeat(6,145px)}.metric-cell{min-height:102px;padding:15px 14px}.chart-section{padding:15px 10px 8px}.login-screen{padding:20px}.login-form{padding:22px 18px}}