:root{--db-ink:#172233;--db-muted:#8793a3;--db-line:#e8edf3;--db-blue:#356fe5;--db-green:#20b678}*{box-sizing:border-box}.dashboard-page{margin:0;background:#f4f7fb;color:var(--db-ink);font-family:Inter,system-ui,"Microsoft YaHei",sans-serif}.dashboard-shell{min-height:100vh;display:flex}.dashboard-sidebar{width:238px;flex:none;background:#17283f;color:#cbd7e4;padding:22px 14px 15px;display:flex;flex-direction:column}.dashboard-brand{height:48px;padding:0 8px 20px;display:flex;gap:10px;align-items:center;color:#fff;font-weight:700;font-size:14px}.dashboard-brand>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#5b94ff,#2c5bd0);font-size:18px}.dashboard-brand small{display:block;color:#8298b2;font-weight:400;font-size:10px;margin-top:4px}.dashboard-nav{display:grid;gap:5px;margin-top:18px}.dashboard-nav a{height:45px;padding:0 13px;border-radius:10px;color:#9fb2c9;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:13px}.dashboard-nav a i{font-style:normal;font-size:18px;width:20px;text-align:center}.dashboard-nav a.active,.dashboard-nav a:hover{background:#2b4669;color:#fff}.dashboard-user{margin-top:auto;border-top:1px solid #ffffff17;padding:16px 8px 3px;display:flex;gap:9px;align-items:center}.dashboard-user>span,.dashboard-actions strong{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#607fab;color:#fff;font-weight:700}.dashboard-user b{display:block;color:#fff;font-size:11px}.dashboard-user small{display:block;color:#849bb4;font-size:10px;margin-top:4px}.dashboard-user em,.dashboard-actions em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dcc83;margin-right:5px}.dashboard-main{flex:1;min-width:0}.dashboard-header{height:70px;padding:0 30px;background:#fff;border-bottom:1px solid var(--db-line);display:flex;align-items:center;justify-content:space-between}.dashboard-header small{color:#9aa5b4;font-size:10px}.dashboard-header h1{font-size:21px;margin:5px 0 0;letter-spacing:-.3px}.dashboard-actions{display:flex;align-items:center;gap:16px}.dashboard-actions span{font-size:11px;color:#718093}.dashboard-actions button{border:0;background:none;color:#26364b;font-size:24px;cursor:pointer}.dashboard-content{padding:22px 30px 30px;max-width:1700px;margin:auto}.dashboard-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.dashboard-welcome b{display:block;font-size:19px}.dashboard-welcome span{display:block;color:var(--db-muted);font-size:11px;margin-top:6px}.dashboard-welcome time{color:#98a4b2;font-size:11px}.metric-grid{display:grid;gap:12px}.account-metrics{grid-template-columns:repeat(4,1fr)}.business-metrics{grid-template-columns:repeat(4,1fr);margin-top:12px}.metric-card{position:relative;background:#fff;border:1px solid var(--db-line);border-radius:12px;padding:16px 17px;min-height:104px;box-shadow:0 5px 16px #1c385407}.metric-card>span{display:block;color:#738196;font-size:11px}.metric-card>strong{display:block;font-size:25px;margin-top:10px;letter-spacing:-.4px}.metric-card>small{display:block;color:#a1abb8;font-size:10px;margin-top:5px}.metric-card>small i,.metric-card .up{color:#1caf72;font-style:normal}.metric-card .metric-icon{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:400;background:#edf3ff;color:var(--db-blue)}.metric-card.green .metric-icon{background:#e8f8f0;color:#21ac76}.metric-card.gray .metric-icon{background:#f0f3f6;color:#8b98a8}.metric-card.orange .metric-icon{background:#fff4e5;color:#df9b3b}.metric-card.emphasis{background:linear-gradient(135deg,#356fe5,#5b8def);color:#fff;border-color:transparent}.metric-card.emphasis>span,.metric-card.emphasis>small{color:#dbe7ff}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:12px;margin-top:12px}.dashboard-panel{background:#fff;border:1px solid var(--db-line);border-radius:12px;box-shadow:0 5px 16px #1c385407}.panel-title{padding:17px 18px 0;display:flex;align-items:start;justify-content:space-between}.panel-title b{display:block;font-size:13px}.panel-title small{display:block;color:#a0aab7;font-size:10px;margin-top:5px}.panel-title select,.panel-title>a{border:1px solid #e5eaf1;background:#fff;color:#8492a2;border-radius:6px;padding:5px 8px;font-size:10px;text-decoration:none}.trend-chart{height:190px;display:flex;padding:16px 18px 0}.chart-y{width:28px;display:flex;flex-direction:column;justify-content:space-between;color:#a5afbb;font-size:9px;padding-bottom:24px}.chart-area{position:relative;flex:1}.grid-lines{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(to bottom,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 25%)}.chart-area svg{position:absolute;inset:0 0 25px;width:100%;height:100%;overflow:visible}.chart-area polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-orders{stroke:#4b83ed}.line-customers{stroke:#2bb981}.chart-labels{height:22px;display:flex;justify-content:space-between;color:#9ba6b4;font-size:9px;align-items:end}.chart-legend{display:flex;gap:16px;padding:0 18px 15px;color:#8995a5;font-size:10px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-blue{background:#4b83ed}.legend-green{background:#2bb981}.quick-panel{padding-bottom:8px}.quick-actions{padding:11px 12px}.quick-actions a{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:8px;color:var(--db-ink);text-decoration:none}.quick-actions a:hover{background:#f2f6fc}.quick-actions i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#edf3ff;color:var(--db-blue);font-style:normal}.quick-actions span{font-size:11px;flex:1}.quick-actions small{display:block;color:#a0aab7;font-size:9px;margin-top:4px}.quick-actions b{color:#a0aab7;font-size:18px;font-weight:400}.activity-panel{margin-top:12px;padding-bottom:6px}.activity-list{padding:10px 18px}.activity-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f2f5}.activity-list>div:first-child{border-top:0}.activity-list i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px}.activity-green{background:#e8f8f0;color:#20ad75}.activity-blue{background:#edf3ff;color:#467ce5}.activity-orange{background:#fff3e1;color:#db9a3f}.activity-list p{margin:0;flex:1}.activity-list p b{display:block;font-size:11px}.activity-list p span{display:block;color:#929eac;font-size:10px;margin-top:3px}.activity-list time{color:#a4aeba;font-size:10px}@media(max-width:1100px){.dashboard-sidebar{width:190px}.account-metrics{grid-template-columns:repeat(2,1fr)}.business-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}}@media(max-width:680px){.dashboard-sidebar{width:62px;padding-left:8px;padding-right:8px}.dashboard-brand div,.dashboard-nav a:not(.active)::after,.dashboard-nav a{font-size:0}.dashboard-brand>span{margin:auto}.dashboard-nav a{justify-content:center}.dashboard-nav a i{font-size:18px}.dashboard-user div{display:none}.dashboard-header{padding:0 15px}.dashboard-content{padding:15px}.dashboard-actions span{display:none}.account-metrics,.business-metrics{grid-template-columns:1fr 1fr}.metric-card>strong{font-size:21px}}
 .reply-chart-panel{min-height:275px}.reply-chart{padding:22px 20px 16px;height:210px}.reply-bars{height:100%;display:flex;align-items:end;justify-content:space-around;gap:13px;border-bottom:1px solid #e9edf2;padding:0 5px}.reply-bars>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}.reply-bars strong{font-size:11px;color:#69778a;margin-bottom:5px;font-weight:600}.reply-bars span{display:block;width:100%;max-width:32px;min-height:5px;border-radius:6px 6px 0 0;background:linear-gradient(#5b91f1,#356fe5)}.reply-bars>div:nth-child(2) span{background:linear-gradient(#6e9bf2,#4b83ed)}.reply-bars>div:nth-child(3) span{background:linear-gradient(#7ba4ed,#6594e6)}.reply-bars>div:nth-child(n+4) span{background:#d9e4f7}.reply-bars small{font-size:10px;color:#8c98a7;margin-top:8px;white-space:nowrap}
 .reply-line-chart{height:205px;padding:18px 18px 0;display:flex}.reply-y-labels{width:27px;padding-bottom:22px;display:flex;flex-direction:column;justify-content:space-between;color:#a0aab7;font-size:9px}.reply-line-area{flex:1;position:relative}.reply-grid-lines{position:absolute;inset:0 0 22px;background:repeating-linear-gradient(to bottom,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 25%)}.reply-line-area svg{position:absolute;inset:0 0 22px;width:100%;height:100%;overflow:visible}.reply-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.reply-line.r1{stroke:#356fe5}.reply-line.r2{stroke:#20b678}.reply-line.r3{stroke:#f0a44d}.reply-line.r4{stroke:#916fe5}.reply-line.r5{stroke:#d86f8b}.reply-x-labels{height:22px;display:flex;justify-content:space-between;align-items:end;color:#a0aab7;font-size:9px}.reply-legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:0 18px 14px;color:#7e8b9b;font-size:9px}.reply-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.r1-dot{background:#356fe5}.r2-dot{background:#20b678}.r3-dot{background:#f0a44d}.r4-dot{background:#916fe5}.r5-dot{background:#d86f8b}