.nybanner--seller-dashboard{
  position:relative;
  width:100%;
  height:clamp(320px,22vw,420px);
  overflow:hidden;
  background:linear-gradient(135deg,#e8f5ff 0%,#fff 48%,#dff2ff 100%);
  color:#0a2540;
  font-family:Arial,"Helvetica Neue",sans-serif;
}
.seller-map-bg{
  position:absolute;
  inset:0;
  opacity:.72;
  background:
    radial-gradient(circle at 72% 24%,rgba(0,198,204,.2) 0 3px,transparent 4px),
    radial-gradient(circle at 88% 66%,rgba(0,102,255,.18) 0 4px,transparent 5px),
    linear-gradient(155deg,transparent 52%,rgba(0,102,255,.08) 52.3%,transparent 52.7%),
    linear-gradient(25deg,transparent 62%,rgba(0,198,204,.12) 62.3%,transparent 62.7%);
}
.seller-banner-content{
  position:relative;
  z-index:1;
  width:min(1500px,calc(100% - 48px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(340px,36%) minmax(0,64%);
  gap:22px;
  align-items:center;
  padding:13px 0;
  box-sizing:border-box;
}
.seller-copy{min-width:0;text-align:left}
.seller-copy h1{
  max-width:570px;
  margin:0;
  color:#071e3d;
  font-size:clamp(34px,3vw,54px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.seller-copy p{
  max-width:500px;
  margin:16px 0 0;
  color:#3a506b;
  font-size:clamp(16px,1.15vw,20px);
  line-height:1.42;
  text-wrap:balance;
}
.seller-dashboard{
  min-width:0;
  height:294px;
  padding:12px;
  border:1px solid rgba(160,205,248,.7);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 55px rgba(0,60,140,.17);
  transform:perspective(1000px) rotateY(-3deg) rotateX(1deg);
  box-sizing:border-box;
}
.seller-dash-header{height:30px;display:flex;align-items:center;gap:14px;margin-bottom:9px}
.seller-brand{padding:6px 11px;border-radius:7px;background:#0667e8;color:#fff;font-size:14px;font-weight:700}
.seller-brand span{font-size:11px}
.seller-nav{flex:1;color:#526b8b;font-size:13px;font-weight:600}
.seller-user{color:#0a2540;font-size:11px;letter-spacing:2px}
.seller-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:8px}
.seller-kpi{min-width:0;padding:7px 9px;border:1px solid #dbeaff;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(0,40,100,.05)}
.seller-kpi span{display:block;min-height:29px;color:#415c7e;font-size:12px;font-weight:800;text-transform:uppercase;line-height:1.16}
.seller-kpi b{display:block;color:#071e3d;font-size:20px;line-height:1.08}
.seller-kpi small{display:block;margin-top:1px;color:#007f66;font-size:11px;font-weight:700}
.seller-panels{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;height:105px;margin-bottom:8px}
.seller-panel{position:relative;overflow:hidden;padding:9px;border:1px solid #e8f2ff;border-radius:10px;background:#fff}
.seller-panel strong{display:block;margin-bottom:4px;color:#0a2540;font-size:14px}
.seller-sales-panel{display:grid;grid-template-columns:80px 1fr;grid-template-rows:18px 1fr}
.seller-sales-panel strong{grid-column:1/-1}
.seller-ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(#00c6cc 0 65%,#e3f0ff 65%);display:grid;place-items:center}
.seller-ring::after{content:"";width:46px;height:46px;border-radius:50%;background:#fff}
.seller-ring span{position:absolute;text-align:center;z-index:1}
.seller-ring b{display:block;font-size:14px}.seller-ring small{font-size:10px;color:#526b8b}
.seller-legend{align-self:center;color:#415c7e;font-size:11px;font-weight:600;line-height:1.65}
.seller-legend i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#00c6cc}
.seller-bars{height:68px;display:flex;align-items:flex-end;gap:5px;padding:3px 5px 0}
.seller-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#00c6cc,#0066ff)}
.seller-mini-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.seller-mini-row div{padding:5px 7px;border:1px solid #e8f2ff;border-radius:8px;background:#fff}
.seller-mini-row span{display:block;color:#415c7e;font-size:11px;font-weight:700}.seller-mini-row b{display:block;color:#071e3d;font-size:15px}
@media(max-width:980px){
  .seller-banner-content{grid-template-columns:42% 58%;gap:16px;padding:18px 0}
  .seller-dashboard{height:264px;transform:none}
  .seller-nav,.seller-user,.seller-mini-row{display:none}
  .seller-kpis{grid-template-columns:repeat(3,1fr)}
  .seller-kpi:nth-child(n+4){display:none}
  .seller-panels{height:116px;grid-template-columns:1fr}
  .seller-sales-panel{display:none}
}
@media(max-width:767px){
  .nybanner--seller-dashboard{height:210px}
  .seller-banner-content{width:calc(100% - 28px);grid-template-columns:1fr;padding:16px 0}
  .seller-copy{position:relative;z-index:2;width:92%}
  .seller-copy h1{font-size:clamp(22px,6.5vw,27px);line-height:1.04}
  .seller-copy p{max-width:350px;margin-top:9px;font-size:13px;line-height:1.3}
  .seller-dashboard{position:absolute;right:-125px;top:14px;width:300px;height:182px;opacity:.18;transform:scale(.9);transform-origin:right top;pointer-events:none}
  .seller-kpis{grid-template-columns:repeat(3,1fr)}
  .seller-panels{display:none}
}