.vt-auth-open{overflow:hidden}.vt-auth-slot{display:flex;align-items:center}.vt-user-wrap{position:relative;display:inline-flex;align-items:center}.vt-user-nav{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#070707;color:#fff;font-weight:900;text-decoration:none;cursor:pointer;transition:.25s ease;margin-left:8px;box-shadow:0 12px 30px rgba(0,0,0,.12);overflow:hidden}.vt-user-nav:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.vt-user-nav span{font-size:18px;line-height:1}.vt-user-nav.logged-in{background:#e50914;border-color:#e50914}.vt-user-nav .vt-user-initial{font-size:15px;color:#fff}.vt-user-nav img,.vt-user-menu-head img{width:100%;height:100%;object-fit:cover;display:block}.vt-user-menu{position:absolute;right:0;top:58px;width:270px;background:linear-gradient(145deg,#050505,#17171b);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:12px;box-shadow:0 28px 80px rgba(0,0,0,.34);display:none;z-index:9999}.vt-user-menu.open{display:block}.vt-user-menu:before{content:"";position:absolute;right:18px;top:-7px;width:14px;height:14px;background:#09090b;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}.vt-user-menu-head{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.vt-user-menu-head>span,.vt-user-menu-head>img{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e50914;color:#fff;font-weight:950;flex:0 0 auto}.vt-user-menu-head strong{display:block;font-size:14px;line-height:1.2}.vt-user-menu-head small{display:block;color:rgba(255,255,255,.58);font-size:12px;margin-top:3px;word-break:break-all}.vt-user-menu a,.vt-user-menu button{display:flex;width:100%;align-items:center;border:0;background:transparent;color:rgba(255,255,255,.86);text-decoration:none;text-align:left;padding:12px;border-radius:14px;font-weight:800;cursor:pointer;font:inherit}.vt-user-menu a:hover,.vt-user-menu button:hover{background:rgba(255,255,255,.08);color:#fff}.vt-auth-modal{position:fixed;inset:0;z-index:99999;display:none}.vt-auth-modal.open{display:block}.vt-auth-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(10px)}.vt-auth-panel{position:relative;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:5dvh auto;background:linear-gradient(145deg,#050505,#17171b);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:28px;box-shadow:0 35px 120px rgba(0,0,0,.55);animation:vtModalIn .25s ease;-webkit-overflow-scrolling:touch}.vt-auth-close{position:absolute;right:18px;top:14px;border:0;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer}.vt-auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:22px;padding-right:35px}.vt-auth-logo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-weight:950;flex:0 0 auto}.vt-auth-brand h2{margin:0;font-size:23px}.vt-auth-brand p{margin:5px 0 0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.45}.vt-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.07);border-radius:999px;padding:5px;margin-bottom:20px}.vt-auth-tabs button{border:0;background:transparent;color:rgba(255,255,255,.72);padding:11px;border-radius:999px;font-weight:900;cursor:pointer}.vt-auth-tabs button.active{background:#fff;color:#111}.vt-auth-form{display:none;gap:12px}.vt-auth-form.active{display:grid}.vt-auth-form label{font-size:13px;font-weight:800;color:rgba(255,255,255,.75)}.vt-auth-form input,.vt-auth-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:14px 16px;outline:none;font:inherit}.vt-auth-form input:focus,.vt-auth-form textarea:focus{border-color:#e50914}.vt-auth-btn{width:100%;border:0;border-radius:999px;background:#e50914;color:#fff;padding:14px 18px;font-weight:950;cursor:pointer}.vt-auth-note{font-size:13px;color:rgba(255,255,255,.62);line-height:1.5;text-align:center}.vt-auth-msg{display:none;padding:12px 14px;border-radius:14px;font-weight:700;font-size:14px;line-height:1.45}.vt-auth-msg.show{display:block}.vt-auth-msg.success{background:rgba(46,204,113,.14);color:#8dffb3;border:1px solid rgba(46,204,113,.22)}.vt-auth-msg.error{background:rgba(229,9,20,.14);color:#ff9ca1;border:1px solid rgba(229,9,20,.22)}.vt-auth-link{background:transparent;border:0;color:#fff;text-decoration:underline;font-weight:800;cursor:pointer}.vt-profile-page{min-height:100vh;padding:36px 16px;background:#f5f5f7}.vt-profile-shell{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}.vt-profile-card,.vt-profile-panel{background:linear-gradient(145deg,#060606,#19191e);color:#fff;border-radius:34px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.22);padding:34px}.vt-profile-card{text-align:center;position:sticky;top:24px}.vt-profile-avatar{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:38px;overflow:hidden}.vt-profile-avatar img{width:100%;height:100%;object-fit:cover}.vt-profile-card h1{font-size:clamp(30px,5vw,48px);margin:8px 0;line-height:1}.vt-profile-card p:not(.eyebrow){color:rgba(255,255,255,.68);word-break:break-word}.vt-profile-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.vt-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vt-profile-field{display:grid;gap:7px}.vt-profile-field.full{grid-column:1/-1}.vt-profile-field label{font-size:13px;color:rgba(255,255,255,.68);font-weight:900}.vt-profile-field input,.vt-profile-field textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:14px 16px;outline:none;font:inherit}.vt-profile-field textarea{min-height:110px;resize:vertical}.vt-profile-save{margin-top:18px}.vt-profile-msg{margin-top:14px;font-weight:800}.vt-profile-msg.success{color:#8dffb3}.vt-profile-msg.error{color:#ff9ca1}@keyframes vtModalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.vt-profile-shell{grid-template-columns:1fr}.vt-profile-card{position:relative;top:0}.vt-user-menu{right:-8px}}@media(max-width:760px){.nav-links .vt-auth-slot{justify-content:center;width:100%;padding-top:8px}.nav-links .vt-user-nav{margin-left:0}.vt-auth-panel{width:calc(100% - 20px);max-height:calc(100dvh - 20px);margin:10px auto;border-radius:24px;padding:20px}.vt-auth-brand{align-items:flex-start}.vt-auth-logo{width:48px;height:48px}.vt-auth-brand h2{font-size:20px}.vt-auth-tabs button{padding:10px 8px}.vt-auth-form input{padding:13px 14px}.vt-user-menu{position:fixed;left:12px;right:12px;top:auto;bottom:16px;width:auto;border-radius:24px}.vt-user-menu:before{display:none}.vt-profile-page{padding:18px 12px}.vt-profile-card,.vt-profile-panel{border-radius:26px;padding:24px}.vt-profile-grid{grid-template-columns:1fr}}@media(max-width:420px){.vt-auth-panel{padding:18px}.vt-auth-brand p{font-size:13px}.vt-auth-logo{width:44px;height:44px}.vt-auth-form{gap:10px}.vt-profile-actions .btn{width:100%}}

/* Refined VisionTalks user dropdown */
.vt-login-register-btn{
  border:0;
  background:#080808;
  color:#fff;
  padding:11px 18px;
  border-radius:999px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  white-space:nowrap;
}
.vt-login-register-btn:hover{background:#e50914}

.vt-user-menu{
  width:292px;
  padding:14px;
}
.vt-user-menu-head{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border-bottom:0;
  margin-bottom:10px;
}
.vt-user-menu-avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  overflow:hidden;
  background:#e50914;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:950;
}
.vt-user-menu-avatar img{width:100%;height:100%;object-fit:cover}
.vt-user-identity{min-width:0}
.vt-user-identity strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vt-user-identity small{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:4px;
}
.vt-user-menu-links{
  display:grid;
  gap:4px;
  padding:4px 0 10px;
}
.vt-user-menu-links a{
  position:relative;
}
.vt-user-menu-links a:nth-child(1)::before{content:"▣";margin-right:10px;color:#e50914}
.vt-user-menu-links a:nth-child(2)::before{content:"⚙";margin-right:10px;color:#e50914}
.vt-user-menu-links a:nth-child(3)::before{content:"?";margin-right:10px;color:#e50914;font-weight:950}
.vt-user-logout{
  margin-top:4px;
  border-top:1px solid rgba(255,255,255,.1)!important;
  color:#ff9ca1!important;
}
.vt-user-logout::before{content:"↗";margin-right:10px}

@media(max-width:760px){
  .nav-links .vt-auth-slot{
    order:20;
    width:100%;
    justify-content:stretch;
    padding:10px 0 0;
  }
  .nav-links .vt-auth-slot .vt-login-register-btn{
    width:100%;
    justify-content:center;
    padding:13px 16px;
  }
  .nav-links .vt-auth-slot .vt-user-wrap{
    width:100%;
    justify-content:center;
  }
  .vt-user-menu{
    position:fixed;
    left:14px;
    right:14px;
    bottom:16px;
    top:auto;
    width:auto;
    max-height:calc(100dvh - 32px);
    overflow:auto;
    border-radius:26px;
    padding:14px;
  }
  .vt-user-menu-head{
    grid-template-columns:48px 1fr;
    padding:14px;
  }
  .vt-user-menu-avatar{
    width:48px;
    height:48px;
  }
  .vt-user-menu a,
  .vt-user-menu button{
    padding:15px 14px;
    font-size:15px;
  }
  .vt-auth-panel{
    width:calc(100% - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:10px auto!important;
  }
}


/* Android navigation + dropdown fixes */
@media(max-width:760px){

  .nav-links{
    position:relative;
  }

  .nav-links .vt-auth-slot{
    order:-10 !important;
    width:100%;
    display:flex;
    justify-content:center;
    margin-bottom:18px;
    padding-top:0;
  }

  .nav-links .vt-user-wrap{
    position:relative;
    width:auto;
  }

  .nav-links .vt-user-nav{
    width:58px;
    height:58px;
    margin:0 auto;
    border:2px solid rgba(255,255,255,.08);
    box-shadow:0 18px 45px rgba(0,0,0,.16);
  }

  .vt-user-menu{
    position:fixed !important;
    left:14px !important;
    right:14px !important;
    top:80px !important;
    bottom:auto !important;
    width:auto !important;
    max-height:70dvh !important;
    overflow-y:auto !important;
    z-index:999999 !important;
    animation:vtMobileMenuIn .22s ease;
  }

  .vt-user-menu.open{
    display:block !important;
  }

  .vt-user-menu-links{
    gap:6px;
  }

  .vt-user-menu a,
  .vt-user-menu button{
    min-height:54px;
    align-items:center;
  }

  .vt-profile-shell{
    gap:16px;
  }

  .vt-profile-card,
  .vt-profile-panel{
    padding:22px !important;
    border-radius:24px !important;
  }

  .vt-profile-avatar{
    width:88px;
    height:88px;
  }

  .vt-dashboard-hero{
    padding:26px !important;
  }

  .vt-dashboard-grid{
    grid-template-columns:1fr !important;
  }
}

@keyframes vtMobileMenuIn{
  from{
    opacity:0;
    transform:translateY(-12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Better dashboard cards */
.vt-dashboard-card{
  transition:.25s ease;
}

.vt-dashboard-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 60px rgba(0,0,0,.12);
}


/* Final mobile/profile avatar fixes */
.vt-user-wrap,
.vt-auth-slot{
  opacity:1!important;
  visibility:visible!important;
  min-width:46px;
  min-height:46px;
}

.vt-avatar-edit{
  position:relative;
  border:0;
  cursor:pointer;
  padding:0;
}

.vt-camera-badge{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#e50914;
  color:#fff;
  font-size:10px;
  display:grid;
  place-items:center;
  border:2px solid #111;
}

@media(max-width:768px){
  .nav-links{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }

  .nav-links .vt-auth-slot{
    order:-999!important;
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 0 18px!important;
    padding:0!important;
    min-height:64px!important;
  }

  .nav-links .vt-user-wrap{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:64px!important;
  }

  .nav-links .vt-user-nav{
    width:58px!important;
    height:58px!important;
    margin:0!important;
    flex:0 0 58px!important;
  }

  .vt-user-menu{
    position:fixed!important;
    top:78px!important;
    left:14px!important;
    right:14px!important;
    bottom:auto!important;
    width:auto!important;
    max-height:72dvh!important;
    overflow-y:auto!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:999999!important;
  }

  .vt-user-menu:not(.open){
    display:none!important;
  }

  .vt-user-menu.open{
    display:block!important;
  }

  .vt-auth-panel{
    width:calc(100% - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:10px auto!important;
    overflow-y:auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
}


/* Override old auth mobile dropdown behavior */
@media (max-width: 768px) {
  .vt-user-menu {
    bottom: auto !important;
    transform: none !important;
  }

  .vt-user-wrap,
  .vt-auth-slot,
  .vt-user-nav,
  .vt-login-register-btn {
    opacity: 1 !important;
    visibility: visible !important;
  }
}



/* Smooth login/register/OTP switch animation */
.vt-auth-form {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}

.vt-auth-form.active {
  display: grid !important;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  animation: vtAuthFormIn .22s ease both;
}

.vt-auth-form.leaving {
  display: grid !important;
  animation: vtAuthFormOut .16s ease both;
}

@keyframes vtAuthFormIn {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vtAuthFormOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(-8px) scale(.985); }
}

/* Android auth/modal visibility guard */
@media (max-width: 768px) {
  body:not(.vt-menu-open) .nav-links,
  body:not(.vt-menu-open) .nav-links.active {
    display: none !important;
  }

  body.vt-menu-open .nav-links.active {
    display: flex !important;
  }

  .vt-auth-panel {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }

  .vt-user-menu:not(.open) {
    display: none !important;
  }
}


/* Final profile + dashboard polish */
.vt-user-menu-head{
  grid-template-columns:46px 1fr!important;
}
.vt-user-menu-avatar{
  border:none!important;
  cursor:default!important;
}
.vt-user-menu-avatar .vt-camera-badge{
  display:none!important;
}

.vt-profile-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0 6px;
}
.vt-profile-summary div{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:13px;
}
.vt-profile-summary strong{
  display:block;
  color:#fff;
}
.vt-profile-summary span{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:12px;
  margin-top:2px;
}
.vt-profile-intro{
  color:rgba(255,255,255,.68);
  margin:10px 0 22px;
}
.vt-profile-avatar-large{
  display:flex;
  justify-content:center;
}
.vt-profile-avatar span{
  font-weight:950;
  font-size:34px;
}
.vt-avatar-upload-row{
  width:100%;
}
.vt-avatar-upload{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  border-radius:22px;
  padding:14px;
  cursor:pointer;
  transition:.25s ease;
}
.vt-avatar-upload:hover{
  background:rgba(255,255,255,.1);
  transform:translateY(-1px);
}
.vt-avatar-upload-preview{
  width:62px;
  height:62px;
  border-radius:50%;
  background:#e50914;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:950;
  overflow:hidden;
  flex:0 0 62px;
}
.vt-avatar-upload-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.vt-avatar-upload-copy{
  display:grid;
  gap:4px;
  flex:1;
}
.vt-avatar-upload-copy strong{
  color:#fff;
}
.vt-avatar-upload-copy small{
  color:rgba(255,255,255,.58);
  line-height:1.4;
}
.vt-avatar-camera{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#e50914;
  color:#fff;
  display:grid;
  place-items:center;
  flex:0 0 38px;
}
#vtProfileAvatarInput{
  display:none;
}

/* Dashboard */
.vt-dashboard-page{
  min-height:100vh;
  background:#f6f6f7;
  padding:36px 16px;
}
.vt-dashboard-shell{
  width:min(1100px,100%);
  margin:auto;
}
.vt-dashboard-hero{
  background:radial-gradient(circle at 10% 0%,rgba(229,9,20,.24),transparent 34%),linear-gradient(145deg,#050505,#17171b);
  color:#fff;
  border-radius:34px;
  padding:42px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.2);
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:end;
}
.vt-dashboard-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(34px,6vw,64px);
  line-height:1;
  margin:8px 0;
}
.vt-dashboard-hero p:not(.eyebrow){
  color:rgba(255,255,255,.68);
  max-width:720px;
}
.vt-dashboard-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.vt-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px;
}
.vt-dashboard-card{
  background:#fff;
  border-radius:24px;
  padding:22px;
  box-shadow:0 18px 50px rgba(0,0,0,.07);
  color:#111;
  text-decoration:none;
  transition:.25s ease;
}
.vt-dashboard-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 60px rgba(0,0,0,.12);
}
.vt-dashboard-card strong{
  display:block;
  font-size:30px;
  line-height:1.1;
}
.vt-dashboard-card span,
.vt-dashboard-card p{
  display:block;
  color:#666;
  margin-top:6px;
}
.vt-dashboard-mini .vt-dashboard-card{
  background:linear-gradient(145deg,#070707,#18181d);
  color:#fff;
}
.vt-dashboard-mini .vt-dashboard-card span{
  color:rgba(255,255,255,.62);
}
.vt-dashboard-list{
  margin-top:22px;
  background:#fff;
  border-radius:28px;
  padding:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.07);
}
.vt-dashboard-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:16px;
}
.vt-empty{
  padding:22px;
  border-radius:20px;
  background:#f6f6f7;
  color:#666;
}
.vt-empty strong{
  color:#111;
}
.vt-activity-list{
  display:grid;
  gap:12px;
}
.vt-activity-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-radius:18px;
  background:#f6f6f7;
}
.vt-activity-item p{
  color:#666;
  margin-top:4px;
}
.vt-activity-item span{
  align-self:center;
  color:#e50914;
  font-weight:900;
}

@media(max-width:900px){
  .vt-dashboard-hero{
    grid-template-columns:1fr;
    align-items:start;
  }
  .vt-dashboard-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .vt-profile-page{
    padding:14px 10px!important;
  }
  .vt-profile-card,
  .vt-profile-panel{
    padding:22px!important;
    border-radius:26px!important;
  }
  .vt-profile-avatar{
    width:88px!important;
    height:88px!important;
  }
  .vt-profile-card h1{
    font-size:2rem!important;
  }
  .vt-profile-summary{
    grid-template-columns:1fr;
  }
  .vt-avatar-upload{
    align-items:flex-start;
    border-radius:20px;
  }
  .vt-avatar-upload-preview{
    width:56px;
    height:56px;
    flex-basis:56px;
  }
  .vt-avatar-camera{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .vt-dashboard-page{
    padding:14px 10px;
  }
  .vt-dashboard-hero{
    padding:26px!important;
    border-radius:26px!important;
  }
  .vt-dashboard-actions .btn{
    width:100%;
  }
  .vt-dashboard-card,
  .vt-dashboard-list{
    border-radius:22px;
    padding:18px;
  }
  .vt-dashboard-section-head,
  .vt-activity-item{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* === VisionTalks Account Settings Upgrade === */
.settings-page{min-height:100vh;padding:34px 16px;background:#f5f5f7;color:#111}
.settings-shell{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:350px 1fr;gap:22px;align-items:start}
.profile-summary-card,.settings-card{background:linear-gradient(145deg,#050505,#18181d);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.22)}
.profile-summary-card{padding:34px;text-align:center;position:sticky;top:24px}
.settings-card{padding:34px}
.avatar-editor{width:112px;height:112px;border-radius:50%;border:0;background:#e50914;color:#fff;cursor:pointer;position:relative;overflow:visible;display:inline-grid;place-items:center;font-size:42px;font-weight:950;box-shadow:0 20px 55px rgba(229,9,20,.28)}
.avatar-preview{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#e50914}
.avatar-preview img{width:100%;height:100%;object-fit:cover}
.avatar-camera{position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:50%;background:#080808;color:#fff;display:grid;place-items:center;font-size:15px;border:3px solid #fff}
.profile-summary-card h1{margin:18px 0 4px;font-size:clamp(28px,4vw,42px);line-height:1}
.profile-summary-card p{color:rgba(255,255,255,.64);word-break:break-word}
.verified-pill,.pending-pill,.verified-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 14px;font-weight:900;font-size:13px;margin-top:14px}
.verified-pill,.verified-badge{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.32)}
.pending-pill{background:rgba(245,158,11,.16);color:#fcd34d;border:1px solid rgba(245,158,11,.32)}
.profile-quick-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.back-link{display:inline-flex;color:#fff;text-decoration:none;font-weight:900;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px}
.settings-card h2{margin:8px 0 6px;font-size:clamp(32px,5vw,56px);line-height:1;letter-spacing:-1px}
.settings-card h3{margin:0 0 8px;font-size:24px;color:#fff}
.settings-copy{color:rgba(255,255,255,.68);line-height:1.7;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-card label{display:grid;gap:8px;color:rgba(255,255,255,.75);font-weight:850;font-size:13px}
.settings-card label.full{grid-column:1/-1}
.settings-card input,.settings-card textarea,.otp-panel input{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff!important;border-radius:16px;padding:14px 16px;font:inherit;outline:none}
.settings-card input::placeholder,.settings-card textarea::placeholder,.otp-panel input::placeholder{color:rgba(255,255,255,.45)!important}
.settings-card input:focus,.settings-card textarea:focus,.otp-panel input:focus{border-color:#e50914;box-shadow:0 0 0 4px rgba(229,9,20,.12)}
.settings-card textarea{min-height:120px;resize:vertical}.phone-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.verify-btn,.save-btn,.otp-actions button{border:0;background:#e50914;color:#fff;border-radius:999px;padding:13px 18px;font-weight:950;cursor:pointer}.verify-btn:disabled{opacity:.45;cursor:not-allowed}.field-warning{color:#ff9ca1;min-height:18px}.section-divider{height:1px;background:rgba(255,255,255,.12);margin:28px 0}.save-btn{margin-top:24px;min-width:220px}.settings-message{margin-top:14px;font-weight:850}.settings-message.success{color:#86efac}.settings-message.error{color:#ff9ca1}
.otp-modal{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);z-index:99999;display:none;place-items:center;padding:16px}.otp-modal.active{display:grid}.otp-panel{width:min(420px,100%);background:#080808;color:#fff;border-radius:26px;padding:26px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.45)}.otp-panel p{color:rgba(255,255,255,.68);line-height:1.6}.otp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.otp-actions button:first-child{background:rgba(255,255,255,.1)}
@media(max-width:768px){.settings-page{padding:14px 10px}.settings-shell{display:flex;flex-direction:column;gap:14px}.profile-summary-card{position:relative;top:auto}.profile-summary-card,.settings-card{width:100%;border-radius:26px;padding:22px;overflow:visible!important}.form-grid{grid-template-columns:1fr}.phone-row{grid-template-columns:1fr}.verify-btn,.verified-badge,.save-btn{width:100%}.avatar-editor,.avatar-preview{width:96px;height:96px}.settings-card,.settings-card input,.settings-card textarea,.settings-card h2,.settings-card h3{color:#fff!important}.otp-panel{border-radius:22px;padding:22px}}


/* === Final Android dropdown visibility + OTP/profile/dashboard fixes === */
.vt-user-menu,
.vt-user-menu *,
.vt-user-dropdown,
.vt-user-dropdown *{
  color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
}
.vt-user-menu small,
.vt-user-dropdown small{
  color:rgba(255,255,255,.68)!important;
}
.vt-user-menu a,
.vt-user-menu button,
.vt-user-dropdown a,
.vt-user-dropdown button{
  color:#fff!important;
  background:transparent;
}
.vt-user-menu a:hover,
.vt-user-menu button:hover,
.vt-user-dropdown a:hover{
  background:rgba(255,255,255,.10)!important;
}
.vt-user-logout,
.vt-user-dropdown .danger{
  color:#ffb4b8!important;
}
.field-hint{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.55)!important;
  font-size:12px;
  line-height:1.35;
}
.otp-panel small{
  display:block;
  color:#ffb4b8!important;
  margin-top:10px;
  font-weight:800;
}
.vt-activity-item small{
  display:block;
  color:#777;
  margin-top:6px;
  line-height:1.5;
}
.vt-dashboard-card strong{
  word-break:normal;
}
@media(max-width:768px){
  .vt-user-menu,
  .vt-user-dropdown{
    position:fixed!important;
    top:86px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    max-height:72dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:999999!important;
    background:linear-gradient(145deg,#060606,#18181d)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
    border-radius:26px!important;
  }
  .vt-user-menu:not(.open),
  .vt-user-dropdown:not(.active){
    display:none!important;
  }
  .vt-user-menu.open,
  .vt-user-dropdown.active{
    display:block!important;
  }
  .vt-user-menu-head,
  .vt-user-dropdown-head{
    background:rgba(255,255,255,.08)!important;
  }
  .vt-user-menu a,
  .vt-user-menu button,
  .vt-user-dropdown a{
    color:#fff!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
  }
  .settings-card input,
  .settings-card textarea,
  .settings-card select{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .settings-card input::placeholder,
  .settings-card textarea::placeholder{
    color:rgba(255,255,255,.45)!important;
    -webkit-text-fill-color:rgba(255,255,255,.45)!important;
  }
  .vt-dashboard-hero,
  .vt-dashboard-list,
  .vt-dashboard-card{
    overflow:visible!important;
  }
  .vt-activity-item{
    gap:10px!important;
  }
  .vt-activity-item span{
    align-self:flex-start!important;
  }
}


/* FINAL SIMPLE ANDROID PROFILE MENU FIX */
body.vt-profile-menu-open .nav-links{
  display:none!important;
}
body.vt-profile-menu-open::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:99990;
}
.vt-user-wrap{
  z-index:100000!important;
}
.vt-user-menu{
  z-index:100001!important;
  background:linear-gradient(145deg,#050505,#1b1b20)!important;
}
.vt-user-menu,
.vt-user-menu *,
.vt-user-menu a,
.vt-user-menu button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.vt-user-menu small{
  color:rgba(255,255,255,.68)!important;
  -webkit-text-fill-color:rgba(255,255,255,.68)!important;
}
.vt-user-logout{
  color:#ffb4b8!important;
  -webkit-text-fill-color:#ffb4b8!important;
}
@media(max-width:768px){
  .vt-user-menu{
    position:fixed!important;
    top:88px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    max-height:72dvh!important;
    overflow-y:auto!important;
    border-radius:26px!important;
    padding:16px!important;
    box-shadow:0 30px 100px rgba(0,0,0,.65)!important;
  }
  .vt-user-menu:not(.open){display:none!important}
  .vt-user-menu.open{display:block!important}
  .vt-user-menu a,
  .vt-user-menu button{
    min-height:54px!important;
    background:rgba(255,255,255,.05)!important;
    margin:6px 0!important;
  }
  .vt-user-menu-head{
    background:rgba(255,255,255,.08)!important;
    border-radius:18px!important;
  }
}


/* FINAL FIX: profile menu should show content, no blank blur screen */
body.vt-profile-menu-open::before{
  display:none!important;
  content:none!important;
}
body.vt-profile-menu-open .nav-links{
  display:flex!important;
}
.vt-user-menu{
  z-index:999999!important;
  display:none;
  background:linear-gradient(145deg,#050505,#1b1b20)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.45)!important;
}
.vt-user-menu.open{
  display:block!important;
}
.vt-user-menu,
.vt-user-menu *,
.vt-user-menu a,
.vt-user-menu button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.vt-user-menu small{
  color:rgba(255,255,255,.68)!important;
  -webkit-text-fill-color:rgba(255,255,255,.68)!important;
}
.vt-user-logout{
  color:#ffb4b8!important;
  -webkit-text-fill-color:#ffb4b8!important;
}
@media(max-width:768px){
  .vt-user-menu{
    position:fixed!important;
    top:92px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    max-height:72dvh!important;
    overflow-y:auto!important;
    border-radius:26px!important;
    padding:16px!important;
  }
  .vt-user-menu a,
  .vt-user-menu button{
    min-height:52px!important;
    background:rgba(255,255,255,.06)!important;
    margin:6px 0!important;
  }
}


/* =========================================================
   VISIONTALKS SIMPLE PREMIUM UI UPDATE
   Login/Register, Profile Dropdown, Dashboard/Profile fixes
   ========================================================= */

/* Auth modal: Stripe-like clean card with VisionTalks colors */
.vt-auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none;
}
.vt-auth-modal.open{display:block!important}
.vt-auth-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(246,246,247,.78)!important;
  backdrop-filter:blur(14px)!important;
}
.vt-auth-panel{
  position:relative!important;
  width:min(1060px,calc(100% - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
  margin:16px auto!important;
  background:#fff!important;
  color:#111!important;
  border-radius:28px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 35px 120px rgba(0,0,0,.22)!important;
  padding:0!important;
}
.vt-auth-close{
  position:absolute!important;
  right:16px!important;
  top:16px!important;
  z-index:5!important;
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f1f1f3!important;
  color:#111!important;
  font-size:24px!important;
  cursor:pointer!important;
}
.vt-auth-split{
  display:grid!important;
  grid-template-columns:1fr 480px!important;
  min-height:620px!important;
}
.vt-auth-visual{
  background:
    radial-gradient(circle at 20% 12%,rgba(229,9,20,.30),transparent 34%),
    radial-gradient(circle at 90% 20%,rgba(255,160,80,.45),transparent 38%),
    linear-gradient(145deg,#050505,#1b1b20)!important;
  color:#fff!important;
  padding:56px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
}
.vt-auth-logo-big{
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#000!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  margin-bottom:auto!important;
}
.vt-auth-visual h2{
  color:#fff!important;
  font-family:'Playfair Display',serif!important;
  font-size:clamp(2.2rem,4vw,4.8rem)!important;
  line-height:.95!important;
  margin:0 0 18px!important;
}
.vt-auth-visual p{
  color:rgba(255,255,255,.72)!important;
  font-size:1.05rem!important;
  line-height:1.7!important;
  max-width:560px!important;
}
.vt-auth-card{
  padding:54px 44px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.vt-auth-brand{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:24px!important;
  color:#111!important;
}
.vt-auth-logo{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:#050505!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  flex:0 0 auto!important;
}
.vt-auth-brand h2{
  color:#111!important;
  margin:0!important;
  font-size:1.7rem!important;
}
.vt-auth-brand p{
  color:#666!important;
  margin:4px 0 0!important;
  line-height:1.4!important;
}
.vt-auth-tabs{
  background:#f4f4f5!important;
  border-radius:999px!important;
  padding:5px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  margin-bottom:22px!important;
}
.vt-auth-tabs button{
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#444!important;
  padding:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.vt-auth-tabs button.active{
  background:#050505!important;
  color:#fff!important;
}
.vt-auth-form{display:none!important;gap:12px!important}
.vt-auth-form.active{display:grid!important}
.vt-auth-form label{
  color:#333!important;
  font-weight:850!important;
  font-size:.9rem!important;
}
.vt-auth-form input{
  width:100%!important;
  border:1px solid #d9dee8!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  font:inherit!important;
  outline:none!important;
}
.vt-auth-form input:focus{
  border-color:#e50914!important;
  box-shadow:0 0 0 4px rgba(229,9,20,.12)!important;
}
.vt-auth-btn{
  width:100%!important;
  border:0!important;
  border-radius:14px!important;
  background:#e50914!important;
  color:#fff!important;
  padding:14px 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
  margin-top:6px!important;
}
.vt-auth-note{
  text-align:center!important;
  color:#666!important;
  font-size:.9rem!important;
}
.vt-auth-link{
  border:0!important;
  background:transparent!important;
  color:#e50914!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.vt-auth-msg.show{
  display:block!important;
  margin-bottom:14px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-weight:800!important;
}
.vt-auth-msg.success{background:rgba(34,197,94,.12)!important;color:#16803a!important}
.vt-auth-msg.error{background:rgba(229,9,20,.12)!important;color:#e50914!important}

/* Profile dropdown: no blank blur, always readable */
body.vt-profile-menu-open::before{display:none!important;content:none!important}
.vt-user-wrap{z-index:99999!important}
.vt-user-menu{
  background:#080808!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.35)!important;
  z-index:999999!important;
}
.vt-user-menu.open{display:block!important}
.vt-user-menu,
.vt-user-menu *,
.vt-user-menu a,
.vt-user-menu button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.vt-user-menu small{color:rgba(255,255,255,.62)!important;-webkit-text-fill-color:rgba(255,255,255,.62)!important}
.vt-user-logout{color:#ffb4b8!important;-webkit-text-fill-color:#ffb4b8!important}
.vt-user-menu-links a,
.vt-user-menu button{
  background:transparent!important;
  border-radius:14px!important;
}
.vt-user-menu-links a:hover,
.vt-user-menu button:hover{
  background:rgba(255,255,255,.08)!important;
}

/* Account settings page */
.settings-page{
  background:#f6f6f7!important;
  color:#111!important;
}
.settings-shell{
  width:min(1120px,calc(100% - 32px))!important;
  margin:34px auto!important;
  display:grid!important;
  grid-template-columns:340px 1fr!important;
  gap:22px!important;
  align-items:start!important;
}
.profile-summary-card,
.settings-card{
  border-radius:30px!important;
  box-shadow:0 20px 65px rgba(0,0,0,.09)!important;
}
.profile-summary-card{
  background:linear-gradient(145deg,#050505,#1b1b20)!important;
  color:#fff!important;
  padding:34px!important;
}
.settings-card{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(0,0,0,.08)!important;
  padding:34px!important;
}
.settings-card h2,
.settings-card h3{
  color:#111!important;
}
.settings-card .settings-copy{
  color:#666!important;
}
.settings-card label{
  color:#333!important;
}
.settings-card input,
.settings-card textarea,
.settings-card select{
  background:#fff!important;
  border:1px solid #d9dee8!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
.settings-card input::placeholder,
.settings-card textarea::placeholder{
  color:#888!important;
  -webkit-text-fill-color:#888!important;
}
.avatar-editor{
  background:#e50914!important;
}

/* Admin fit and modern clean dark dashboard */
html,body{max-width:100%!important}
.admin-body{overflow-x:hidden!important}
.admin-header-v2,
.admin-layout-v2,
.admin-main-v2{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.admin-main-v2{
  min-width:0!important;
  overflow:hidden!important;
}
.admin-section-v2,
.glass-admin-card,
.admin-add-box,
.admin-edit-card{
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.admin-form-grid{
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.admin-form-grid input,
.admin-form-grid textarea,
.admin-form-grid select{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.permission-grid{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
}
.admin-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
}
.admin-table{min-width:860px!important}

/* Mobile */
@media(max-width:920px){
  .vt-auth-split{grid-template-columns:1fr!important}
  .vt-auth-visual{display:none!important}
  .vt-auth-panel{width:calc(100% - 20px)!important;margin:10px auto!important}
  .vt-auth-card{padding:34px 22px!important}
  .settings-shell{grid-template-columns:1fr!important;width:calc(100% - 20px)!important;margin:14px auto!important}
}
@media(max-width:768px){
  .vt-user-menu{
    position:fixed!important;
    top:88px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    max-height:72dvh!important;
    overflow-y:auto!important;
    border-radius:26px!important;
    padding:16px!important;
  }
  .vt-user-menu:not(.open){display:none!important}
  .vt-user-menu.open{display:block!important}
  .admin-layout-v2{
    display:block!important;
    padding:12px!important;
  }
  .admin-sidebar-v2{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    margin-bottom:14px!important;
  }
  .admin-header-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  .admin-top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .admin-btn{width:100%!important;justify-content:center!important}
  .admin-section-v2{padding:18px!important;border-radius:22px!important}
  .admin-form-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   PROFILE SPACE LIKE USER ACCOUNT / LIBRARY / HISTORY
   ========================================================= */
.vt-profile-space{background:#f6f6f7;color:#111;margin:0;font-family:Inter,system-ui,sans-serif}
.vt-space-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:40}
.vt-space-nav{width:min(1180px,calc(100% - 32px));margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.vt-space-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111;font-weight:950;font-size:1.3rem}
.vt-space-brand span{width:52px;height:52px;border-radius:50%;background:#050505;color:#fff;display:grid;place-items:center}
.vt-space-brand b{color:#e50914}
.vt-space-links{display:flex;gap:18px;align-items:center}
.vt-space-links a{color:#222;text-decoration:none;font-weight:850}
.vt-space-main{width:min(1180px,calc(100% - 32px));margin:34px auto 50px;display:grid;gap:22px}
.vt-space-hero{background:linear-gradient(145deg,#050505,#1b1b20);color:#fff;border-radius:34px;padding:38px;display:flex;align-items:center;gap:24px;box-shadow:0 24px 80px rgba(0,0,0,.16)}
.vt-space-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:8px 0}
.vt-space-hero p:not(.eyebrow){color:rgba(255,255,255,.68)}
.vt-space-avatar .avatar-editor{width:104px!important;height:104px!important}
.vt-space-avatar .avatar-preview{width:104px!important;height:104px!important}
.vt-space-tabs{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:12px;box-shadow:0 14px 45px rgba(0,0,0,.05)}
.vt-space-tabs a{color:#111;text-decoration:none;font-weight:900;border-radius:999px;padding:12px 16px}
.vt-space-tabs a:hover{background:rgba(229,9,20,.08);color:#e50914}
.vt-space-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vt-space-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:30px;padding:30px;box-shadow:0 18px 55px rgba(0,0,0,.06)}
.vt-space-card.full{grid-column:1/-1}
.vt-space-card h2{font-size:2rem;margin:0 0 8px}
.vt-space-card p{color:#666;line-height:1.65}
.vt-space-list{display:grid;gap:12px;margin-top:18px}
.vt-space-item{display:flex;justify-content:space-between;gap:14px;padding:16px;border-radius:18px;background:#f6f6f7;border:1px solid rgba(0,0,0,.05)}
.vt-space-item strong{display:block}
.vt-space-item span{display:block;color:#666;margin-top:4px}
.vt-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.vt-settings-form label{display:grid;gap:8px;color:#333;font-weight:850}
.vt-settings-form label.full{grid-column:1/-1}
.vt-settings-form input,.vt-settings-form textarea{width:100%;border:1px solid #d9dee8;background:#fff;color:#111;-webkit-text-fill-color:#111;border-radius:16px;padding:14px 15px;font:inherit;outline:none}
.vt-settings-form textarea{min-height:120px;resize:vertical}
.vt-save-btn{border:0;background:#e50914;color:#fff;border-radius:999px;padding:14px 20px;font-weight:950;cursor:pointer}
.vt-space-footer{background:#050505;color:#fff;padding:26px 16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.vt-space-footer a{color:#fff;text-decoration:none;margin-right:16px;font-weight:850}

/* =========================================================
   DARK DASHBOARD LIKE ADMIN PANEL, BUT SIMPLE FOR USERS
   ========================================================= */
.vt-dash-body{background:#060607;color:#fff;margin:0;font-family:Inter,system-ui,sans-serif}
.vt-dash-header{height:86px;background:#fff;color:#111;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1240px)/2));gap:18px}
.vt-dash-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111;font-weight:950;font-size:1.3rem}
.vt-dash-brand span{width:52px;height:52px;border-radius:50%;background:#050505;color:#fff;display:grid;place-items:center}
.vt-dash-brand b{color:#e50914}
.vt-dash-header nav{display:flex;gap:18px;align-items:center}
.vt-dash-header nav a{color:#222;text-decoration:none;font-weight:850}
.vt-dashboard-layout{width:min(1240px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:280px 1fr;gap:22px}
.vt-dashboard-sidebar{background:linear-gradient(145deg,#0b0c10,#17181f);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:18px;position:sticky;top:22px;height:calc(100dvh - 44px);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.vt-dash-user{display:grid;gap:8px;text-align:center;padding:18px;border-radius:22px;background:rgba(255,255,255,.06);margin-bottom:14px}
.vt-dash-avatar{width:74px;height:74px;border-radius:50%;background:#e50914;color:#fff;display:grid;place-items:center;font-weight:950;font-size:1.6rem;margin:auto;overflow:hidden}
.vt-dash-avatar img{width:100%;height:100%;object-fit:cover}
.vt-dash-user small{color:rgba(255,255,255,.58);word-break:break-word}
.vt-dashboard-sidebar button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.68);border-radius:16px;padding:14px;text-align:left;font-weight:900;cursor:pointer}
.vt-dashboard-sidebar button.active,.vt-dashboard-sidebar button:hover{background:rgba(229,9,20,.18);color:#fff}
.vt-dashboard-main{display:grid;gap:18px;min-width:0}
.vt-dashboard-hero{background:linear-gradient(145deg,#12131a,#1b1c24);border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:30px;display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:center;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.vt-dashboard-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95;margin:8px 0}
.vt-dashboard-hero p:not(.eyebrow){color:rgba(255,255,255,.65);line-height:1.7}
.vt-dashboard-hero input{height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;-webkit-text-fill-color:#fff;padding:0 18px;font:inherit;outline:none}
.vt-dashboard-view{display:none;gap:18px}
.vt-dashboard-view.active{display:grid}
.vt-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vt-metric-grid article{background:linear-gradient(145deg,#101118,#1b1c24);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.vt-metric-grid strong{display:block;color:#e50914;font-size:2.2rem}
.vt-metric-grid span{color:rgba(255,255,255,.62);font-weight:800}
.vt-dashboard-card{background:linear-gradient(145deg,#101118,#1b1c24);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:26px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.vt-dashboard-card h2{font-size:2rem;margin:0 0 10px}
.vt-dashboard-card p{color:rgba(255,255,255,.62);line-height:1.7}
.vt-dashboard-card a,.vt-section-head a,.vt-activity-row a{display:inline-flex;background:#e50914;color:#fff;text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:900}
.vt-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.vt-activity-list{display:grid;gap:12px}
.vt-activity-row{display:flex;justify-content:space-between;gap:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.vt-activity-row strong{display:block;color:#fff}
.vt-activity-row span{display:block;color:rgba(255,255,255,.58);margin-top:4px}
.vt-activity-row em{font-style:normal;align-self:flex-start;background:rgba(229,9,20,.16);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900}
.vt-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.vt-pipeline span{padding:14px;border-radius:16px;background:rgba(255,255,255,.07);text-align:center;font-weight:900;color:rgba(255,255,255,.72)}
.vt-pipeline .active{background:rgba(229,9,20,.22);color:#fff}
.vt-dash-footer{width:min(1240px,calc(100% - 32px));margin:30px auto;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.vt-dash-footer a{color:#fff;text-decoration:none;margin-right:16px;font-weight:850}

@media(max-width:920px){
  .vt-space-nav,.vt-dash-header{height:auto;padding-top:18px;padding-bottom:18px;align-items:flex-start;flex-direction:column}
  .vt-space-links,.vt-dash-header nav{width:100%;overflow:auto;padding-bottom:5px}
  .vt-space-hero{align-items:flex-start;flex-direction:column;padding:28px;border-radius:28px}
  .vt-space-grid{grid-template-columns:1fr}
  .vt-settings-form{grid-template-columns:1fr}
  .vt-dashboard-layout{grid-template-columns:1fr}
  .vt-dashboard-sidebar{position:relative;top:auto;height:auto}
  .vt-dashboard-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .vt-dash-user{grid-column:1/-1}
  .vt-dashboard-hero{grid-template-columns:1fr}
  .vt-metric-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .vt-space-main,.vt-dashboard-layout{width:calc(100% - 20px);margin-top:16px}
  .vt-space-card,.vt-dashboard-card{padding:20px;border-radius:24px}
  .vt-space-item,.vt-activity-row{flex-direction:column}
  .vt-metric-grid{grid-template-columns:1fr}
  .vt-dashboard-sidebar{grid-template-columns:1fr}
  .vt-dashboard-hero{padding:22px;border-radius:24px}
  .vt-section-head{align-items:flex-start;flex-direction:column}
  .vt-pipeline{grid-template-columns:1fr}
}


/* =========================================================
   FINAL AUTH UI PATCH - admin-login style + animated gradient
   ========================================================= */
.vt-auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
}
.vt-auth-modal.open{display:block!important}
.vt-auth-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(246,246,247,.72)!important;
  backdrop-filter:blur(14px)!important;
}
.vt-auth-shell{
  position:relative!important;
  width:min(1080px,calc(100% - 28px))!important;
  min-height:min(720px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  margin:14px auto!important;
  display:grid!important;
  grid-template-columns:1fr 500px!important;
  background:#fff!important;
  border-radius:30px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 40px 130px rgba(0,0,0,.22)!important;
}
.vt-auth-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:10!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.86)!important;
  color:#111!important;
  font-size:25px!important;
  cursor:pointer!important;
}
.vt-auth-showcase{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  padding:58px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#050505!important;
}
.vt-auth-showcase:before{
  content:""!important;
  position:absolute!important;
  inset:-25%!important;
  background:
    radial-gradient(circle at 20% 20%, rgba(229,9,20,.75), transparent 28%),
    radial-gradient(circle at 75% 18%, rgba(255,170,45,.82), transparent 32%),
    radial-gradient(circle at 58% 75%, rgba(255,0,120,.48), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(80,170,255,.42), transparent 28%),
    linear-gradient(135deg,#050505,#191a22)!important;
  filter:saturate(1.25)!important;
  animation:vtGradientFlow 12s ease-in-out infinite alternate!important;
}
.vt-auth-showcase:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.30),rgba(5,5,5,.82))!important;
}
@keyframes vtGradientFlow{
  0%{transform:translate3d(-4%,-3%,0) scale(1) rotate(0deg)}
  50%{transform:translate3d(4%,2%,0) scale(1.08) rotate(5deg)}
  100%{transform:translate3d(-2%,4%,0) scale(1.04) rotate(-3deg)}
}
.vt-auth-showcase-content{
  position:relative!important;
  z-index:2!important;
  max-width:620px!important;
}
.vt-auth-mark{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#000!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  margin-bottom:120px!important;
}
.vt-auth-kicker{
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:3px!important;
  font-weight:950!important;
  font-size:.75rem!important;
}
.vt-auth-showcase h2{
  color:#fff!important;
  font-family:'Playfair Display',serif!important;
  font-size:clamp(2.35rem,5vw,5rem)!important;
  line-height:.95!important;
  margin:8px 0 16px!important;
}
.vt-auth-showcase p{
  color:rgba(255,255,255,.72)!important;
  line-height:1.7!important;
}
.vt-auth-card{
  padding:54px 44px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#fff!important;
  color:#111!important;
}
.vt-auth-card-head{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:24px!important;
}
.vt-auth-logo{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:#050505!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
}
.vt-auth-card h2{
  color:#111!important;
  margin:0!important;
  font-size:1.7rem!important;
}
.vt-auth-card p{
  color:#667085!important;
  margin:4px 0 0!important;
}
.vt-auth-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  background:#f2f4f7!important;
  border-radius:999px!important;
  padding:5px!important;
  margin-bottom:22px!important;
}
.vt-auth-tabs button{
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#475467!important;
  font-weight:900!important;
  padding:11px!important;
  cursor:pointer!important;
}
.vt-auth-tabs button.active{
  background:#050505!important;
  color:#fff!important;
}
.vt-auth-form{display:none!important;gap:12px!important}
.vt-auth-form.active{display:grid!important}
.vt-auth-form label{
  color:#344054!important;
  font-weight:850!important;
  font-size:.9rem!important;
}
.vt-auth-form input{
  width:100%!important;
  border:1px solid #d0d5dd!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  font:inherit!important;
  outline:none!important;
}
.vt-auth-form input:focus{
  border-color:#e50914!important;
  box-shadow:0 0 0 4px rgba(229,9,20,.12)!important;
}
.vt-auth-btn{
  width:100%!important;
  border:0!important;
  border-radius:14px!important;
  background:#e50914!important;
  color:#fff!important;
  padding:14px 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.vt-social-btn{
  border:1px solid #d0d5dd!important;
  background:#fff!important;
  color:#111!important;
  border-radius:14px!important;
  padding:13px 16px!important;
  font-weight:900!important;
}
.vt-auth-divider{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#98a2b3!important;
  font-size:.85rem!important;
}
.vt-auth-divider:before,.vt-auth-divider:after{
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:#eaecf0!important;
}
.vt-auth-note{
  text-align:center!important;
  color:#667085!important;
}
.vt-auth-link{
  border:0!important;
  background:transparent!important;
  color:#e50914!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .vt-auth-shell{
    grid-template-columns:1fr!important;
    overflow:auto!important;
  }
  .vt-auth-showcase{
    min-height:220px!important;
    padding:32px!important;
    align-items:flex-end!important;
  }
  .vt-auth-mark{margin-bottom:24px!important}
  .vt-auth-showcase h2{font-size:2.25rem!important}
  .vt-auth-card{padding:32px 22px!important}
}

/* FINAL USER SPACE HEADER/FOOTER + INPUT FIX */
.vt-space-header{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
}
.vt-space-nav{
  min-height:92px!important;
}
.vt-space-links{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.vt-space-footer{
  margin-top:40px!important;
}
.vt-settings-form input::placeholder,
.vt-settings-form textarea::placeholder{
  color:#8a8f98!important;
  -webkit-text-fill-color:#8a8f98!important;
}
.vt-settings-form input,
.vt-settings-form textarea{
  font-weight:600!important;
}
.vt-space-item span{
  text-align:right;
}
@media(max-width:760px){
  .vt-space-nav{
    height:auto!important;
    padding:18px 0!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .vt-space-links{
    width:100%!important;
    overflow:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:6px!important;
  }
  .vt-space-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .vt-space-item span{
    text-align:left;
  }
}


/* =========================================================
   FINAL AUTH REFACTOR: dynamic toggle, Google button, animated gradient
   ========================================================= */
body.vt-auth-open{overflow:hidden!important}
.vt-auth-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none!important;
}
.vt-auth-modal.open{display:block!important}
.vt-auth-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(246,246,247,.70)!important;
  backdrop-filter:blur(18px)!important;
}
.vt-auth-shell{
  position:relative!important;
  width:min(1080px,calc(100% - 28px))!important;
  min-height:min(720px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  margin:14px auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) 500px!important;
  background:#fff!important;
  border-radius:30px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 40px 130px rgba(0,0,0,.22)!important;
}
.vt-auth-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:20!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  color:#111!important;
  font-size:25px!important;
  cursor:pointer!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
}
.vt-auth-showcase{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  padding:58px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#050505!important;
}
.vt-auth-showcase:before{
  content:""!important;
  position:absolute!important;
  inset:-28%!important;
  background:
    radial-gradient(circle at 12% 20%, rgba(229,9,20,.78), transparent 29%),
    radial-gradient(circle at 77% 16%, rgba(255,184,68,.82), transparent 30%),
    radial-gradient(circle at 63% 70%, rgba(255,0,128,.46), transparent 31%),
    radial-gradient(circle at 16% 82%, rgba(66,133,244,.40), transparent 30%),
    linear-gradient(135deg,#050505,#171923 55%,#050505)!important;
  filter:saturate(1.22)!important;
  animation:vtAuthGradientMove 13s ease-in-out infinite alternate!important;
}
.vt-auth-showcase:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.30),rgba(5,5,5,.86)),
    radial-gradient(circle at bottom left,rgba(255,255,255,.10),transparent 42%)!important;
}
@keyframes vtAuthGradientMove{
  0%{transform:translate3d(-4%,-4%,0) scale(1) rotate(0deg)}
  45%{transform:translate3d(5%,2%,0) scale(1.08) rotate(5deg)}
  100%{transform:translate3d(-2%,4%,0) scale(1.04) rotate(-4deg)}
}
.vt-auth-showcase-content{
  position:relative!important;
  z-index:2!important;
  max-width:620px!important;
  padding-bottom:8px!important;
}
.vt-auth-mark{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#000!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  margin-bottom:clamp(52px,14vh,130px)!important;
}
.vt-auth-kicker{
  color:rgba(255,255,255,.82)!important;
  text-transform:uppercase!important;
  letter-spacing:3px!important;
  font-weight:950!important;
  font-size:.75rem!important;
  margin:0 0 14px!important;
}
.vt-auth-showcase h2{
  color:#fff!important;
  font-family:'Playfair Display',serif!important;
  font-size:clamp(2.35rem,5vw,5rem)!important;
  line-height:.95!important;
  margin:0 0 18px!important;
  max-width:620px!important;
}
.vt-auth-showcase p{
  color:rgba(255,255,255,.72)!important;
  line-height:1.7!important;
  max-width:560px!important;
}
.vt-auth-card{
  padding:54px 44px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#fff!important;
  color:#111!important;
  overflow:auto!important;
}
.vt-auth-card-head{
  display:flex!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:24px!important;
}
.vt-auth-logo{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:#050505!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
  flex:0 0 auto!important;
}
.vt-auth-card h2{
  color:#111!important;
  margin:0!important;
  font-size:1.72rem!important;
  letter-spacing:-.03em!important;
}
.vt-auth-card p{
  color:#667085!important;
  margin:4px 0 0!important;
}
.vt-auth-tabs{display:none!important}
.vt-auth-form{display:none!important;gap:12px!important}
.vt-auth-form.active{display:grid!important}
.vt-auth-form label{
  color:#344054!important;
  font-weight:850!important;
  font-size:.9rem!important;
}
.vt-auth-form input{
  width:100%!important;
  border:1px solid #d0d5dd!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  font:inherit!important;
  outline:none!important;
}
.vt-auth-form input::placeholder{
  color:#8a94a6!important;
  -webkit-text-fill-color:#8a94a6!important;
}
.vt-auth-form input:focus{
  border-color:#e50914!important;
  box-shadow:0 0 0 4px rgba(229,9,20,.12)!important;
}
.vt-auth-btn{
  width:100%!important;
  border:0!important;
  border-radius:14px!important;
  background:#e50914!important;
  color:#fff!important;
  padding:14px 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
  margin-top:6px!important;
}
.vt-auth-divider{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#98a2b3!important;
  font-size:.85rem!important;
  margin:2px 0!important;
}
.vt-auth-divider:before,
.vt-auth-divider:after{
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:#eaecf0!important;
}
.vt-google-btn{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid #d0d5dd!important;
  background:#fff!important;
  color:#111!important;
  text-decoration:none!important;
  border-radius:14px!important;
  padding:13px 16px!important;
  font-weight:900!important;
  transition:.18s ease!important;
}
.vt-google-btn:hover{
  background:#f9fafb!important;
  border-color:#b8c0cc!important;
  transform:translateY(-1px)!important;
}
.vt-google-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 auto!important;
}
.vt-auth-note{
  text-align:center!important;
  color:#667085!important;
  margin:2px 0 0!important;
}
.vt-auth-link{
  border:0!important;
  background:transparent!important;
  color:#e50914!important;
  font-weight:950!important;
  cursor:pointer!important;
  padding:0!important;
  text-decoration:underline!important;
}
.vt-auth-msg.show{
  display:block!important;
  margin-bottom:14px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-weight:800!important;
}
.vt-auth-msg.success{background:rgba(34,197,94,.12)!important;color:#16803a!important}
.vt-auth-msg.error{background:rgba(229,9,20,.12)!important;color:#e50914!important}

/* Keep profile dropdown readable */
.vt-user-menu{
  z-index:999999!important;
  background:#080808!important;
}
.vt-user-menu,
.vt-user-menu *,
.vt-user-menu a,
.vt-user-menu button{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.vt-user-menu small{
  color:rgba(255,255,255,.65)!important;
  -webkit-text-fill-color:rgba(255,255,255,.65)!important;
}

@media(max-width:900px){
  .vt-auth-shell{
    width:calc(100% - 20px)!important;
    min-height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
    border-radius:26px!important;
    margin:10px auto!important;
  }
  .vt-auth-showcase{
    min-height:220px!important;
    padding:30px!important;
    align-items:flex-end!important;
  }
  .vt-auth-mark{
    width:56px!important;
    height:56px!important;
    border-radius:18px!important;
    margin-bottom:28px!important;
  }
  .vt-auth-showcase h2{
    font-size:2.25rem!important;
    line-height:1!important;
  }
  .vt-auth-showcase p{
    font-size:.95rem!important;
  }
  .vt-auth-card{
    padding:30px 22px!important;
  }
}
@media(max-width:560px){
  .vt-auth-backdrop{
    background:#fff!important;
    backdrop-filter:none!important;
  }
  .vt-auth-shell{
    width:100%!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
  }
  .vt-auth-showcase{
    min-height:146px!important;
    padding:22px!important;
  }
  .vt-auth-showcase h2{
    font-size:1.55rem!important;
    max-width:320px!important;
  }
  .vt-auth-showcase p{
    display:none!important;
  }
  .vt-auth-mark{
    display:none!important;
  }
  .vt-auth-kicker{
    margin-bottom:8px!important;
  }
  .vt-auth-close{
    top:14px!important;
    right:14px!important;
  }
  .vt-auth-card{
    justify-content:flex-start!important;
    padding:26px 18px 34px!important;
  }
  .vt-auth-card-head{
    align-items:flex-start!important;
  }
}

/* =========================================================
   FINAL AUTH POLISH: animated gradient, no clipping, better spacing
   ========================================================= */
.vt-auth-modal.open{
  display:block!important;
}
.vt-auth-shell{
  width:min(1120px,calc(100% - 32px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 34px)!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)!important;
  border-radius:30px!important;
}
.vt-auth-showcase{
  position:relative!important;
  overflow:hidden!important;
  min-height:640px!important;
  padding:56px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#050505!important;
}
.vt-auth-showcase:before{
  content:""!important;
  position:absolute!important;
  inset:-38%!important;
  background:
    radial-gradient(circle at 18% 18%, rgba(229,9,20,.82), transparent 26%),
    radial-gradient(circle at 74% 18%, rgba(255,168,35,.86), transparent 30%),
    radial-gradient(circle at 55% 70%, rgba(213,0,125,.52), transparent 31%),
    radial-gradient(circle at 18% 82%, rgba(0,149,255,.38), transparent 28%),
    linear-gradient(130deg,#080808,#171018 45%,#070707)!important;
  filter:blur(0px) saturate(1.25)!important;
  transform:translate3d(0,0,0) scale(1.05)!important;
  animation:vtAuthMeshMove 13s ease-in-out infinite alternate!important;
}
.vt-auth-showcase:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.48)),
    radial-gradient(circle at 50% 100%,rgba(0,0,0,.78),transparent 48%)!important;
}
@keyframes vtAuthMeshMove{
  0%{transform:translate3d(-5%,-4%,0) scale(1.06) rotate(0deg)}
  35%{transform:translate3d(4%,2%,0) scale(1.12) rotate(5deg)}
  70%{transform:translate3d(-1%,5%,0) scale(1.09) rotate(-4deg)}
  100%{transform:translate3d(5%,-2%,0) scale(1.14) rotate(3deg)}
}
.vt-auth-showcase-content{
  position:relative!important;
  z-index:2!important;
  max-width:620px!important;
  padding-bottom:14px!important;
}
.vt-auth-mark{
  width:66px!important;
  height:66px!important;
  border-radius:20px!important;
  margin-bottom:84px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
}
.vt-auth-kicker{
  margin:0 0 16px!important;
  color:rgba(255,255,255,.74)!important;
  letter-spacing:3.2px!important;
}
.vt-auth-showcase h2{
  max-width:590px!important;
  margin:0 0 18px!important;
  font-size:clamp(3.1rem,4.7vw,5.9rem)!important;
  line-height:.93!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
.vt-auth-showcase p:not(.vt-auth-kicker){
  max-width:520px!important;
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  line-height:1.7!important;
  font-size:1.02rem!important;
}
.vt-auth-card{
  padding:48px!important;
  min-height:640px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.vt-auth-card-head{
  margin-bottom:22px!important;
}
.vt-auth-card h2{
  font-size:1.85rem!important;
  line-height:1.12!important;
}
.vt-auth-form{
  gap:11px!important;
}
.vt-auth-form input{
  height:58px!important;
  font-size:1rem!important;
}
.vt-auth-btn,.vt-google-btn{
  min-height:54px!important;
}
.vt-auth-divider{
  margin:8px 0!important;
}
.vt-auth-note{
  margin:12px 0 0!important;
  line-height:1.5!important;
  color:#667085!important;
}
.vt-auth-link{
  padding:0!important;
  text-decoration:none!important;
}
.vt-auth-link:hover{
  text-decoration:underline!important;
}
#vtRegisterForm .vt-auth-note{
  margin-bottom:2px!important;
}
@media(max-width:980px){
  .vt-auth-shell{
    grid-template-columns:1fr!important;
    width:calc(100% - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
  }
  .vt-auth-showcase{
    min-height:220px!important;
    padding:30px!important;
    border-radius:0!important;
  }
  .vt-auth-mark{
    display:none!important;
  }
  .vt-auth-kicker{
    margin-bottom:10px!important;
  }
  .vt-auth-showcase h2{
    font-size:2.15rem!important;
    line-height:1!important;
  }
  .vt-auth-showcase p:not(.vt-auth-kicker){
    font-size:.95rem!important;
  }
  .vt-auth-card{
    min-height:0!important;
    padding:28px 22px 30px!important;
  }
}
@media(max-width:560px){
  .vt-auth-backdrop{
    background:#fff!important;
    backdrop-filter:none!important;
  }
  .vt-auth-shell{
    margin:0!important;
    width:100%!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .vt-auth-showcase{
    min-height:150px!important;
    padding:22px!important;
  }
  .vt-auth-showcase h2{
    font-size:1.65rem!important;
  }
  .vt-auth-showcase p:not(.vt-auth-kicker){
    display:none!important;
  }
  .vt-auth-card{
    padding:24px 18px 28px!important;
  }
  .vt-auth-card-head{
    align-items:flex-start!important;
  }
  .vt-auth-logo{
    width:44px!important;
    height:44px!important;
  }
}


/* FINAL AUTH POLISH: visible animated gradient, no duplicate logo, no register scrolling */
.vt-auth-shell{
  width:min(1040px,calc(100% - 28px))!important;
  min-height:0!important;
  height:min(660px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  grid-template-columns:52% 48%!important;
}
.vt-auth-showcase{
  overflow:hidden!important;
  padding:44px!important;
}
.vt-auth-showcase:before{
  opacity:1!important;
  filter:saturate(1.45) contrast(1.08)!important;
  background:
    radial-gradient(circle at 12% 18%, rgba(229,9,20,.95), transparent 29%),
    radial-gradient(circle at 78% 18%, rgba(255,179,42,.95), transparent 34%),
    radial-gradient(circle at 78% 78%, rgba(236,72,153,.70), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(56,189,248,.48), transparent 32%),
    linear-gradient(135deg,#050505 0%,#160708 32%,#18120a 58%,#090a10 100%)!important;
  animation:vtGradientFlow 7s ease-in-out infinite alternate!important;
}
.vt-auth-showcase:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.22),rgba(0,0,0,.70)),
    radial-gradient(circle at 50% 80%,rgba(229,9,20,.20),transparent 45%)!important;
}
@keyframes vtGradientFlow{
  0%{transform:translate3d(-8%,-6%,0) scale(1.05) rotate(0deg)}
  35%{transform:translate3d(5%,3%,0) scale(1.15) rotate(4deg)}
  70%{transform:translate3d(-2%,7%,0) scale(1.10) rotate(-4deg)}
  100%{transform:translate3d(7%,-3%,0) scale(1.18) rotate(6deg)}
}
.vt-auth-mark{
  margin-bottom:78px!important;
  width:64px!important;
  height:64px!important;
  border-radius:20px!important;
}
.vt-auth-showcase h2{
  font-size:clamp(2.4rem,4.7vw,4.6rem)!important;
  line-height:.96!important;
  margin-bottom:14px!important;
  max-width:560px!important;
}
.vt-auth-showcase p{
  max-width:500px!important;
}
.vt-auth-card{
  padding:38px 38px!important;
  overflow:hidden!important;
}
.vt-auth-card-head{
  margin-bottom:18px!important;
}
.vt-auth-card h2{
  font-size:1.7rem!important;
}
.vt-auth-card-head p{
  margin-top:5px!important;
}
.vt-auth-logo{
  display:none!important;
}
.vt-auth-form{
  gap:8px!important;
}
.vt-auth-form label{
  font-size:.84rem!important;
}
.vt-auth-form input{
  padding:12px 14px!important;
  border-radius:13px!important;
  min-height:46px!important;
}
.vt-auth-btn{
  padding:12px 16px!important;
  border-radius:13px!important;
  margin-top:3px!important;
}
.vt-google-btn{
  min-height:44px!important;
  padding:10px 14px!important;
  border-radius:13px!important;
}
.vt-auth-divider{
  margin:2px 0!important;
}
.vt-auth-note{
  margin:4px 0 0!important;
  line-height:1.35!important;
}
#vtRegisterForm.vt-auth-form.active{
  gap:7px!important;
}
#vtRegisterForm input{
  min-height:42px!important;
  padding:10px 13px!important;
}
#vtRegisterForm .vt-auth-btn{
  padding:11px 14px!important;
}
#vtRegisterForm .vt-google-btn{
  min-height:42px!important;
}
@media(max-width:900px){
  .vt-auth-shell{
    grid-template-columns:1fr!important;
    height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    overflow:auto!important;
  }
  .vt-auth-showcase{
    min-height:170px!important;
    padding:26px!important;
  }
  .vt-auth-mark{
    margin-bottom:18px!important;
    width:54px!important;
    height:54px!important;
  }
  .vt-auth-showcase h2{
    font-size:2rem!important;
  }
  .vt-auth-showcase p{
    display:none!important;
  }
  .vt-auth-card{
    padding:26px 20px!important;
  }
}


/* =========================================================
   UNIFIED USER SPACE LAYOUT
   Header + Sidebar + Footer + ?tab routing views
   ========================================================= */
.vt-user-space{
  margin:0!important;
  background:#f6f6f7!important;
  color:#111!important;
  font-family:Inter,system-ui,sans-serif!important;
  min-height:100vh!important;
}
.vt-user-topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:#fff!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}
.vt-user-topbar-inner{
  width:min(1220px,calc(100% - 32px))!important;
  min-height:88px!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.vt-user-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  color:#111!important;
  font-weight:950!important;
  font-size:1.25rem!important;
  white-space:nowrap!important;
}
.vt-user-brand span{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  background:#050505!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}
.vt-user-brand b{color:#e50914!important}
.vt-user-main-nav{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}
.vt-user-main-nav a{
  color:#222!important;
  text-decoration:none!important;
  font-weight:850!important;
}
.vt-user-profile-mini{
  position:relative!important;
  flex:0 0 auto!important;
}
.vt-user-mini-btn{
  border:0!important;
  background:#050505!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:8px 12px 8px 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.vt-user-mini-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#e50914!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.vt-user-mini-avatar img,
.vt-user-avatar-large img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.vt-user-mini-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:260px!important;
  background:#080808!important;
  color:#fff!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 25px 70px rgba(0,0,0,.25)!important;
  padding:16px!important;
  display:none!important;
  z-index:200!important;
}
.vt-user-mini-menu.open{display:grid!important;gap:8px!important}
.vt-user-mini-menu strong{color:#fff!important}
.vt-user-mini-menu small{color:rgba(255,255,255,.62)!important;word-break:break-word!important;margin-bottom:8px!important}
.vt-user-mini-menu a,
.vt-user-mini-menu button{
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  background:rgba(255,255,255,.06)!important;
  border-radius:13px!important;
  padding:12px!important;
  font-weight:850!important;
  text-align:left!important;
  cursor:pointer!important;
}
.vt-user-mini-menu button{color:#ffb4b8!important}
.vt-user-shell{
  width:min(1220px,calc(100% - 32px))!important;
  margin:28px auto 36px!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.vt-user-sidebar{
  position:sticky!important;
  top:112px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:28px!important;
  padding:18px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.06)!important;
}
.vt-user-card{
  background:linear-gradient(145deg,#050505,#1b1b20)!important;
  color:#fff!important;
  border-radius:22px!important;
  padding:20px!important;
  display:grid!important;
  gap:8px!important;
  text-align:center!important;
  margin-bottom:14px!important;
}
.vt-user-avatar-large{
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  background:#e50914!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  margin:auto!important;
  overflow:hidden!important;
  font-size:1.6rem!important;
  font-weight:950!important;
}
.vt-user-card small{
  color:rgba(255,255,255,.64)!important;
  word-break:break-word!important;
}
.vt-user-side-nav{
  display:grid!important;
  gap:6px!important;
}
.vt-user-side-nav a{
  color:#333!important;
  text-decoration:none!important;
  font-weight:900!important;
  border-radius:14px!important;
  padding:13px 14px!important;
}
.vt-user-side-nav a.active,
.vt-user-side-nav a:hover{
  background:#050505!important;
  color:#fff!important;
}
.vt-user-main{
  min-width:0!important;
  display:grid!important;
  gap:20px!important;
}
.vt-user-hero,
.vt-user-panel{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:30px!important;
  padding:32px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.06)!important;
}
.vt-user-hero{
  background:linear-gradient(145deg,#050505,#1b1b20)!important;
  color:#fff!important;
}
.vt-user-hero h1,
.vt-user-panel h1,
.vt-user-panel h2{
  margin:0 0 10px!important;
  font-size:clamp(2rem,4vw,3.2rem)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}
.vt-user-hero h1{
  font-family:'Playfair Display',serif!important;
  color:#fff!important;
}
.vt-user-hero p:not(.eyebrow),
.vt-user-panel p{
  color:#666!important;
  line-height:1.7!important;
  margin:0 0 18px!important;
}
.vt-user-hero p:not(.eyebrow){
  color:rgba(255,255,255,.68)!important;
  max-width:680px!important;
}
.vt-user-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.vt-user-metrics article{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.05)!important;
}
.vt-user-metrics strong{
  display:block!important;
  color:#e50914!important;
  font-size:2.2rem!important;
}
.vt-user-metrics span{
  display:block!important;
  color:#666!important;
  margin-top:7px!important;
  font-weight:850!important;
}
.vt-user-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.vt-red-link,
.vt-main-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#e50914!important;
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.vt-user-list{
  display:grid!important;
  gap:12px!important;
}
.vt-user-row{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#f6f6f7!important;
  border:1px solid rgba(0,0,0,.05)!important;
  border-radius:18px!important;
  padding:16px!important;
}
.vt-user-row strong{
  color:#111!important;
}
.vt-user-row span{
  display:block!important;
  color:#666!important;
  margin-top:5px!important;
  line-height:1.5!important;
}
.vt-user-row em{
  align-self:flex-start!important;
  font-style:normal!important;
  background:rgba(229,9,20,.10)!important;
  color:#e50914!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.vt-user-pipeline{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0!important;
}
.vt-user-pipeline span{
  padding:14px!important;
  border-radius:16px!important;
  background:#f6f6f7!important;
  color:#555!important;
  text-align:center!important;
  font-weight:900!important;
}
.vt-user-pipeline span.active{
  background:rgba(229,9,20,.10)!important;
  color:#e50914!important;
}
.vt-settings-avatar{
  margin:18px 0!important;
}
.vt-user-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.vt-user-form label{
  display:grid!important;
  gap:8px!important;
  color:#333!important;
  font-weight:850!important;
}
.vt-user-form label.full{
  grid-column:1/-1!important;
}
.vt-user-form input,
.vt-user-form textarea{
  width:100%!important;
  border:1px solid #d9dee8!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-radius:16px!important;
  padding:14px 15px!important;
  font:inherit!important;
  outline:none!important;
}
.vt-user-form textarea{
  min-height:120px!important;
  resize:vertical!important;
}
.vt-user-footer{
  width:min(1220px,calc(100% - 32px))!important;
  margin:0 auto 24px!important;
  background:#050505!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:20px 22px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.vt-user-footer a{
  color:#fff!important;
  text-decoration:none!important;
  margin-right:16px!important;
  font-weight:850!important;
}
.vt-user-footer p{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
}
@media(max-width:940px){
  .vt-user-topbar-inner{
    min-height:auto!important;
    padding:18px 0!important;
    flex-wrap:wrap!important;
  }
  .vt-user-main-nav{
    order:3!important;
    width:100%!important;
    overflow:auto!important;
    padding-bottom:4px!important;
  }
  .vt-user-shell{
    grid-template-columns:1fr!important;
    width:calc(100% - 20px)!important;
    margin-top:16px!important;
  }
  .vt-user-sidebar{
    position:relative!important;
    top:auto!important;
  }
  .vt-user-side-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .vt-user-metrics{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:560px){
  .vt-user-topbar-inner{
    width:calc(100% - 20px)!important;
  }
  .vt-user-profile-mini{
    width:100%!important;
  }
  .vt-user-mini-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .vt-user-mini-menu{
    left:0!important;
    right:auto!important;
    width:100%!important;
  }
  .vt-user-side-nav,
  .vt-user-metrics,
  .vt-user-pipeline,
  .vt-user-form{
    grid-template-columns:1fr!important;
  }
  .vt-user-hero,
  .vt-user-panel{
    padding:22px!important;
    border-radius:24px!important;
  }
  .vt-user-section-head,
  .vt-user-row,
  .vt-user-footer{
    flex-direction:column!important;
  }
}


/* FINAL AUTH BUGFIX: Android layout + reliable touch sizing */
body.vt-auth-open{
  overflow:hidden!important;
}
.vt-auth-modal{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.vt-auth-shell{
  max-width:calc(100vw - 20px)!important;
}
.vt-google-btn{
  cursor:pointer!important;
  text-decoration:none!important;
}
@media(max-width:900px){
  .vt-auth-modal{
    padding:10px 0!important;
  }
  .vt-auth-shell{
    width:calc(100vw - 20px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .vt-auth-showcase{
    display:block!important;
    min-height:155px!important;
    padding:24px!important;
  }
  .vt-auth-mark{
    width:48px!important;
    height:48px!important;
    margin-bottom:18px!important;
    border-radius:16px!important;
  }
  .vt-auth-kicker{
    font-size:.68rem!important;
    letter-spacing:2px!important;
    margin:0 0 6px!important;
  }
  .vt-auth-showcase h2{
    font-size:1.9rem!important;
    line-height:1.02!important;
    margin:0!important;
    max-width:100%!important;
  }
  .vt-auth-showcase p{
    display:none!important;
  }
  .vt-auth-card{
    padding:24px 18px 22px!important;
    overflow:visible!important;
  }
  .vt-auth-card-head{
    margin-bottom:16px!important;
  }
  .vt-auth-card h2{
    font-size:1.45rem!important;
  }
  .vt-auth-card-head p{
    font-size:.92rem!important;
  }
  .vt-auth-form{
    gap:8px!important;
  }
  .vt-auth-form input{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:16px!important;
  }
  .vt-auth-btn,
  .vt-google-btn{
    min-height:44px!important;
    padding:10px 12px!important;
  }
  .vt-auth-note{
    font-size:.9rem!important;
  }
}
@media(max-width:420px){
  .vt-auth-shell{
    width:calc(100vw - 12px)!important;
    border-radius:20px!important;
  }
  .vt-auth-showcase{
    min-height:130px!important;
    padding:20px!important;
  }
  .vt-auth-showcase h2{
    font-size:1.62rem!important;
  }
  .vt-auth-card{
    padding:20px 14px!important;
  }
}


/* =========================================================
   ANDROID USER SPACE REDESIGN
   App-like mobile layout inspired by saved/library dashboards
   ========================================================= */
.vt-mobile-user-actions,
.vt-mobile-bottom-nav{
  display:none;
}

@media(max-width:760px){
  body.vt-user-space{
    background:#f7f7f4!important;
    padding-bottom:82px!important;
    overflow-x:hidden!important;
  }

  .vt-user-topbar{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    background:#fff!important;
    border-bottom:1px solid rgba(0,0,0,.06)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.04)!important;
  }

  .vt-user-topbar-inner{
    width:100%!important;
    min-height:auto!important;
    padding:16px 14px 12px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:12px!important;
    align-items:center!important;
  }

  .vt-user-brand{
    font-size:1.18rem!important;
    gap:10px!important;
  }

  .vt-user-brand span{
    width:48px!important;
    height:48px!important;
  }

  .vt-user-main-nav{
    order:3!important;
    grid-column:1/-1!important;
    width:100%!important;
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:3px 0 5px!important;
    scrollbar-width:none!important;
  }

  .vt-user-main-nav::-webkit-scrollbar{
    display:none!important;
  }

  .vt-user-main-nav a{
    flex:0 0 auto!important;
    background:#f1f1f1!important;
    color:#111!important;
    border-radius:999px!important;
    padding:10px 15px!important;
    font-size:.92rem!important;
    font-weight:900!important;
    text-decoration:none!important;
  }

  .vt-mobile-user-actions{
    order:4!important;
    grid-column:1/-1!important;
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  .vt-mobile-user-actions::-webkit-scrollbar{display:none!important}

  .vt-mobile-user-actions a{
    flex:0 0 auto!important;
    background:#050505!important;
    color:#fff!important;
    text-decoration:none!important;
    border-radius:18px!important;
    padding:12px 18px!important;
    font-weight:900!important;
  }

  .vt-user-profile-mini{
    justify-self:end!important;
    width:auto!important;
  }

  .vt-user-mini-btn{
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
    background:#050505!important;
  }

  .vt-user-mini-btn > span:not(.vt-user-mini-avatar){
    display:none!important;
  }

  .vt-user-mini-avatar{
    width:48px!important;
    height:48px!important;
  }

  .vt-user-mini-menu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:82px!important;
    width:auto!important;
    border-radius:24px!important;
    z-index:9999!important;
  }

  .vt-user-shell{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    display:block!important;
  }

  .vt-user-sidebar{
    position:relative!important;
    top:auto!important;
    padding:14px!important;
    border-radius:28px!important;
    margin:8px 0 14px!important;
    box-shadow:0 16px 45px rgba(0,0,0,.07)!important;
  }

  .vt-user-card{
    border-radius:24px!important;
    padding:22px 18px!important;
    margin-bottom:14px!important;
    background:linear-gradient(145deg,#050505,#19191f)!important;
  }

  .vt-user-avatar-large{
    width:92px!important;
    height:92px!important;
    font-size:2.2rem!important;
  }

  .vt-user-side-nav{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
  }

  .vt-user-side-nav::-webkit-scrollbar{display:none!important}

  .vt-user-side-nav a{
    flex:0 0 auto!important;
    padding:13px 18px!important;
    border-radius:18px!important;
    background:#f6f6f7!important;
    color:#111!important;
    white-space:nowrap!important;
  }

  .vt-user-side-nav a.active{
    background:#050505!important;
    color:#fff!important;
  }

  .vt-user-main{
    display:block!important;
    width:100%!important;
  }

  .vt-user-hero{
    border-radius:28px!important;
    padding:28px 22px!important;
    margin-bottom:14px!important;
    background:
      radial-gradient(circle at 20% 15%,rgba(229,9,20,.28),transparent 32%),
      linear-gradient(145deg,#050505,#18181e)!important;
  }

  .vt-user-hero h1{
    font-size:2.45rem!important;
    line-height:.98!important;
  }

  .vt-user-hero p:not(.eyebrow){
    font-size:.98rem!important;
  }

  .vt-user-metrics{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }

  .vt-user-metrics article{
    border-radius:24px!important;
    padding:18px!important;
    min-height:120px!important;
    box-shadow:0 14px 40px rgba(0,0,0,.06)!important;
  }

  .vt-user-metrics article:nth-child(2n){
    background:#050505!important;
    color:#fff!important;
  }

  .vt-user-metrics article:nth-child(2n) span{
    color:rgba(255,255,255,.7)!important;
  }

  .vt-user-panel{
    border-radius:28px!important;
    padding:22px!important;
    margin-bottom:14px!important;
    box-shadow:0 16px 45px rgba(0,0,0,.07)!important;
  }

  .vt-user-panel h1,
  .vt-user-panel h2{
    font-size:2rem!important;
    line-height:1.05!important;
  }

  .vt-user-section-head{
    flex-direction:column!important;
    gap:12px!important;
  }

  .vt-user-row{
    border-radius:20px!important;
    padding:16px!important;
    flex-direction:column!important;
    background:#f5f5f5!important;
  }

  .vt-user-row em{
    width:max-content!important;
  }

  .vt-user-pipeline{
    grid-template-columns:1fr 1fr!important;
  }

  .vt-user-form{
    grid-template-columns:1fr!important;
  }

  .vt-user-form input,
  .vt-user-form textarea{
    min-height:52px!important;
    font-size:16px!important;
    border-radius:18px!important;
  }

  .vt-main-btn,
  .vt-red-link{
    width:100%!important;
    min-height:50px!important;
  }

  .vt-user-footer{
    width:100%!important;
    margin:20px 0 0!important;
    border-radius:0!important;
    padding:22px 18px 92px!important;
    flex-direction:column!important;
  }

  .vt-mobile-bottom-nav{
    display:grid!important;
    grid-template-columns:1fr 1fr 64px 1fr 1fr!important;
    align-items:center!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:9999!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:28px!important;
    padding:10px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.18)!important;
  }

  .vt-mobile-bottom-nav a{
    color:#222!important;
    text-decoration:none!important;
    font-size:.74rem!important;
    font-weight:900!important;
    display:grid!important;
    place-items:center!important;
    min-height:44px!important;
    border-radius:18px!important;
  }

  .vt-mobile-bottom-nav .mobile-main-action{
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:50%!important;
    background:#e50914!important;
    color:#fff!important;
    font-size:1.5rem!important;
    margin:-26px auto 0!important;
    box-shadow:0 14px 35px rgba(229,9,20,.35)!important;
  }
}

@media(max-width:380px){
  .vt-user-shell{
    padding:10px!important;
  }
  .vt-user-metrics{
    grid-template-columns:1fr!important;
  }
  .vt-user-hero h1{
    font-size:2.1rem!important;
  }
}


/* =========================================================
   CLEAN MINIMAL USER SPACE - FINAL OVERRIDE
   Web + Android
   ========================================================= */
.vt-user-space.clean{
  margin:0!important;
  min-height:100vh!important;
  background:#f7f7f5!important;
  color:#111!important;
  font-family:Inter,system-ui,sans-serif!important;
  overflow-x:hidden!important;
}

.vt-clean-header{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  height:84px!important;
  padding:0 max(18px,calc((100vw - 1180px)/2))!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  backdrop-filter:blur(16px)!important;
}

.vt-clean-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  color:#111!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.vt-clean-brand span{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#050505!important;
  color:#fff!important;
  font-weight:950!important;
}

.vt-clean-brand b{
  color:#e50914!important;
}

.vt-clean-site-nav{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  margin-left:auto!important;
}

.vt-clean-site-nav a{
  color:#222!important;
  text-decoration:none!important;
  font-weight:850!important;
}

.vt-clean-profile{
  position:relative!important;
}

.vt-clean-profile button{
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}

.vt-clean-profile button span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#e50914!important;
  color:#fff!important;
  font-weight:950!important;
  overflow:hidden!important;
}

.vt-clean-profile button img,
.vt-clean-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.vt-clean-profile-menu{
  display:none!important;
  position:absolute!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:260px!important;
  padding:16px!important;
  background:#080808!important;
  color:#fff!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.25)!important;
}

.vt-clean-profile-menu.open{
  display:grid!important;
  gap:8px!important;
}

.vt-clean-profile-menu small{
  color:rgba(255,255,255,.65)!important;
  word-break:break-word!important;
  margin-bottom:8px!important;
}

.vt-clean-profile-menu a,
.vt-clean-profile-menu button{
  width:100%!important;
  text-align:left!important;
  text-decoration:none!important;
  border:0!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-radius:13px!important;
  padding:12px!important;
  font-weight:850!important;
}

.vt-clean-shell{
  width:min(1180px,calc(100% - 32px))!important;
  margin:28px auto!important;
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.vt-clean-sidebar{
  position:sticky!important;
  top:108px!important;
  display:grid!important;
  gap:14px!important;
}

.vt-clean-user-card{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:28px!important;
  padding:24px!important;
  box-shadow:0 14px 45px rgba(0,0,0,.05)!important;
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
  gap:8px!important;
}

.vt-clean-avatar{
  width:86px!important;
  height:86px!important;
  border-radius:50%!important;
  background:#e50914!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:2rem!important;
  font-weight:950!important;
  overflow:hidden!important;
}

.vt-clean-user-card small{
  color:#666!important;
  word-break:break-word!important;
}

.vt-clean-tabs{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:24px!important;
  padding:10px!important;
  box-shadow:0 14px 45px rgba(0,0,0,.05)!important;
  display:grid!important;
  gap:4px!important;
}

.vt-clean-tabs a{
  color:#333!important;
  text-decoration:none!important;
  font-weight:900!important;
  padding:13px 14px!important;
  border-radius:15px!important;
}

.vt-clean-tabs a.active,
.vt-clean-tabs a:hover{
  background:#050505!important;
  color:#fff!important;
}

.vt-clean-content{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}

.vt-clean-hero,
.vt-clean-panel{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:30px!important;
  padding:32px!important;
  box-shadow:0 14px 45px rgba(0,0,0,.05)!important;
}

.vt-clean-hero{
  background:linear-gradient(145deg,#050505,#19191f)!important;
  color:#fff!important;
}

.vt-clean-kicker{
  margin:0 0 8px!important;
  color:#e50914!important;
  text-transform:uppercase!important;
  letter-spacing:3px!important;
  font-weight:950!important;
  font-size:.72rem!important;
}

.vt-clean-hero h1,
.vt-clean-panel h1,
.vt-clean-panel h2{
  margin:0 0 10px!important;
  font-size:clamp(2rem,4vw,3.2rem)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}

.vt-clean-hero h1{
  color:#fff!important;
  font-family:'Playfair Display',serif!important;
}

.vt-clean-hero p:not(.vt-clean-kicker),
.vt-clean-panel p{
  color:#666!important;
  line-height:1.7!important;
  margin:0 0 18px!important;
}

.vt-clean-hero p:not(.vt-clean-kicker){
  color:rgba(255,255,255,.68)!important;
  max-width:700px!important;
}

.vt-clean-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}

.vt-clean-metrics article,
.vt-clean-item{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 14px 45px rgba(0,0,0,.05)!important;
}

.vt-clean-metrics strong{
  display:block!important;
  color:#e50914!important;
  font-size:2.2rem!important;
}

.vt-clean-metrics span,
.vt-clean-item span{
  display:block!important;
  margin-top:6px!important;
  color:#666!important;
  font-weight:800!important;
}

.vt-clean-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px!important;
}

.vt-clean-panel-head a,
.vt-clean-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#e50914!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  text-decoration:none!important;
  font-weight:950!important;
  cursor:pointer!important;
}

.vt-clean-list{
  display:grid!important;
  gap:12px!important;
}

.vt-clean-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#f6f6f7!important;
  border:1px solid rgba(0,0,0,.05)!important;
  border-radius:18px!important;
  padding:16px!important;
}

.vt-clean-row strong{
  color:#111!important;
}

.vt-clean-row span{
  display:block!important;
  color:#666!important;
  margin-top:5px!important;
  line-height:1.5!important;
}

.vt-clean-row em{
  font-style:normal!important;
  background:rgba(229,9,20,.10)!important;
  color:#e50914!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.vt-clean-empty{
  background:#f6f6f7!important;
  color:#666!important;
  border-radius:18px!important;
  padding:18px!important;
  border:1px solid rgba(0,0,0,.05)!important;
  line-height:1.6!important;
}

.vt-clean-grid-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
}

.vt-clean-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}

.vt-clean-form label{
  display:grid!important;
  gap:8px!important;
  color:#333!important;
  font-weight:850!important;
}

.vt-clean-form label.full{
  grid-column:1/-1!important;
}

.vt-clean-form input,
.vt-clean-form textarea{
  width:100%!important;
  border:1px solid #d9dee8!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-radius:16px!important;
  padding:14px 15px!important;
  font:inherit!important;
  outline:none!important;
}

.vt-clean-form textarea{
  min-height:120px!important;
  resize:vertical!important;
}

.vt-clean-avatar-edit{
  margin:18px 0!important;
}

.vt-clean-bottom-nav{
  display:none!important;
}

.vt-clean-footer{
  width:min(1180px,calc(100% - 32px))!important;
  margin:20px auto 28px!important;
  background:#050505!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:22px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}

.vt-clean-footer a{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:850!important;
}

.vt-clean-footer span{
  color:rgba(255,255,255,.72)!important;
}

/* Android clean app layout */
@media(max-width:820px){
  body.vt-user-space.clean{
    background:#f8f8f5!important;
    padding-bottom:82px!important;
  }

  .vt-clean-header{
    height:auto!important;
    padding:16px 14px 10px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:12px!important;
  }

  .vt-clean-brand span{
    width:46px!important;
    height:46px!important;
  }

  .vt-clean-site-nav{
    grid-column:1/-1!important;
    order:3!important;
    margin:0!important;
    width:100%!important;
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding:4px 0!important;
  }

  .vt-clean-site-nav::-webkit-scrollbar,
  .vt-clean-tabs::-webkit-scrollbar{
    display:none!important;
  }

  .vt-clean-site-nav a{
    flex:0 0 auto!important;
    background:#f0f0ef!important;
    border-radius:999px!important;
    padding:10px 15px!important;
    font-size:.9rem!important;
  }

  .vt-clean-profile{
    justify-self:end!important;
  }

  .vt-clean-profile button span{
    width:46px!important;
    height:46px!important;
  }

  .vt-clean-profile-menu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:82px!important;
    width:auto!important;
    z-index:9999!important;
  }

  .vt-clean-shell{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    display:block!important;
  }

  .vt-clean-sidebar{
    position:relative!important;
    top:auto!important;
    display:block!important;
    margin-bottom:14px!important;
  }

  .vt-clean-user-card{
    border-radius:26px!important;
    padding:22px!important;
    margin-bottom:12px!important;
  }

  .vt-clean-avatar{
    width:86px!important;
    height:86px!important;
  }

  .vt-clean-tabs{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:22px!important;
    scrollbar-width:none!important;
  }

  .vt-clean-tabs a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:12px 16px!important;
  }

  .vt-clean-content{
    display:block!important;
  }

  .vt-clean-hero,
  .vt-clean-panel{
    border-radius:26px!important;
    padding:22px!important;
    margin-bottom:14px!important;
  }

  .vt-clean-hero h1,
  .vt-clean-panel h1,
  .vt-clean-panel h2{
    font-size:2rem!important;
  }

  .vt-clean-metrics{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }

  .vt-clean-metrics article{
    border-radius:22px!important;
    min-height:110px!important;
    padding:18px!important;
  }

  .vt-clean-panel-head{
    flex-direction:column!important;
  }

  .vt-clean-row{
    flex-direction:column!important;
    border-radius:18px!important;
  }

  .vt-clean-row em{
    width:max-content!important;
  }

  .vt-clean-form{
    grid-template-columns:1fr!important;
  }

  .vt-clean-form input,
  .vt-clean-form textarea{
    min-height:52px!important;
    font-size:16px!important;
  }

  .vt-clean-button,
  .vt-clean-panel-head a{
    width:100%!important;
    min-height:50px!important;
  }

  .vt-clean-footer{
    width:100%!important;
    margin:20px 0 0!important;
    border-radius:0!important;
    padding:22px 18px 96px!important;
    flex-direction:column!important;
  }

  .vt-clean-bottom-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:9999!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 62px 1fr 1fr!important;
    align-items:center!important;
    background:#fff!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:28px!important;
    padding:10px!important;
    box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
  }

  .vt-clean-bottom-nav a{
    min-height:42px!important;
    display:grid!important;
    place-items:center!important;
    color:#222!important;
    text-decoration:none!important;
    font-size:.72rem!important;
    font-weight:900!important;
    border-radius:18px!important;
  }

  .vt-clean-bottom-nav .center{
    width:54px!important;
    height:54px!important;
    min-height:54px!important;
    margin:-25px auto 0!important;
    border-radius:50%!important;
    background:#e50914!important;
    color:#fff!important;
    font-size:1.5rem!important;
    box-shadow:0 12px 30px rgba(229,9,20,.35)!important;
  }
}

@media(max-width:380px){
  .vt-clean-shell{
    padding:10px!important;
  }

  .vt-clean-metrics{
    grid-template-columns:1fr!important;
  }
}