:root{--orange:#ff6a00;--orange-soft:#fff3eb;--text:#172033;--muted:#778195;--line:#e9edf3;--bg:#f6f7f9;--card:#fff;--green:#17a66a;--red:#ea4454;--yellow:#f1a600;--shadow:0 8px 30px #1a22340e}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button,a{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app-shell{min-height:100vh}.sidebar{color:#eaf0fa;z-index:20;background:#111722;flex-direction:column;width:236px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;height:64px;padding:0 8px;display:flex}.brand-mark{background:linear-gradient(145deg,#ff8a2f,var(--orange));color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:900;display:grid;box-shadow:0 7px 18px #ff6a0047}.brand b,.brand small{display:block}.brand b{letter-spacing:.5px;font-size:20px}.brand small{color:#8f9aab;margin-top:3px;font-size:10px}.sidebar nav{gap:6px;margin-top:30px;display:grid}.sidebar nav a{color:#99a5b7;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:14px;display:flex}.sidebar nav a svg{width:19px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#ff6a0038,#ff6a000f)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--orange)}.sidebar nav em{color:#fff;background:#ea4454;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-bottom{border-top:1px solid #252c38;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:17px 6px 4px;display:grid}.mini-avatar,.avatar{background:linear-gradient(145deg,#ffb073,var(--orange));color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.mini-avatar{width:36px;height:36px}.sidebar-bottom b,.sidebar-bottom small{display:block}.sidebar-bottom b{font-size:13px}.sidebar-bottom small{color:#8994a5;margin-top:2px;font-size:10px}.content{max-width:1720px;min-height:100vh;margin-left:236px;padding:30px 34px 18px}.content header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{color:var(--orange);letter-spacing:1px;margin-bottom:3px;font-size:12px;font-weight:800}.content h1{letter-spacing:-.6px;font-size:27px}.subtitle{color:var(--muted);margin-top:7px;font-size:12px}.header-actions{align-items:center;gap:11px;display:flex}.search{border:1px solid var(--line);color:#a0a7b3;background:#fff;border-radius:12px;align-items:center;gap:8px;width:210px;height:40px;padding:0 13px;font-size:12px;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn svg{width:18px}.icon-btn i{background:#ef4555;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.avatar{width:40px;height:40px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.period-tabs{background:#ebeef2;border-radius:11px;padding:4px;display:flex}.period-tabs button{color:#70798a;border-radius:8px;padding:7px 17px;font-size:12px}.period-tabs button.selected{color:#20293a;background:#fff;font-weight:700;box-shadow:0 2px 8px #1f283a14}.date-chip{color:#606a7a;align-items:center;gap:7px;font-size:11px;display:flex}.date-chip span{color:#a2a8b2;margin-left:6px}.ai-focus{color:#fff;background:linear-gradient(120deg,#201b19,#171a22);border-radius:20px;margin-bottom:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 14px 40px #171a2221}.ai-focus:after{content:"";filter:blur(50px);background:#ff6a0021;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-80px}.ai-title{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.ai-title>span{background:linear-gradient(145deg,#ff9145,var(--orange));border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.ai-title b,.ai-title small{display:block}.ai-title b{font-size:15px}.ai-title small{color:#9ea5b1;margin-top:3px;font-size:10px}.focus-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;display:grid;position:relative}.focus-card{background:#ffffff12;border:1px solid #ffffff14;border-radius:15px;min-width:0;padding:15px}.focus-top{color:#c2c7d0;align-items:center;gap:5px;font-size:9px;display:flex}.focus-top b{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;font-size:11px;overflow:hidden}.priority{color:#606976;font-size:13px;font-weight:900}.level-dot{background:#f2b52a;border-radius:50%;width:6px;height:6px}.level-red .level-dot{background:#ff5264}.level-orange .level-dot{background:#ff8a2f}.focus-card>p{color:#f2f4f8;min-height:38px;margin:11px 0;font-size:12px;line-height:1.6}.evidence{gap:8px;display:flex}.evidence span{color:#9199a7;background:#ffffff0e;border-radius:9px;flex:1;padding:7px 9px;font-size:9px}.evidence b{color:#fff;margin-top:2px;font-size:13px;display:block}.action{color:#aeb5c0;align-items:center;gap:7px;margin-top:11px;font-size:9px;display:flex}.action svg{color:var(--orange);flex:none}.action span{flex:1}.action button{color:#ffad76;align-items:center;font-size:9px;display:flex}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi-card,.panel{background:var(--card);box-shadow:var(--shadow);border:1px solid #edf0f4;border-radius:17px}.kpi-card{min-width:0;padding:15px}.kpi-icon{border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:12px;display:grid}.kpi-icon svg{width:16px}.kpi-icon.orange{color:#ff6a00;background:#fff0e7}.kpi-icon.blue{color:#3478f6;background:#eaf2ff}.kpi-icon.violet{color:#8058d8;background:#f2edff}.kpi-icon.green{color:#16a56a;background:#e8f8f1}.kpi-icon.pink{color:#df4c80;background:#ffedf3}.kpi-icon.cyan{color:#168ca1;background:#e7f7fa}.kpi-card>span{color:var(--muted);font-size:10px;display:block}.kpi-card>strong{letter-spacing:-.5px;white-space:nowrap;margin:4px 0 10px;font-size:20px;display:block}.kpi-card>div:last-child{justify-content:space-between;align-items:center;display:flex}.kpi-card small{color:#858e9c;font-size:9px}.change{white-space:nowrap;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.change.up{color:var(--green)}.change.down{color:var(--red)}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(380px,1fr);gap:18px;margin-bottom:18px;display:grid}.panel{padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2{font-size:15px}.panel-head p{color:#98a0ad;margin-top:4px;font-size:9px}.panel-head button{color:#778195;align-items:center;font-size:10px;display:flex}.legend{color:#8992a1;gap:16px;font-size:9px;display:flex}.legend span:before{content:"";border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.legend .actual:before{background:var(--orange)}.legend .target:before{border:2px solid #c8ced7}.trend-total{align-items:center;gap:10px;margin-top:12px;display:flex}.trend-total strong{font-size:22px}.trend-total>span:last-child{color:#8b93a1;margin-left:auto;font-size:9px}.trend-total>span:last-child b{color:var(--orange);font-size:13px}.chart-wrap{height:190px;margin-top:6px}.trend-svg{width:100%;height:190px;display:block;overflow:visible}.rank-list{margin-top:11px}.rank-row{border-bottom:1px solid #f0f2f5;grid-template-columns:25px 34px 1fr auto 30px;align-items:center;gap:8px;padding:8px 0;display:grid}.rank-row:last-child{border-bottom:0}.rank{color:#a1a8b4;text-align:center;font-size:11px;font-weight:800}.rank-1{color:#f3a000}.rank-2{color:#8996aa}.rank-3{color:#ba7a4d}.store-badge{background:var(--orange-soft);width:32px;height:32px;color:var(--orange);border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.store-info b,.store-info small{display:block}.store-info b{font-size:11px}.store-info small{color:#98a0ad;margin-top:2px;font-size:8px}.store-revenue{text-align:right}.store-revenue>b{font-size:11px;display:block}.store-revenue .change{font-size:8px}.grade{border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:grid}.grade-a{color:#0d9c61;background:#e7f8f0}.grade-b{color:#d49200;background:#fff4d9}.grade-c{color:#df3d51;background:#ffeaed}.bottom-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.health-content{align-items:center;gap:30px;margin-top:16px;display:flex}.health-score{text-align:center;background:radial-gradient(circle at center,#fff 58%,transparent 59%),conic-gradient(var(--orange) 0 76%,#edf0f4 76% 100%);border-radius:50%;place-content:center;width:135px;height:135px;display:grid;position:relative}.health-score span{color:#929aa8;font-size:9px}.health-score strong{font-size:34px;line-height:1}.health-score small{color:#9ba3af;font-size:9px}.health-score b{color:#ef6710;margin-top:5px;font-size:9px}.health-bars{flex:1;gap:12px;display:grid}.health-bars>div{grid-template-columns:1fr auto;gap:5px;display:grid}.health-bars span,.health-bars b{font-size:10px}.health-bars span i{border-radius:2px;width:7px;height:7px;margin-right:6px;display:inline-block}.health-bars i.a{background:#19aa6c}.health-bars i.b{background:#efad13}.health-bars i.c{background:#e64b5d}.health-bars em{background:#f0f2f5;border-radius:20px;grid-column:1/3;height:5px;overflow:hidden}.health-bars em i{background:linear-gradient(90deg,var(--orange),#ffae70);border-radius:20px;height:100%;display:block}.task-count{color:var(--orange);background:#fff1e8;border-radius:20px;padding:5px 8px;font-size:9px}.task-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.task-stats div{text-align:center;background:#f7f8fa;border-radius:12px;padding:10px}.task-stats b,.task-stats span{display:block}.task-stats b{font-size:20px}.task-stats span{color:#929aa8;font-size:9px}.primary-btn{background:var(--orange);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:5px;width:100%;height:38px;font-size:11px;font-weight:700;display:flex}.content footer{color:#9ba3ae;justify-content:space-between;padding:20px 3px 0;font-size:9px;display:flex}.content footer span{align-items:center;gap:5px;display:flex}.content footer i{background:#19a968;border-radius:50%;width:7px;height:7px}.menu-btn,.close-nav{display:none}@media (max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.focus-grid{grid-template-columns:1fr}.focus-card>p{min-height:auto}.ai-focus{max-height:none}.dashboard-grid{grid-template-columns:1fr}.ranking-panel{min-width:0}.bottom-grid{grid-template-columns:1fr}}@media (max-width:780px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.show{transform:none}.close-nav{color:#fff;display:block;position:absolute;top:12px;right:12px}.scrim{z-index:15;background:#00000073;position:fixed;inset:0}.content{margin-left:0;padding:18px 14px}.menu-btn{background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;margin-right:10px;display:grid}.content header{justify-content:flex-start}.content h1{font-size:22px}.header-actions{margin-left:auto}.search{display:none}.subtitle{max-width:280px}.toolbar{align-items:flex-start;gap:10px}.date-chip span{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.health-content{flex-direction:column}.health-bars{width:100%}.focus-card{padding:12px}.content footer{text-align:center;display:block}.content footer span{justify-content:center;margin-bottom:4px}}@media (max-width:430px){.content header .subtitle{display:none}.toolbar{margin-top:8px}.period-tabs button{padding:7px 12px}.kpi-card>strong{font-size:17px}.panel{padding:15px}.rank-row{grid-template-columns:22px 30px 1fr auto 28px}.store-badge{width:29px;height:29px}.store-info small{display:none}}