:root{--bg:#f5f6f8;--panel:#fff;--text:#18201e;--muted:#7b8581;--line:#e8ebe9;--green:#176b4d;--green-2:#e7f3ed;--red:#d55749;--shadow:0 8px 28px rgba(25,46,38,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px;background:#10271f;color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 34px;font-size:20px;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#d4f05e;color:#10271f;font-size:22px}.sidebar nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#afbeb8;padding:13px 14px;text-align:left;border-radius:7px;font-size:15px;cursor:pointer}.nav-item span{display:inline-block;width:28px;font-size:18px}.nav-item.active,.nav-item:hover{background:#244238;color:#fff}.side-note{margin-top:auto;padding:16px;border-top:1px solid #2c443b;display:grid;gap:7px;font-size:12px;color:#98aaa3}.side-note strong{color:#dce7e2;font-size:13px}main{min-width:0;padding:0 38px 50px}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto}.topbar p{margin:0 0 5px;color:var(--muted);font-size:13px}.topbar h1{margin:0;font-size:25px}.primary,.secondary{border:0;border-radius:7px;padding:11px 17px;font-size:14px;font-weight:600;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:var(--text);border:1px solid #dce1de}.view{display:none;max-width:1280px;margin:auto}.view.active{display:block}.summary-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.hero-card,.metric,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero-card{padding:26px 28px;background:var(--green);color:#fff}.hero-head,.hero-foot,.panel-head{display:flex;align-items:center;justify-content:space-between}.hero-head{font-size:14px;color:#d8e7e0}.status-dot{font-size:12px}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4f05e;margin-right:6px}.money{font-size:40px;font-weight:750;margin:18px 0}.hero-foot{font-size:13px;color:#c5d9d1}.metric{padding:25px;display:flex;flex-direction:column}.metric span{color:var(--muted);font-size:14px}.metric strong{font-size:26px;margin:20px 0 13px}.metric small{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:16px;margin-top:16px}.panel{padding:23px}.panel h2,.records-toolbar h2{font-size:17px;margin:0}.panel p,.records-toolbar p{font-size:12px;color:var(--muted);margin:5px 0 0}.legend{font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.chart-wrap{height:250px;margin-top:20px}.chart-wrap canvas{width:100%;height:100%}.text-btn{border:0;background:none;color:var(--green);cursor:pointer}.platform-list{margin-top:18px}.platform-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.platform-row:first-child{border-top:0}.platform-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:var(--green-2);color:var(--green);font-weight:700}.platform-name{font-size:14px;font-weight:600}.platform-name small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.platform-value{text-align:right;font-weight:650}.change{display:block;font-size:11px;margin-top:4px}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}.recent-panel{margin-top:16px}.record-row,.table-head{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 70px;align-items:center;gap:16px;padding:14px 4px;border-top:1px solid var(--line);font-size:14px}.table-head{color:var(--muted);font-size:12px}.record-source{display:flex;gap:10px;align-items:center}.thumb{width:42px;height:42px;border-radius:6px;object-fit:cover;background:#eef1ef}.record-source small{display:block;color:var(--muted);margin-top:3px}.amount{font-weight:700}.tag{width:max-content;padding:3px 7px;border-radius:5px;background:var(--green-2);color:var(--green);font-size:11px}.row-actions button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:17px}.empty{padding:32px;text-align:center;color:var(--muted)}.records-panel{padding:0;overflow:hidden}.records-toolbar{padding:22px;display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:8px}.filters input,.filters select,.manual-row input{border:1px solid #dce1de;border-radius:6px;padding:10px;background:#fff;color:var(--text)}#recordsTable{padding:0 22px 16px}.report-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.segment{display:flex;background:#e9ecea;padding:3px;border-radius:7px}.segment button{border:0;background:transparent;padding:8px 18px;border-radius:5px;cursor:pointer;color:var(--muted)}.segment button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px #ccd2ce}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.report-kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.report-kpi span{font-size:13px;color:var(--muted)}.report-kpi strong{display:block;font-size:24px;margin-top:10px}.report-table{width:100%;border-collapse:collapse;margin-top:18px}.report-table th,.report-table td{text-align:left;padding:14px 10px;border-top:1px solid var(--line);font-size:14px}.report-table th{font-size:12px;color:var(--muted);font-weight:500}.mobile-nav{display:none}dialog{border:0;padding:0;background:transparent;width:min(760px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:rgba(12,24,19,.55);backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:9px;padding:24px;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between}.modal h2{margin:0;font-size:19px}.modal p{margin:5px 0 0;color:var(--muted);font-size:13px}.icon-btn{border:0;background:#f0f2f1;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.upload-zone{position:relative;margin-top:20px;border:1.5px dashed #b9c5bf;border-radius:8px;padding:28px;text-align:center;display:grid;gap:7px;background:#fafbfa}.upload-zone.drag{border-color:var(--green);background:var(--green-2)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone span{font-size:12px;color:var(--muted)}.upload-icon{font-size:24px;color:var(--green)}.ocr-progress{margin-top:14px}.ocr-progress div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ocr-progress progress{width:100%;accent-color:var(--green)}.hidden{display:none}.draft-list{display:grid;gap:10px;margin-top:14px}.draft{display:grid;grid-template-columns:64px 1fr 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:7px}.draft img{width:64px;height:54px;object-fit:cover;border-radius:5px}.draft label,.manual-row label{font-size:11px;color:var(--muted);display:grid;gap:5px}.draft input,.draft select{width:100%;border:1px solid #dce1de;border-radius:5px;padding:8px}.draft button{border:0;background:none;color:var(--red);font-size:18px;cursor:pointer}.manual-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:20px 0 14px}.manual-divider:before,.manual-divider:after{content:"";height:1px;background:var(--line);flex:1}.manual-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:end}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.toast{position:fixed;right:26px;bottom:26px;background:#183d30;color:#fff;padding:12px 18px;border-radius:7px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:20;font-size:13px}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}main{padding:0 16px 92px}.topbar{height:88px}.topbar .primary{display:none}.summary-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:var(--muted);display:grid;place-content:center;gap:3px;font-size:11px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--green)}.record-row,.table-head{grid-template-columns:1.2fr .8fr .8fr 30px}.record-row>:nth-child(3),.table-head>:nth-child(3){display:none}.record-row>:nth-child(4),.table-head>:nth-child(4){display:none}.records-toolbar{align-items:flex-start;gap:15px;flex-direction:column}.filters{width:100%}.filters>*{min-width:0;flex:1}.report-kpis{grid-template-columns:1fr}.draft{grid-template-columns:52px 1fr 1fr auto}.draft img{width:52px}.manual-row{grid-template-columns:1fr 1fr}.manual-row label:first-child{grid-column:1/-1}.modal{padding:18px}}@media(max-width:520px){.summary-grid{grid-template-columns:1fr}.hero-card{grid-column:auto}.money{font-size:36px}.metric{padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center}.metric strong{margin:0;font-size:21px}.metric small{grid-column:1/-1;margin-top:9px}.panel{padding:18px}.chart-wrap{height:210px}.topbar h1{font-size:22px}.draft{grid-template-columns:48px 1fr auto}.draft label:nth-of-type(2){grid-column:2/3}.draft img{grid-row:1/3}.report-toolbar{align-items:center}.report-table{min-width:520px}.panel:has(.report-table){overflow:auto}.manual-row{display:grid}.modal-actions .primary{display:block}}

/* Dashboard refinements for complete-day revenue reporting. */
.topbar p{display:flex;align-items:center;gap:7px}.topbar p:before{content:"";width:7px;height:7px;border-radius:50%;background:#36a273;box-shadow:0 0 0 4px #e1f2ea}.hero-card{position:relative;overflow:hidden;background:#164f3c;border-color:#164f3c;box-shadow:0 12px 30px rgba(16,65,48,.16)}.hero-card:after{content:"";position:absolute;right:-46px;bottom:-70px;width:180px;height:180px;border:28px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}.hero-head,.hero-foot,.money{position:relative;z-index:1}.metric{justify-content:space-between;min-height:156px}.metric strong{letter-spacing:0}.panel{box-shadow:0 5px 20px rgba(25,46,38,.045)}.platform-row{grid-template-columns:36px minmax(0,1fr) auto;padding:15px 0}.platform-icon{width:36px;height:36px;background:#edf6f2;border:1px solid #dcece5}.platform-name>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.platform-name small{display:inline;color:var(--muted);margin:0;font-size:11px}.platform-bar{display:block;height:5px;margin-top:8px;background:#edf0ee;border-radius:3px;overflow:hidden}.platform-bar i{display:block;height:100%;background:#58a986;border-radius:3px}.platform-value{min-width:84px}.recent-panel{margin-bottom:8px}
.topbar-tools{display:flex;align-items:flex-end;gap:8px}.date-switcher{display:grid;gap:5px;color:var(--muted);font-size:11px}.date-switcher input{height:40px;border:1px solid #dce1de;border-radius:7px;background:#fff;color:var(--text);padding:0 11px;font:inherit;font-size:13px}.refresh-btn{width:40px;height:40px;border:1px solid #dce1de;border-radius:7px;background:#fff;color:var(--green);font-size:21px;cursor:pointer}.refresh-btn:hover{background:var(--green-2)}.refresh-btn.loading{animation:refreshSpin .7s linear infinite}.metric.forecast{border-top:3px solid #d4f05e}@keyframes refreshSpin{to{transform:rotate(360deg)}}
.efficiency-bar{margin-left:auto;display:flex;align-items:center;gap:20px;padding:10px 16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px rgba(25,46,38,.04)}.efficiency-bar>i{width:1px;height:34px;background:var(--line)}.efficiency-bar label,.efficiency-bar>div{display:grid;gap:5px}.efficiency-bar label>span:first-child,.efficiency-bar>div>span{color:var(--muted);font-size:11px}.bandwidth-input{display:flex;align-items:baseline;gap:5px}.bandwidth-input input{width:48px;border:0;border-bottom:1px solid #cbd3cf;background:transparent;color:var(--text);font-size:18px;font-weight:700;padding:0 2px;outline:none}.bandwidth-input input:focus{border-color:var(--green)}.bandwidth-input b{font-size:11px;color:var(--muted);font-weight:500}.efficiency-bar strong{font-size:18px;color:var(--green);white-space:nowrap}
.hero-foot .change{display:inline;color:#d4f05e;margin:4px 0 0}
.insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.insight{position:relative;min-width:0;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;overflow:hidden}.insight:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#9aa39f}.insight.negative:before{background:var(--red)}.insight.positive:before{background:#279068}.insight.warning:before{background:#c88b22}.insight>span{color:var(--muted);font-size:12px}.insight strong{grid-row:1/3;grid-column:2;font-size:17px;align-self:center;white-space:nowrap}.insight small{color:#5f6965;white-space:normal}.insight.negative small{color:#b84c40}.insight.positive small{color:#247b59}
@media(max-width:1150px) and (min-width:901px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-card{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.metric{min-width:0}}
@media(max-width:1100px){.efficiency-bar{padding:9px 12px;gap:12px}.efficiency-bar>i{display:none}}
@media(max-width:900px){.mobile-nav{grid-template-columns:repeat(3,1fr)}.insight-strip{grid-template-columns:1fr}.topbar{height:auto;min-height:118px;flex-wrap:wrap;padding:18px 0}.efficiency-bar{order:3;width:100%;margin:0;justify-content:space-between}.topbar-tools{margin-left:auto}.date-switcher span{display:none}.date-switcher input{width:138px}}
@media(max-width:520px){.topbar{min-height:142px;gap:10px}.topbar p{font-size:11px}.topbar h1{font-size:20px}.date-switcher input{width:126px;padding:0 7px}.refresh-btn{width:38px}.efficiency-bar{padding:9px 12px}.hero-card{padding:22px}.hero-foot{align-items:flex-end}.metric{min-height:auto}.content-grid{margin-top:12px}.panel-head{align-items:flex-start}.platform-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.platform-value{min-width:94px}.record-row{gap:10px}.insight{padding:13px 15px}.insight strong{font-size:16px}}

/* Unified operations toolbar and signal band. */
.topbar{height:126px}.dashboard-controls{margin-left:auto;display:flex;align-items:stretch;height:66px;background:#fff;border:1px solid #dfe4e1;border-radius:8px;box-shadow:0 7px 24px rgba(25,46,38,.055);overflow:hidden}.dashboard-controls .efficiency-bar{margin:0;padding:10px 20px;border:0;border-radius:0;box-shadow:none;gap:22px;background:transparent}.dashboard-controls .topbar-tools{align-items:center;gap:7px;margin:0;padding:9px 12px;border-left:1px solid var(--line)}.dashboard-controls .date-switcher{gap:4px}.dashboard-controls .date-switcher input{height:34px;min-width:132px;padding:0 8px;border:0;background:#f3f6f4;border-radius:6px}.dashboard-controls .refresh-btn{width:34px;height:34px;border:0;background:#edf5f1;border-radius:6px}.bandwidth-metric{display:grid;gap:5px}.bandwidth-input{display:flex;align-items:baseline;gap:4px}.bandwidth-input strong{font-size:19px;color:var(--text)}.bandwidth-input b{font-size:11px;color:var(--muted)}.efficiency-bar>i{height:32px}.insight-strip{gap:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 4px 18px rgba(25,46,38,.035)}.insight{border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;padding:16px 20px}.insight:first-child{border-left:0}.insight:before{width:3px;top:13px;bottom:13px;height:auto;border-radius:0 2px 2px 0}.summary-grid{gap:14px}.hero-card,.metric{box-shadow:0 7px 24px rgba(25,46,38,.055)}.metric{border-color:#e3e7e5}.metric.forecast{border-top:1px solid var(--line);position:relative}.metric.forecast:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;background:#b8dd41;border-radius:0 0 3px 3px}
@media(max-width:1150px){.dashboard-controls .efficiency-bar{padding:9px 13px;gap:12px}.dashboard-controls .efficiency-bar>i{display:block}.dashboard-controls .date-switcher input{min-width:120px;width:120px}}
@media(max-width:900px){.topbar{min-height:166px;padding:18px 0;align-content:center}.dashboard-controls{order:3;width:100%;height:62px;margin:0}.dashboard-controls .efficiency-bar{order:initial;width:auto;flex:1;justify-content:space-between}.dashboard-controls .topbar-tools{margin-left:auto}.insight-strip{display:block}.insight{border-left:0;border-top:1px solid var(--line)}.insight:first-child{border-top:0}}
@media(max-width:520px){.topbar{min-height:184px}.dashboard-controls{height:auto;min-height:64px}.dashboard-controls .efficiency-bar{padding:9px 10px;gap:9px}.dashboard-controls .efficiency-bar>i{display:none}.dashboard-controls .topbar-tools{padding:8px;border-left:1px solid var(--line)}.dashboard-controls .date-switcher input{min-width:112px;width:112px}.efficiency-bar strong,.bandwidth-input input{font-size:16px}.insight{padding:14px 16px}}
.report-visuals{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:16px;margin-bottom:16px}.report-chart-panel,.share-panel{min-height:330px}.report-chart-wrap{height:245px;margin-top:18px}.report-chart-wrap canvas{width:100%;height:100%}.share-chart-layout{display:grid;grid-template-columns:180px minmax(150px,1fr);align-items:center;gap:18px;margin-top:18px}.share-chart-layout canvas{width:180px;height:220px}.share-legend{display:grid;gap:2px}.share-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.share-legend>div:last-child{border-bottom:0}.share-legend>div>i{width:8px;height:8px;border-radius:2px}.share-legend span{display:grid;gap:3px}.share-legend b{font-size:13px}.share-legend small{color:var(--muted);font-size:11px}.share-legend strong{font-size:13px}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.report-kpi{box-shadow:0 5px 20px rgba(25,46,38,.04)}
@media(max-width:1100px){.report-visuals{grid-template-columns:1fr}.share-chart-layout{grid-template-columns:220px 1fr}.share-chart-layout canvas{width:220px}}
@media(max-width:620px){.report-kpis{grid-template-columns:1fr}.report-visuals{gap:12px}.report-chart-panel,.share-panel{min-height:auto}.report-chart-wrap{height:220px}.share-chart-layout{grid-template-columns:1fr;justify-items:center}.share-legend{width:100%}}

/* Product visual system: neutral shell, semantic data colors. */
:root{--bg:#f2f4f5;--panel:#fff;--text:#171c1b;--muted:#737d79;--line:#e1e5e3;--green:#0d8063;--green-2:#e8f3ef;--red:#cf4f45;--blue:#3f6fae;--amber:#c58b1c;--shadow:0 5px 18px rgba(27,36,33,.045)}
body{background:var(--bg);color:var(--text)}.app-shell{grid-template-columns:232px 1fr}.sidebar{padding:28px 16px;background:#171e1c;border-right:1px solid #242e2b}.brand{padding:0 12px 36px;font-size:19px}.brand-mark{width:36px;height:36px;background:#18a278;color:#fff;border-radius:7px;font-size:21px}.nav-item{position:relative;color:#aeb8b4;padding:13px 14px;border-radius:6px}.nav-item.active,.nav-item:hover{background:#242d2a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#31b88d;border-radius:0 2px 2px 0}.side-note{border-top-color:#303936;color:#89938f}.side-note strong{color:#e4e8e6}main{padding:0 34px 52px}.topbar,.view{max-width:1360px}.topbar h1{font-size:27px;font-weight:720}.topbar p:before{background:#20a477;box-shadow:0 0 0 4px #dcefe8}.dashboard-controls{border-color:#dce1df;box-shadow:0 4px 14px rgba(27,36,33,.04)}.dashboard-controls .date-switcher input{background:#f1f4f3}.dashboard-controls .refresh-btn{background:#e9f3ef;color:#08745a}.hero-card,.metric,.panel,.report-kpi{border-radius:6px;border-color:var(--line);box-shadow:var(--shadow)}.hero-card{background:#1b2d29;border-color:#1b2d29;box-shadow:0 8px 24px rgba(20,35,31,.13)}.hero-card:after{display:none}.hero-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#25b386}.status-dot:before{background:#46d5a8}.money{font-size:42px}.metric.forecast:before{background:var(--amber)}.summary-grid{gap:12px}.insight-strip{border-radius:6px;box-shadow:none}.insight:before{width:3px}.insight.positive:before{background:#13936f}.insight.negative:before{background:var(--red)}.content-grid{gap:14px;margin-top:14px}.panel{padding:24px}.panel h2,.records-toolbar h2{font-size:18px}.legend i{background:var(--blue)}.platform-icon{background:var(--platform-soft,#edf1ef);border-color:transparent;color:var(--platform-color,#697874)}.platform-bar i{background:var(--platform-color,#697874)}.text-btn{color:#2f639f;font-weight:600}.tag{background:#edf2f7;color:#3f6fae}.record-row{transition:background .15s}.record-row:hover{background:#f7f9f8}.report-kpi{box-shadow:none;border-top:3px solid #d8ddda}.report-kpi:nth-child(1){border-top-color:var(--green)}.report-kpi:nth-child(2){border-top-color:var(--blue)}.report-kpi:nth-child(3){border-top-color:var(--amber)}.segment{background:#e5e9e7}.segment button.active{box-shadow:0 2px 7px rgba(27,36,33,.10)}.secondary{border-color:#d8ddda}.share-legend>div>i{border-radius:2px}.report-table tbody tr{transition:background .15s}.report-table tbody tr:hover{background:#f7f9f8}.chart-tooltip{background:#17201e}.up{color:#0b8464}.down{color:#c84940}

/* Brighter teal shell. */
.sidebar{background:#164b3e;border-right-color:#205c4d}.brand-mark{background:#d4ed62;color:#17483c}.nav-item{color:#c2d6cf}.nav-item.active,.nav-item:hover{background:#286353;color:#fff}.nav-item.active:before{background:#d4ed62}.side-note{border-top-color:#347061;color:#b3cbc3}.side-note strong{color:#fff}.hero-card{background:#1d6955;border-color:#1d6955;box-shadow:0 9px 26px rgba(22,83,67,.17)}.hero-card:before{background:#d4ed62}.hero-head{color:#dcece7}.hero-foot{color:#d2e5de}.status-dot:before{background:#d4ed62}.hero-foot .change{color:#e3f47f}

/* Mist-blue operations workspace. */
:root{--bg:#f4f6f9;--panel:#fff;--text:#111827;--muted:#6b7280;--line:#e5e9ef;--green:#2563eb;--green-2:#edf3fc;--blue:#5277a8;--amber:#a67c43;--shadow:0 8px 28px rgba(30,47,73,.055)}
body{background:var(--bg);color:var(--text)}
.app-shell{grid-template-columns:244px minmax(0,1fr)}
.sidebar{padding:28px 18px;background:#f9fafc;color:var(--text);border-right:1px solid #e2e7ee;box-shadow:8px 0 30px rgba(31,48,70,.025)}
.brand{padding:0 10px 38px;color:#172033;font-size:19px;letter-spacing:0}
.brand-mark{width:38px;height:38px;background:#e7edf7;color:#315b91;border:1px solid #d8e2f0;border-radius:8px;font-size:21px}
.nav-item{color:#667085;padding:13px 14px;border-radius:7px;font-weight:500;transition:background .2s ease-out,color .2s ease-out,transform .2s ease-out}
.nav-item:hover{background:#f0f3f8;color:#274e82;transform:scale(1.01)}
.nav-item.active{background:#e9eff8;color:#234f88;font-weight:650}
.nav-item.active:before{left:0;top:11px;bottom:11px;width:3px;background:#5277a8;border-radius:2px}
.side-note{border-top:1px solid #e3e8ef;color:#8a93a2;line-height:1.65}.side-note strong{color:#4b5565}
main{padding:0 42px 56px}.topbar,.view{max-width:1420px}.topbar{height:132px}.topbar h1{color:#111827;font-size:28px;font-weight:720}.topbar p{color:#7b8492}.topbar p:before{background:#5c83b3;box-shadow:0 0 0 4px #e3eaf4}
.dashboard-controls{height:68px;background:rgba(255,255,255,.92);border-color:#e1e6ed;border-radius:8px;box-shadow:0 7px 22px rgba(39,57,82,.045)}
.dashboard-controls .date-switcher input{background:#f3f5f8;color:#273244}.dashboard-controls .refresh-btn{background:#edf2f8;color:#315f97}.dashboard-controls .refresh-btn:hover{background:#e2eaf4}
.efficiency-bar strong{color:#315f97}.bandwidth-input input:focus{border-color:#5277a8}
.hero-card,.metric,.panel,.report-kpi{border:1px solid #e2e7ed;border-radius:8px;background:#fff;box-shadow:var(--shadow)}
.summary-grid{gap:14px}.hero-card{background:#516f99;border-color:#516f99;color:#fff;box-shadow:0 14px 32px rgba(50,76,112,.16)}
.hero-card:before{width:4px;background:#c4d2e5}.hero-card:after{display:block;right:-72px;bottom:-98px;width:230px;height:230px;border:36px solid rgba(255,255,255,.055)}
.hero-head{color:#e6ebf2}.hero-foot{color:#dce4ee}.status-dot:before{background:#cdd9e8}.hero-foot .change{color:#fff}.money{font-size:42px;font-weight:750}
.metric{min-height:158px;padding:25px 24px}.metric span{color:#737d8d}.metric strong{color:#182235;font-size:27px}.metric small{line-height:1.55}.metric.forecast:before{left:24px;right:24px;background:#a67c43}
.insight-strip{margin-top:14px;border-color:#e2e7ed;border-radius:8px;box-shadow:0 6px 20px rgba(39,57,82,.035)}.insight{padding:17px 21px}.insight:before{top:14px;bottom:14px;background:#8a98aa}.insight.positive:before{background:#4f846f}.insight.negative:before{background:#bd625b}.insight.warning:before{background:#a67c43}
.content-grid{gap:14px;margin-top:14px}.panel{padding:25px}.panel h2,.records-toolbar h2{color:#182235;font-size:18px}.panel p,.records-toolbar p{color:#7b8492}.legend i{background:#5277a8}
.platform-icon{border:0;border-radius:7px}.platform-bar{height:4px;background:#eef1f5}.platform-row{padding:16px 0}.text-btn{color:#416a9e;transition:background .2s ease-out,color .2s ease-out}.text-btn:hover{color:#234f88}
.recent-panel{margin-top:14px}.record-row:hover,.report-table tbody tr:hover{background:#f7f9fb}.tag{background:#edf2f8;color:#416a9e}
.segment{background:#e9edf2}.segment button{transition:background .2s ease-out,color .2s ease-out}.segment button.active{color:#274e82;box-shadow:0 2px 7px rgba(35,54,78,.08)}
.secondary{border-color:#dce2e9;color:#344054}.secondary:hover{background:#f5f7fa}.report-kpi{border-top:1px solid #e2e7ed;position:relative}.report-kpi:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;background:#8498b2}.report-kpi:nth-child(1):before{background:#5277a8}.report-kpi:nth-child(2):before{background:#668b7a}.report-kpi:nth-child(3):before{background:#a67c43}
.chart-tooltip{background:#26364b;box-shadow:0 8px 22px rgba(20,32,48,.2)}.toast{background:#26364b}.up{color:#3f7c65}.down{color:#b85650}
@media(max-width:900px){main{padding:0 18px 94px}.mobile-nav{background:rgba(255,255,255,.96);border-top-color:#dde3ea;box-shadow:0 -6px 22px rgba(31,48,70,.06)}.mobile-nav button{color:#7a8492}.mobile-nav button.active{color:#315f97}.topbar{min-height:168px}.dashboard-controls{box-shadow:0 5px 18px rgba(39,57,82,.04)}}
@media(max-width:520px){main{padding-left:14px;padding-right:14px}.topbar{min-height:186px}.topbar h1{font-size:22px}.money{font-size:38px}.hero-card{padding:23px}.metric{padding:19px}.panel{padding:19px}.dashboard-controls{border-radius:7px}}

/* Unified operations center. */
[hidden]{display:none!important}.brand>span:last-child{display:grid;gap:2px}.brand strong{font-size:18px}.brand small{font-size:9px;color:#98a3b3;font-weight:500;text-transform:uppercase}.brand-mark{font-size:12px;font-weight:800;letter-spacing:0}.nav-label{display:block;margin:20px 14px 7px;color:#9aa4b3;font-size:10px;font-weight:700;text-transform:uppercase}.sidebar{display:flex;flex-direction:column}.sidebar nav{display:grid;gap:3px}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #e3e8ef;display:grid;gap:10px;color:#8a93a2;font-size:11px}.sidebar-footer form,.sidebar-footer button{width:100%}.sidebar-footer button{border:1px solid #dfe4eb;border-radius:6px;background:#fff;color:#5f6978;padding:9px;cursor:pointer}.sidebar-footer button:hover{background:#f1f4f8;color:#284f82}.notice{position:fixed;z-index:30;top:22px;right:24px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border:1px solid #badccc;border-radius:7px;background:#edf8f3;color:#277056;box-shadow:0 10px 28px rgba(35,52,75,.12);font-size:13px}.notice.error{border-color:#e7c6c4;background:#fff1f0;color:#a94742}
.network-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.network-toolbar h2,.settings-heading h2{margin:0 0 5px;color:#182235;font-size:18px}.network-toolbar p,.settings-heading p{margin:0;color:#7b8492;font-size:13px}.network-actions{display:flex;gap:8px}.network-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;border:1px solid #e2e7ed;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.network-summary>div{position:relative;display:grid;gap:7px;min-height:112px;padding:20px 22px;border-left:1px solid #e7ebf0}.network-summary>div:first-child{border-left:0}.network-summary span{color:#737d8d;font-size:12px}.network-summary strong{color:#182235;font-size:24px}.network-summary small{color:#8a93a2;font-size:11px}.network-summary .upload-total:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:#5277a8}.network-summary .upload-total strong{color:#315f97}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{min-width:0;padding:20px;border:1px solid #e2e7ed;border-radius:8px;background:#fff;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s,opacity .18s}.project-card:hover{border-color:#d4dce6;box-shadow:0 10px 30px rgba(30,47,73,.08)}.project-card header{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-card h2{margin:0;color:#182235;font-size:16px}.card-title,.card-meta{display:flex;align-items:center;gap:8px;min-width:0}.card-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle,.order-button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #e0e5eb;border-radius:5px;background:#f8f9fb;color:#778293;line-height:1;cursor:pointer}.drag-handle{font-size:16px;cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle:hover,.order-button:hover:not(:disabled){border-color:#b9c8db;color:#315f97}.order-button:disabled{opacity:.3;cursor:default}.status{padding:4px 8px;border-radius:12px;background:#e6f3ed;color:#33765f;font-size:11px;white-space:nowrap}.status.offline{background:#f0f1f3;color:#7e8794}.ip{margin:12px 0 16px;color:#7b8492;font-family:Consolas,"SFMono-Regular",monospace;font-size:12px}.speed-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e6eaf0;border-radius:7px;background:#f8f9fb}.speed-grid>div{display:grid;gap:6px;padding:14px 16px}.speed-grid>div+div{border-left:1px solid #e6eaf0}.speed-grid span{color:#7b8492;font-size:11px}.speed-grid strong{color:#26364b;font-size:18px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.system-button{border:1px solid #dce3eb;border-radius:6px;background:#fff;color:#315f97;padding:10px;font-weight:600;cursor:pointer}.system-button:hover{border-color:#b7c7da;background:#f3f6fa}.system-button:disabled{opacity:.45;cursor:not-allowed}.project-card.dragging{opacity:.42;border-style:dashed}.empty-state{padding:52px 20px;border:1px dashed #d8dee7;border-radius:8px;text-align:center;color:#7b8492}.empty-state h2{margin:0 0 7px;color:#344054;font-size:17px}.empty-state p{margin:0}.privacy-mode .project-card h2,.privacy-mode .project-card .ip{font-size:0;color:transparent;user-select:none}.privacy-mode .project-card h2:after,.privacy-mode .project-card .ip:after{content:"已隐藏";color:#7b8492;font-family:inherit;font-size:13px}.privacy-mode .project-card h2:after{color:#344054;font-size:16px;font-weight:700}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;align-items:start}.settings-panel{padding:25px;border:1px solid #e2e7ed;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.settings-heading{padding-bottom:18px;border-bottom:1px solid #e7ebf0}.settings-panel fieldset{margin:0;padding:20px 0;border:0;border-bottom:1px solid #e7ebf0}.settings-panel legend{margin-bottom:13px;color:#344054;font-size:13px;font-weight:700}.settings-panel label{display:grid;gap:7px;color:#667085;font-size:12px}.settings-panel input,.filters input,.filters select{width:100%;height:42px;border:1px solid #dce2e9;border-radius:6px;background:#fff;color:#182235;padding:0 12px;outline:none}.settings-panel input:focus{border-color:#7190b8;box-shadow:0 0 0 3px #edf2f8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:.55fr 1fr 1fr}.form-actions{display:flex;justify-content:flex-end;padding-top:18px}.account-panel{display:grid;gap:14px}.account-panel .settings-heading{margin-bottom:2px}.primary:disabled{opacity:.55;cursor:wait}
.session-panel{grid-column:2;display:grid;gap:16px}.session-panel form,.session-panel button{width:100%}
.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f4f6f9}.login-panel{width:min(410px,100%);padding:34px;border:1px solid #e0e5ec;border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(31,48,70,.09)}.login-brand{display:flex;align-items:center;gap:10px;color:#1d2b40;font-weight:700}.login-brand .brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8e2f0;border-radius:7px;background:#e7edf7;color:#315b91}.login-panel h1{margin:30px 0 7px;color:#111827;font-size:25px}.login-panel>p{margin:0 0 24px;color:#7b8492;font-size:13px}.login-panel form{display:grid;gap:11px}.login-panel label{color:#5f6978;font-size:12px}.login-panel input{height:44px;border:1px solid #dce2e9;border-radius:6px;padding:0 12px;outline:none}.login-panel input:focus{border-color:#7190b8;box-shadow:0 0 0 3px #edf2f8}.login-panel .wide{width:100%;margin-top:9px}.error-message{margin-bottom:16px;padding:10px 12px;border:1px solid #e7c6c4;border-radius:6px;background:#fff1f0;color:#a94742;font-size:12px}
@media(max-width:1100px){.network-summary{grid-template-columns:1fr 1fr}.network-summary>div:nth-child(3){border-left:0;border-top:1px solid #e7ebf0}.network-summary>div:nth-child(4){border-top:1px solid #e7ebf0}.settings-layout{grid-template-columns:1fr}.session-panel{grid-column:auto}}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}main{width:100%;min-width:0}.mobile-nav{grid-template-columns:repeat(5,1fr)}.topbar{min-height:96px;height:96px}.topbar:has(.dashboard-controls:not([hidden])){min-height:168px;height:auto}.project-grid{grid-template-columns:1fr}.network-toolbar{align-items:flex-start;flex-direction:column}.network-actions{width:100%}.network-actions button{flex:1}.notice{top:12px;right:12px}.settings-layout{padding-bottom:10px}}
@media(max-width:560px){.network-summary{grid-template-columns:1fr}.network-summary>div{min-height:auto;border-left:0;border-top:1px solid #e7ebf0}.network-summary>div:first-child{border-top:0}.form-grid,.form-grid.three{grid-template-columns:1fr}.settings-panel{padding:19px}.card-meta .order-button{display:none}.project-card{padding:17px}.speed-grid strong{font-size:16px}.login-panel{padding:26px}.mobile-nav button{font-size:10px}}