:root{--ink:#34273f;--muted:#776d81;--purple:#754c9c;--line:#ece7f2;--glass:linear-gradient(140deg,#ffffffed,#ffffffb8)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:radial-gradient(ellipse at 0 0,#e9def5,transparent 44%),radial-gradient(ellipse at 100% 40%,#eae5f6,transparent 46%),#f7f6fa}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bfa0dc;outline-offset:3px}button{transition:background .18s,transform .18s}button:active{transform:scale(.98)}aside{position:fixed;inset:16px auto 16px 16px;width:216px;border:1px solid white;border-radius:24px;background:var(--glass);backdrop-filter:blur(20px);padding:26px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:14px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.logo{display:grid;place-items:center;color:var(--purple);background:#ede2f8;border:1px solid white;box-shadow:0 3px 12px #6b458516;border-radius:13px;font-weight:700;width:36px;height:36px}.nav-caption{font-size:11px;color:var(--muted);margin:36px 12px 14px}nav{display:grid;gap:8px}nav button{display:flex;gap:12px;align-items:center;width:100%;padding:13px 14px;border-radius:12px;text-align:left;color:#765e86}nav button svg{width:18px;height:18px}nav button.active{background:linear-gradient(110deg,#e6d8f2,#f0e9f7);font-weight:600;color:#633d83;box-shadow:inset 0 1px white}.aside-note{margin-top:auto;padding:20px 10px 0;font-size:12px;color:#6a527b}.aside-note p{color:var(--muted);font-size:11px}.dot{display:inline-block;background:#9f82ba;width:6px;height:6px;border-radius:50%;margin-right:7px}main{margin-left:248px;padding:24px 32px 32px;max-width:1680px}.demo-banner{display:flex;justify-content:space-between;gap:16px;border:1px solid #e3d7ed;background:#f4edf9c9;border-radius:12px;padding:9px 14px;color:#73578a;font-size:12px}.demo-banner b{background:#8058a4;color:white;border-radius:5px;padding:3px 7px;margin-right:10px;font-size:11px}.demo-banner button{color:#684086}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0 24px;gap:24px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:8px}h1{font-size:30px;letter-spacing:-.7px;font-weight:650;margin:0}header p{margin:8px 0 0;color:var(--muted);font-size:13px}.snapshot{text-align:right;white-space:nowrap;color:var(--muted);font-size:11px}.snapshot strong{display:block;font-size:16px;color:#5d466e;font-weight:500;letter-spacing:1px}.snapshot small{display:block;margin-top:4px}#filters{display:flex;align-items:center;gap:20px;margin-bottom:24px;color:var(--muted);font-size:12px}.segments{display:flex;padding:4px;background:#eae4f1;border-radius:12px;gap:3px}.segments button{padding:9px 16px;border-radius:9px;font-size:12px}.segments button.active{background:white;box-shadow:0 2px 7px #51326b0b;color:var(--purple)}select,input{border:1px solid #e3d9ec;background:#ffffffd9;padding:10px 12px;border-radius:10px;max-width:100%}#filters label select{margin-left:8px}#range{margin-left:auto;font-size:11px}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px}.card{background:var(--glass);border:1px solid #fff;border-radius:22px;padding:24px;box-shadow:0 10px 32px #62467a06;min-width:0}.wide{grid-column:1/-1}.card-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.card h2{font-size:16px;margin:0;font-weight:650}.card-title small,.hint{font-size:12px;color:var(--muted);font-weight:400}.hint{line-height:1.8;margin:14px 0 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{padding:22px 24px;background:var(--glass);border:1px solid white;border-radius:18px;min-width:0}.kpi .label{font-size:12px;color:#786386}.kpi strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:600;margin:8px 0;color:#513367;font-variant-numeric:tabular-nums}.kpi strong em{font-size:12px;font-weight:400;font-style:normal;letter-spacing:0;margin-left:5px}.kpi small{font-size:11px;color:var(--muted)}.roles{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#8c65ad 0 93.91%,#b49bcf 93.91% 99.13%,#d9c9e8 99.13%)}.ring:before{content:'';position:absolute;inset:13px;background:#fcfaff;border-radius:50%}.ring div{position:relative;text-align:center;font-size:26px;font-weight:600}.ring small{display:block;font-size:11px;color:var(--muted);font-weight:400}.legend{display:grid;gap:12px}.legend button{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;text-align:left;padding:4px 0;font-size:13px}.legend i{width:7px;height:7px;border-radius:50%;background:#8c65ad}.legend strong{font-weight:600}.legend small{display:block;font-size:11px;color:var(--muted)}.stack{display:flex;height:8px;border-radius:8px;overflow:hidden;gap:2px;margin-bottom:20px}.stack span:nth-child(1){background:#8c65ad}.stack span:nth-child(2){background:#b49bcf}.stack span:nth-child(3){background:#dbc9eb}.row{display:grid;grid-template-columns:120px 1fr 44px;align-items:center;gap:12px;margin:14px 0;font-size:12px}.track{height:7px;background:#eee8f4;border-radius:6px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#bda2d1,#8660a8);border-radius:6px}.row b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.chart{height:178px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding:12px 0 0}.bar{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;padding:0;position:relative}.bar span{display:block;width:100%;min-height:2px;background:linear-gradient(#a589c0,#ded1ec);border-radius:4px 4px 0 0}.bar:hover span,.bar.selected span{background:linear-gradient(#79519c,#bba0d0)}.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:10px}.chart-readout{min-height:24px;color:#674581;font-size:12px;margin-bottom:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.mini-stats strong{display:block;font-size:22px;font-weight:550}.mini-stats small{font-size:11px;color:var(--muted)}.tag{font-size:11px;border-radius:6px;padding:3px 7px;background:#eee5f5;color:#79518d;white-space:nowrap}.tag.warn{background:#f6eddf;color:#967044}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;font-size:11px;font-weight:500;color:var(--muted);background:#f7f3fb}td,th{padding:13px 12px;border-bottom:1px solid var(--line)}td strong{font-weight:500}.table-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.table-tools input{flex:1;min-width:180px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;font-size:12px}.pagination button,.outline{border:1px solid #e5dbee;padding:8px 13px;border-radius:9px;background:#fff8}button:disabled{opacity:.4;cursor:default}.empty{text-align:center;color:var(--muted);padding:32px}footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-size:11px;color:var(--muted)}.notice{padding:14px 16px;background:#f3edf8;border-radius:12px;font-size:12px;color:#735e85;margin-bottom:22px}.checks{display:grid;gap:12px}.check-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.check-row:last-child{border:0}.check-row b{font-size:12px;color:#647e70}.check-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}dialog{border:1px solid white;border-radius:22px;max-width:620px;width:calc(100% - 32px);padding:26px;color:var(--ink);background:#fcfaff;box-shadow:0 25px 90px #35234130}dialog::backdrop{background:#31223c42;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{width:44px;height:44px;border-radius:12px;background:#efe7f6}dialog p,dialog li{font-size:13px;line-height:1.9;color:#6a5976}dialog ul{padding-left:20px}@media(min-width:1600px){main{padding:32px 48px}.kpis{gap:24px}}@media(max-width:1100px){.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.snapshot{display:none}.roles{grid-template-columns:160px 1fr}#range{display:none}}@media(max-width:760px){aside{position:static;width:auto;margin:12px 12px 0;padding:14px;border-radius:18px}.brand{justify-content:center}.nav-caption,.aside-note{display:none}nav{display:flex;overflow:auto;margin-top:12px;gap:4px}nav button{white-space:nowrap;justify-content:center;padding:10px;min-width:90px;font-size:12px}nav button svg{display:none}main{margin:0;padding:16px 12px}.demo-banner{font-size:11px;align-items:center}.demo-banner button{white-space:nowrap;padding:8px 0}.demo-banner b{display:inline-block}header{padding:22px 4px}h1{font-size:25px}header p{font-size:12px}#filters{gap:10px;flex-wrap:wrap}.segments button{padding:9px 12px}.kpis{gap:10px;margin-bottom:16px}.kpi{padding:16px}.kpi strong{font-size:28px}.kpi small{font-size:11px}.grid{gap:16px}.card{padding:20px}.roles{grid-template-columns:130px 1fr;gap:14px}.ring{width:120px;height:120px}.row{grid-template-columns:95px 1fr 36px;gap:8px}.card-title{align-items:flex-start;flex-wrap:wrap}.card h2{font-size:15px}footer span{display:none}.mini-stats{gap:8px}.mini-stats strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active{transform:none}}

.chart-layout{display:flex;gap:12px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:10px;min-width:30px;padding-top:8px}.chart-layout .chart{flex:1;min-width:0}

.task-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.task-strip button{background:linear-gradient(135deg,#eee4f6,#ffffffb8);border:1px solid white;border-radius:18px;padding:18px 22px;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:6px}.task-strip span{font-size:13px;color:#685076}.task-strip strong{font-size:26px;color:#704790}.task-strip small{font-size:11px;color:#806b8c}.task-strip b{grid-column:1/-1;font-size:12px;font-weight:500;color:#79509b;margin-top:6px}.aside-note small{display:block;color:var(--muted);margin-top:5px}.kpi strong{margin-bottom:0}header{padding-top:16px}@media(max-width:760px){.task-strip{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.task-strip button{padding:14px 18px}.task-strip b{grid-column:2;grid-row:2}.task-strip small{grid-column:1;grid-row:2}}

.chart-scroll{overflow-x:auto;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#c9b4dc transparent}.chart-scroll .chart{width:100%}.chart-layout .chart-scroll{flex:1}.selected-filter{background:#e6d8f2!important;color:#68418b;border-color:#bfa5d3}.table-tools button{min-height:44px}