:root{--ink:#18211e;--muted:#6d7772;--line:#dfe4e1;--paper:#f4f6f3;--panel:#fff;--forest:#183d32;--forest2:#2b604d;--orange:#e8652a;--red:#bd3f35;--green:#2e7d5b;--amber:#a76512;--shadow:0 15px 40px rgba(23,32,29,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,select{font:inherit}button,a{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:27px 18px 22px;color:#fff;background:var(--forest);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 27px;border-bottom:1px solid #ffffff1f}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--orange);letter-spacing:-1px}.brand strong,.brand span{display:block}.brand span{margin-top:4px;color:#ffffff9e;font-size:12px}.sidebar nav{display:grid;gap:5px;margin-top:25px}.sidebar nav a{padding:12px 14px;border-radius:9px;color:#ffffffad;text-decoration:none;font-size:13px;transition:.18s}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff17}.side-foot{margin-top:auto;padding:17px 12px 0;border-top:1px solid #ffffff1f}.side-foot>*{display:block}.side-foot small,.side-foot span{color:#ffffff75;font-size:10px}.side-foot strong{margin:6px 0;font-size:15px}main{min-width:0}header{position:sticky;top:0;z-index:10;min-height:88px;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#f4f6f3f2;backdrop-filter:blur(12px)}header small{color:var(--muted)}h1{margin:4px 0 0;font-size:24px;letter-spacing:-.5px}#menu{display:none}.filters{display:flex;align-items:end;gap:10px}.filters label{color:var(--muted);font-size:10px}.filters select{display:block;margin-top:5px}.filters select,.filters button,#menu{height:39px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.filters button{color:#fff;border-color:var(--forest);background:var(--forest)}.content{padding:26px 30px 48px}.page{display:none}.page.active{display:block}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.intro h2{margin:0 0 7px;font-size:20px}.intro p{margin:0;color:var(--muted);font-size:13px}.intro>span{color:var(--muted);font-size:12px;white-space:nowrap}.intro>span b{color:var(--orange)}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:18px}.kpi{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.kpi small,.kpi span,.panel p{color:var(--muted)}.kpi small,.kpi span{display:block;font-size:10px}.kpi strong{display:block;margin:10px 0 8px;font-size:23px;letter-spacing:-.8px;white-space:nowrap}.kpi.dark{color:#fff;border-color:var(--forest);background:var(--forest)}.kpi.dark small,.kpi.dark span{color:#ffffff9c}.kpi.risk{border-color:#f0c9c4;background:#fdecea}.kpi.risk span{color:var(--red)}.callouts{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:1px;margin-bottom:18px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.callouts>div{padding:18px;background:#fff}.callouts>div:first-child{color:#fff;background:var(--forest)}.callouts small,.callouts b{display:block}.callouts small{margin-bottom:8px;color:var(--muted);font-size:10px}.callouts>div:first-child small{color:#ffffff9c}.callouts b{font-size:14px;line-height:1.55}.grid{display:grid;gap:18px;margin-bottom:18px}.two-one{grid-template-columns:1.5fr .8fr}.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel h3{margin:0;font-size:15px}.panel p{margin:4px 0 0;font-size:11px}.panel-head a{color:var(--forest2);font-size:11px;text-decoration:none}.tag,.badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px}.tag{color:var(--green);background:#e8f4ed}.bars{height:225px;display:flex;align-items:end;gap:6px;border-bottom:1px solid var(--line)}.bars i{position:relative;flex:1;min-width:3px;border-radius:5px 5px 0 0;background:var(--forest2)}.bars i.peak{background:var(--orange)}.bars i span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:8px}.stack{height:14px;margin:20px 0;display:flex;overflow:hidden;border-radius:20px;background:#edf0ee}.stack i:nth-child(1){background:var(--forest)}.stack i:nth-child(2){background:var(--orange)}.stack i:nth-child(3){background:#e6b84d}.stack i:nth-child(4){background:#80a99a}.legend{display:grid;gap:12px;margin:0;padding:0;list-style:none}.legend li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;font-size:12px}.legend li>i{width:8px;height:8px;border-radius:50%;background:var(--forest)}.legend li:nth-child(2)>i{background:var(--orange)}.legend li:nth-child(3)>i{background:#e6b84d}.legend li:nth-child(4)>i{background:#80a99a}.legend span{color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:10px;color:var(--muted);background:#f8f9f7;text-align:left;white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}tbody tr:hover{background:#fafbf9}.num{text-align:right;font-variant-numeric:tabular-nums}.store{font-weight:700}.badge.red{color:var(--red);background:#fdecea}.badge.orange{color:var(--amber);background:#fff3dc}.badge.green{color:var(--green);background:#e8f4ed}.badge.gray{color:var(--muted);background:#ecefed}.action-btn{border:0;color:var(--forest2);background:transparent;font-size:11px}.progress-list{display:grid;gap:14px}.progress-list label{display:grid;grid-template-columns:145px 1fr 48px;align-items:center;gap:10px;font-size:12px}.progress-list label>i{height:7px;overflow:hidden;border-radius:10px;background:var(--paper)}.progress-list label>i b{display:block;height:100%;border-radius:10px;background:var(--forest2)}.progress-list em{text-align:right;font-style:normal;font-size:11px}.progress-list.danger label>i b{background:var(--orange)}.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-cards>div{padding:16px;border-left:3px solid var(--line);background:#f8f9f7}.action-cards .red{border-color:var(--red)}.action-cards .orange{border-color:#d99029}.action-cards .green{border-color:var(--green)}.action-cards b{font-size:13px}.action-cards p{min-height:34px;line-height:1.55}.action-cards small{color:var(--muted);font-size:10px}.donut-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:24px}.donut{position:relative;width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--forest) 0 69.87%,var(--orange) 69.87% 89.9%,#e5e9e6 89.9%)}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.donut span{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:23px}.donut small{color:var(--muted);font-size:9px}.risk-scale{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:10px}.risk-scale span{padding:22px 12px;color:#fff;background:var(--green);font-size:11px}.risk-scale span:nth-child(2){background:#7b8d55}.risk-scale span:nth-child(3){background:#c9872f}.risk-scale span:nth-child(4){background:var(--red)}.risk-scale b{display:block;margin-top:9px;font-size:15px}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;border-radius:9px;color:#fff;background:var(--forest);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1180px){.kpis{grid-template-columns:repeat(3,1fr)}.callouts{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;z-index:30;width:244px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}#menu{display:block}header{padding:15px 18px}.content{padding:20px 18px 40px}.two-one,.equal{grid-template-columns:1fr}}@media(max-width:680px){header{align-items:flex-start;flex-wrap:wrap}.filters{width:100%}.filters label{flex:1}.filters select{width:100%}.kpis{grid-template-columns:repeat(2,1fr)}.kpi strong{font-size:19px}.intro{align-items:flex-start;flex-direction:column}.callouts{grid-template-columns:1fr}.action-cards{grid-template-columns:1fr}.donut-row{grid-template-columns:1fr;justify-items:center}.progress-list label{grid-template-columns:110px 1fr 42px}}