#v102070SellerPanel{margin:16px 0;padding:18px;border:1px solid #e5daec;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(64,16,95,.08)}
#v102070SellerPanel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#v102070SellerPanel h2{margin:0;color:#42105f;font-size:20px}
#v102070SellerPanel p{margin:4px 0 0;color:#7f7288;font-size:12px}
#v102070SellerPanel label{display:flex;align-items:center;gap:8px;font-weight:900;color:#4d1767}
#v102070SellerPanel input{padding:9px;border:1px solid #ddcfe5;border-radius:10px}
.v102070-sellers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.v102070-sellers>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #e8deed;border-radius:15px;background:#fcfafd;text-align:left;cursor:pointer;transition:.15s ease}
.v102070-sellers>button:hover{border-color:#b95be3;transform:translateY(-1px)}
.v102070-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#6a00a2,#eb008c);color:#fff;font-weight:1000}
.v102070-avatar img{width:100%;height:100%;object-fit:cover}
.v102070-sellers b{display:block;color:#32103f}
.v102070-sellers small{display:block;color:#8b7c91;font-size:9px}
.v102070-sellers strong{padding:8px;border-radius:12px;font-size:15px;color:#b4234c;background:#ffe9ee}
.v102070-sellers strong[data-tone=warn]{color:#996200;background:#fff1cf}
.v102070-sellers strong[data-tone=good]{color:#087754;background:#dcf7ec}
.v102070-sellers strong small{font-size:7px;color:inherit}

#v102070SellerModal{display:none;position:fixed;inset:0;z-index:2147483600;padding:4vh 3vw;background:rgba(26,8,37,.58);backdrop-filter:blur(5px)}
#v102070SellerModal.open{display:grid;place-items:center}
#v102070SellerModal>div{width:min(100%,1220px);max-height:92vh;overflow:auto;padding:22px;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(26,8,37,.28)}
#v102070SellerModal header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #eee5f2}
#v102070SellerModal h2{margin:0;color:#43115f;font-size:26px}
#v102070SellerModal header p{margin:4px 0 0;color:#72647b;font-size:13px}
#v102070SellerModal header button{border:0;background:#f2eaf5;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer;flex:0 0 auto}
.v102070-modal-person{display:flex;align-items:center;gap:13px;min-width:0}
.v102070-modal-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#6a00a2,#eb008c);color:#fff;font-size:22px;font-weight:1000;box-shadow:0 7px 18px rgba(106,0,162,.18)}
.v102070-modal-avatar img{width:100%;height:100%;object-fit:cover}

.v102070-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.v102070-metrics article{position:relative;min-height:168px;padding:15px;border:1px solid #e8dfec;border-radius:18px;background:#fff;box-shadow:0 5px 15px rgba(61,17,80,.035)}
.v102070-metrics article[data-tone=good]{border-color:#d4b53d;background:linear-gradient(145deg,#fff 0%,#fffdf4 100%)}
.v102070-metric-top{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center}
.v102070-metric-copy{min-width:0}
.v102070-metric-copy>b{display:block;color:#25192d;font-size:14px}
.v102070-metric-copy>span{display:block;margin-top:10px;color:#50136c;font-size:20px;font-weight:1000;line-height:1.1}
.v102070-meta-line{display:block;margin-top:10px;color:#83758a;font-size:11px;line-height:1.4}
.v102070-projection-ring{--v102070-pct:0;--v102070-ring:#e5007d;position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--v102070-ring) calc(var(--v102070-pct)*1%),#eee7f0 0);box-shadow:inset 0 0 0 1px rgba(85,22,106,.05)}
.v102070-projection-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eee7f0}
.v102070-projection-ring>span{position:relative;z-index:1;display:grid;place-items:center;line-height:1;text-align:center}
.v102070-projection-ring b{font-size:15px;color:#3e1057;font-weight:1000}
.v102070-projection-ring small{margin-top:4px;font-size:7px;font-weight:950;color:#716477;letter-spacing:.35px}
.v102070-projection-ring[data-tone=bad]{--v102070-ring:#ef007d}
.v102070-projection-ring[data-tone=warn]{--v102070-ring:#e99a00}
.v102070-projection-ring[data-tone=good]{--v102070-ring:#8d18be}
.v102070-projection-ring[data-tone=none]{--v102070-ring:#c8becd}
.v102070-recognition{display:grid;gap:5px;margin-top:11px}
.v102070-recognition strong{display:block;padding:7px 9px;border-radius:10px;font-size:9px;line-height:1.35}
.v102070-recognition .leader{background:#fff1b8;color:#684800;border:1px solid #edd174}
.v102070-recognition .incentive{background:#f3e8fb;color:#631582;border:1px solid #e2caef}

#v102070Race{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;pointer-events:none;opacity:0;background:rgba(25,4,38,.2);transition:.2s}
#v102070Race.show{opacity:1}
#v102070Race>.track{position:relative;width:min(900px,92vw);height:230px;overflow:hidden;border-radius:28px;background:repeating-linear-gradient(0deg,#28232c 0 45px,#f7f4f8 46px 50px);box-shadow:0 24px 70px rgba(0,0,0,.35)}
#v102070Race .winner,#v102070Race .loser{position:absolute;display:flex;align-items:center;gap:10px;font-size:76px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.3))}
#v102070Race .winner{top:25px;animation:v102070-pass 4s ease-in-out both}
#v102070Race .loser{bottom:20px;animation:v102070-lose 4s ease-in-out both}
#v102070Race b{padding:6px 10px;border-radius:999px;background:#fff;color:#42105f;font-size:14px}
#v102070Race>strong{position:absolute;top:10%;padding:12px 22px;border-radius:999px;background:#ffde36;color:#310b43;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
@keyframes v102070-pass{0%{left:-250px}45%{left:28%}100%{left:110%}}
@keyframes v102070-lose{0%{left:42%}100%{left:55%}}

@media(max-width:1050px){.v102070-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#v102070SellerPanel>header{align-items:flex-start;flex-direction:column}.v102070-sellers{grid-template-columns:1fr}#v102070SellerModal{padding:14px}#v102070SellerModal>div{padding:16px}.v102070-metrics{grid-template-columns:1fr}.v102070-modal-avatar{width:48px;height:48px;flex-basis:48px}#v102070SellerModal h2{font-size:22px}#v102070Race .winner,#v102070Race .loser{font-size:54px}}
