/* === AutoStyle profile dashboard compact final 2026-06-16 === */
body{background:#f5f7fa!important;}
.profile-page.container{max-width:1220px;padding-top:26px;padding-bottom:54px;}
.profile-head{display:none!important;}
.profile-layout{grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;}
.profile-sidebar{position:sticky;top:100px;padding:18px 16px;border-radius:24px;background:rgba(255,255,255,.94);border:1px solid rgba(225,231,239,.95);box-shadow:0 18px 50px rgba(15,23,42,.065);backdrop-filter:blur(14px);}
.avatar-box{padding:2px 0 16px;text-align:center;}
.profile-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 13px;background:#e9eef5;color:#111318;font-size:26px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);}
.profile-avatar.has-photo,.profile-avatar img{border-radius:50%;}
.profile-avatar img{object-fit:cover;}
.avatar-box h2{font-size:22px;line-height:1.1;margin:0 0 8px;font-weight:950;letter-spacing:-.02em;}
.avatar-box .muted{font-size:14px;color:#667085;margin:0 0 18px;}
.avatar-upload,.profile-logout{width:100%;min-height:42px;border-radius:13px;font-size:14px;font-weight:950;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;}
.avatar-upload{display:flex;background:#070b10;color:#fff!important;margin:0 0 8px;box-shadow:0 10px 22px rgba(2,6,23,.10);}
.avatar-upload:hover,.profile-logout:hover{transform:translateY(-1px);}
.profile-logout{display:inline-flex!important;border:1px solid #111827;background:#fff;color:#111318;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin:0;}
.profile-nav-ico{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;line-height:1;flex:0 0 19px;}
.profile-nav-ico img{width:18px;height:18px;display:block;filter:brightness(0) saturate(100%) invert(4%) sepia(12%) saturate(1964%) hue-rotate(174deg) brightness(93%) contrast(95%);}
.avatar-upload .profile-nav-ico img,.profile-tabs button.active .profile-nav-ico img{filter:brightness(0) invert(1);}
.profile-tabs{gap:8px;margin-top:2px;}
.profile-tabs button{min-height:44px;border-radius:13px;background:#f4f6f8;color:#111318;display:flex;align-items:center;gap:10px;font-size:14px;padding:0 13px;box-shadow:none;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;}
.profile-tabs button:hover{transform:translateY(-1px);background:#eef2f6;color:#111318;}
.profile-tabs button.active{background:#070b10;color:#fff;box-shadow:0 10px 22px rgba(2,6,23,.13);}
.profile-content{padding-top:2px;}
.profile-card{border-radius:24px;border:1px solid rgba(225,231,239,.92);background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(15,23,42,.055);}
.profile-home-pane{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.profile-home-hero{margin:0 0 22px;}
.profile-home-hero h2{font-size:clamp(30px,3.2vw,38px);line-height:1.06;margin:0 0 9px;font-weight:950;letter-spacing:-.05em;color:#111318;}
.profile-home-hero p{font-size:15px;color:#667085;margin:0;}
.profile-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0;}
.profile-home-card{min-height:225px;padding:22px 18px 18px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #e2e8f0;box-shadow:0 14px 38px rgba(15,23,42,.05);justify-content:flex-start;gap:10px;overflow:hidden;}
.profile-home-card:hover{transform:translateY(-3px);border-color:rgba(31,219,22,.4);box-shadow:0 22px 56px rgba(15,23,42,.085);}
.profile-home-icon{width:58px;height:58px;border-radius:18px;margin:0 0 10px;background:linear-gradient(180deg,#dbffd8,#eefdec);}
.profile-home-icon img{width:31px;height:31px;display:block;filter:brightness(0) saturate(100%) invert(40%) sepia(98%) saturate(1365%) hue-rotate(82deg) brightness(95%) contrast(100%);}
.profile-home-card b{font-size:21px;letter-spacing:-.025em;line-height:1.08;color:#111318;}
.profile-home-card small{font-size:14px;line-height:1.42;color:#667085;font-weight:750;max-width:200px;min-height:50px;}
.profile-home-card em{min-height:40px;border-radius:12px;background:#070b10;color:#fff;font-size:14px;margin-top:auto;box-shadow:0 8px 18px rgba(2,6,23,.09);}
.profile-home-card:hover em{background:#070b10;color:#fff;}
.profile-home-card-discount{border-color:rgba(239,68,68,.22);}
.profile-home-card-discount .profile-home-icon{background:linear-gradient(135deg,#ff405c,#ed0017);box-shadow:0 16px 30px rgba(237,0,23,.16);}
.profile-home-card-discount .profile-home-icon img{filter:brightness(0) invert(1);}
.profile-home-card-discount b{color:#e60012;}
.profile-home-card-discount em{background:linear-gradient(135deg,#ff1d35,#e60012);box-shadow:0 10px 22px rgba(230,0,18,.2);}
.profile-home-card-discount:hover{border-color:rgba(230,0,18,.48);box-shadow:0 22px 58px rgba(230,0,18,.11);}
.profile-benefits{display:none!important;}
.profile-form input,.profile-form textarea{border-radius:14px;}
@media(max-width:1220px){.profile-page.container{max-width:1120px}.profile-layout{grid-template-columns:235px 1fr;gap:22px}.profile-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-home-card{min-height:215px}}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}.profile-home-hero h2{font-size:32px}.profile-content{padding-top:0}}
@media(max-width:620px){.profile-page.container{padding-top:18px}.profile-home-grid,.profile-tabs{grid-template-columns:1fr}.profile-home-card{min-height:205px}.profile-sidebar,.profile-card{border-radius:20px}.profile-home-hero h2{font-size:28px}}


/* === Большая яркая карточка Колеса фортуны === */
.profile-home-card-wheel{
  position:relative;
  grid-column:span 2;
  min-height:275px;
  padding:28px 30px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  column-gap:28px;
  align-items:center;
  text-align:left;
  overflow:hidden;
  border:0;
  color:#fff;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.34),transparent 23%),
    radial-gradient(circle at 14% 86%,rgba(255,226,0,.42),transparent 29%),
    linear-gradient(135deg,#ff4d00 0%,#ff006e 42%,#7a21ff 100%);
  box-shadow:0 24px 56px rgba(255,0,94,.24);
}
.profile-home-card-wheel::before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  right:-88px;
  bottom:-145px;
  border-radius:50%;
  border:32px solid rgba(255,255,255,.1);
  box-shadow:0 0 0 25px rgba(255,255,255,.055);
}
.profile-home-card-wheel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.14) 48%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.profile-home-card-wheel:hover::after{transform:translateX(120%)}
.profile-home-card-wheel:hover{
  transform:translateY(-4px) scale(1.006);
  border-color:transparent;
  box-shadow:0 30px 68px rgba(140,28,255,.29);
}
.profile-home-card-wheel .profile-wheel-badge{
  position:absolute;
  top:18px;
  right:20px;
  z-index:2;
  padding:7px 11px;
  border-radius:999px;
  color:#4a1700;
  background:#ffe600;
  box-shadow:0 8px 20px rgba(70,20,0,.18);
  font-size:11px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.08em;
}
.profile-home-card-wheel .profile-wheel-icon{
  grid-row:1/4;
  width:140px;
  height:140px;
  margin:0;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  border:2px solid rgba(255,255,255,.45);
  box-shadow:inset 0 0 0 10px rgba(255,255,255,.08),0 18px 38px rgba(67,0,72,.22);
  backdrop-filter:blur(6px);
}
.profile-wheel-mini{
  position:relative;
  width:108px;
  height:108px;
  display:block;
  border-radius:50%;
  border:5px solid #fff;
  background:conic-gradient(#ffe600 0 12.5%,#ff5b00 12.5% 25%,#ff0d6f 25% 37.5%,#8b2cff 37.5% 50%,#00d2ff 50% 62.5%,#00e676 62.5% 75%,#ffe600 75% 87.5%,#ff5b00 87.5% 100%);
  box-shadow:0 10px 24px rgba(67,0,72,.25);
}
.profile-wheel-mini::before{
  content:"";
  position:absolute;
  inset:34px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 6px rgba(86,15,120,.16);
}
.profile-wheel-mini::after{
  content:"";
  position:absolute;
  left:50%;
  top:-15px;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:18px solid #fff;
  filter:drop-shadow(0 3px 3px rgba(50,0,70,.18));
}
.profile-home-card-wheel .profile-wheel-copy{align-self:end;position:relative;z-index:2}
.profile-home-card-wheel b{
  display:block;
  color:#fff;
  font-size:32px;
  line-height:1;
  letter-spacing:-.04em;
  text-shadow:0 3px 18px rgba(67,0,72,.18);
}
.profile-home-card-wheel small{
  display:block;
  max-width:480px;
  min-height:0;
  margin-top:10px;
  color:rgba(255,255,255,.9);
  font-size:15px;
  line-height:1.45;
}
.profile-home-card-wheel em{
  position:relative;
  z-index:2;
  width:min(280px,100%);
  min-height:44px;
  margin-top:18px;
  color:#16100b;
  background:#ffe600;
  box-shadow:0 12px 26px rgba(89,24,0,.22);
  font-weight:1000;
}
.profile-home-card-wheel:hover em{color:#16100b;background:#fff000}

@media(max-width:900px){
  .profile-home-card-wheel{grid-column:span 2}
}
@media(max-width:620px){
  .profile-home-card-wheel{
    grid-column:span 1;
    min-height:390px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    justify-items:center;
    text-align:center;
    padding:26px 20px 20px;
  }
  .profile-home-card-wheel .profile-wheel-icon{grid-row:auto;width:124px;height:124px;margin:10px 0 8px}
  .profile-wheel-mini{width:96px;height:96px}
  .profile-wheel-mini::before{inset:30px}
  .profile-home-card-wheel b{font-size:28px}
  .profile-home-card-wheel small{max-width:290px}
  .profile-home-card-wheel em{width:100%}
}