/* Dashboard experience refresh — compact hierarchy, consistent cards and readable forms. */
body.dashboard-page{
  --dash-sidebar:252px;
  --dash-content:1320px;
  --dash-surface:#101722;
  --dash-surface-raised:#131b27;
  --dash-border:#273346;
  --dash-muted:#8793a6;
  background:radial-gradient(circle at 70% -12%,#281b4429,transparent 34%),#090c12;
}
body.dashboard-page .sidebar{
  width:var(--dash-sidebar);
  padding:17px 14px 13px;
  background:radial-gradient(circle at 82% 5%,#6f46ad1a,transparent 25%),linear-gradient(180deg,#0d131d,#090d14 72%);
  border-left-color:#293446;
  box-shadow:-16px 0 50px #0003,inset 1px 0 #ffffff05;
}
body.dashboard-page .main-content{
  width:calc(100% - var(--dash-sidebar));
  margin-right:var(--dash-sidebar);
  padding:0 clamp(18px,2.4vw,34px) 54px;
}
body.dashboard-page .sidebar .brand{
  min-height:56px;
  gap:11px;
  margin:0 4px 14px;
  padding:2px 7px 15px;
  border-bottom:1px solid #202b3a;
}
body.dashboard-page .sidebar .brand .podly-logo{width:92px;filter:drop-shadow(0 5px 14px #0007)}
body.dashboard-page .sidebar .brand small{font-size:8.5px;color:#8290a4;letter-spacing:.02em}
body.dashboard-page .workspace-switcher{
  min-height:59px;
  margin:0 0 15px;
  padding:10px 11px;
  border-color:#303d51;
  border-radius:15px;
  background:linear-gradient(145deg,#151d2a,#101722);
  box-shadow:inset 0 1px #ffffff08,0 10px 25px #0002;
  transition:border-color .2s,background .2s,transform .2s;
}
body.dashboard-page .workspace-switcher:hover{border-color:#604b8d;background:linear-gradient(145deg,#1b2332,#151a29);transform:translateY(-1px)}
body.dashboard-page .workspace-switcher .avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#8b5cf6,#6337bb);box-shadow:0 7px 18px #7042ca3d}
body.dashboard-page .workspace-switcher>div{display:grid;gap:2px;min-width:0}
body.dashboard-page .workspace-switcher strong{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
body.dashboard-page .workspace-switcher small{margin:0;font-size:8px}
body.dashboard-page .workspace-switcher .chevron{font-size:13px;color:#7e8ca1}
body.dashboard-page .nav-label{padding:11px 11px 6px;color:#69778c;font-size:8px;font-weight:700;letter-spacing:.04em}
body.dashboard-page .main-nav{
  flex:1 1 auto;
  min-height:0;
  gap:4px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
body.dashboard-page .main-nav::-webkit-scrollbar{display:none}
body.dashboard-page .nav-item{
  position:relative;
  min-height:51px;
  grid-template-columns:35px minmax(0,1fr) auto;
  column-gap:10px;
  padding:8px 9px;
  border:1px solid transparent;
  border-radius:13px;
  transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;
}
body.dashboard-page .nav-item>.nav-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2b3749;border-radius:10px;background:#121a26;color:#8f9db2;transition:border-color .18s,background .18s,color .18s,transform .18s}
body.dashboard-page .nav-item>.nav-icon svg{width:18px;height:18px}
body.dashboard-page .nav-item b{align-self:end;font-size:11.5px;font-weight:800;line-height:1.35}
body.dashboard-page .nav-item small{align-self:start;color:#758297;font-size:8.2px;line-height:1.45}
body.dashboard-page .nav-item:hover{border-color:#323f52;background:#131b27;transform:translateX(-2px)}
body.dashboard-page .nav-item:hover>.nav-icon{border-color:#4b5b72;background:#182332;color:#c3cddd}
body.dashboard-page .nav-item.active{border-color:#644c91;background:linear-gradient(115deg,#291d42,#191927 72%,#12202b);box-shadow:0 9px 25px #0002,inset -2px 0 #a982ef,inset 0 1px #ffffff0a}
body.dashboard-page .nav-item.active>.nav-icon{border-color:#7658b1;background:linear-gradient(145deg,#4c317e,#2d2248);color:#ddceff;box-shadow:0 7px 18px #6b43ad32}
body.dashboard-page .nav-item.active b{color:#fff}
body.dashboard-page .nav-item.active small{color:#a89bbd}
body.dashboard-page .main-nav .nav-create-hub{
  min-height:56px;
  margin:4px 0;
  padding:9px;
  border-color:#354258;
  background:linear-gradient(125deg,#172130,#141a27 68%,#111c26);
  box-shadow:inset 0 1px #ffffff0a;
}
body.dashboard-page .main-nav .nav-create-hub:hover{
  border-color:#5e4b82;
  background:linear-gradient(125deg,#241d38,#191d2b 70%,#13232e);
  box-shadow:0 8px 22px #0002,inset 0 1px #ffffff10;
}
body.dashboard-page .main-nav .nav-create-hub.active{
  border-color:#8062bd;
  background:linear-gradient(125deg,#49307d,#29203f 70%,#182532);
  box-shadow:0 9px 25px #60409d2f,inset -2px 0 #b18cf4,inset 0 1px #ffffff16;
}
body.dashboard-page .main-nav .nav-create-hub .nav-icon{width:36px;height:36px;border-color:#46556c;border-radius:11px;background:#1b2635;color:#b7c4d7}
body.dashboard-page .main-nav .nav-create-hub:hover .nav-icon{border-color:#69568f;background:#28213a;color:#d4c5ee}
body.dashboard-page .main-nav .nav-create-hub.active .nav-icon{border-color:#9876d4;background:#ffffff17;color:#fff;box-shadow:0 7px 18px #6b43ad32}
body.dashboard-page .main-nav .nav-create-hub b{font-size:11.5px}
body.dashboard-page .nav-notification-count{position:static;grid-column:3;grid-row:1/3;align-self:center;min-width:22px;height:22px;margin:0;padding:0 6px;border:1px solid #a67bf0;border-radius:999px;background:linear-gradient(145deg,#8d5be4,#6639bb);box-shadow:0 5px 13px #6f43c63d;color:#fff;font-size:8px;line-height:20px;transform:none}
body.dashboard-page .workspace-switcher:focus-visible,body.dashboard-page .nav-item:focus-visible,body.dashboard-page .sidebar-action:focus-visible,body.dashboard-page .dashboard-site-link:focus-visible{outline:none;box-shadow:0 0 0 2px #0c1119,0 0 0 4px #9c7ae7}
body.dashboard-page .nav-item.active:focus-visible{box-shadow:0 9px 25px #0002,inset -2px 0 #a982ef,inset 0 1px #ffffff0a,0 0 0 2px #0c1119,0 0 0 3px #8d6bd2}
body.dashboard-page .sidebar-bottom{flex:none;margin-top:10px;padding-top:11px;border-top:1px solid #202b3a}
body.dashboard-page .sidebar-actions{gap:8px;margin-top:0}
body.dashboard-page .sidebar-action{min-height:40px;padding:7px;border-color:#2e3a4c;border-radius:11px;background:#101722}
body.dashboard-page .dashboard-site-link{justify-content:center;margin-top:8px;padding:8px;border-radius:9px;font-size:8.5px;transition:background .18s,color .18s}
body.dashboard-page .dashboard-site-link:hover{background:#121a26}

body.dashboard-page .topbar{
  position:sticky;
  top:0;
  z-index:40;
  height:72px;
  gap:18px;
  margin-inline:calc(clamp(18px,2.4vw,34px) * -1);
  padding-inline:clamp(18px,2.4vw,34px);
  border-bottom-color:#263144;
  background:linear-gradient(180deg,#0b0f16f5,#090c12eb);
  box-shadow:0 12px 32px #0002,inset 0 -1px #ffffff03;
  backdrop-filter:blur(20px) saturate(135%);
}
body.dashboard-page .breadcrumb{
  position:relative;
  display:grid;
  align-content:center;
  gap:2px;
  min-width:150px;
  padding-right:13px;
}
body.dashboard-page .breadcrumb::before{content:"";position:absolute;inset:7px 0 7px auto;width:3px;border-radius:999px;background:linear-gradient(180deg,#a57af2,#49d4dc);box-shadow:0 0 16px #8b5cf666}
body.dashboard-page .breadcrumb span{color:#758297;font-size:8.5px;font-weight:700;line-height:1.3}
body.dashboard-page .breadcrumb strong{overflow:hidden;color:#f4f6fb;font-size:15px;font-weight:850;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
body.dashboard-page .top-actions{display:flex;align-items:center;gap:13px;margin-right:auto}
body.dashboard-page .top-primary-actions,
body.dashboard-page .top-account-actions{display:flex;align-items:center;gap:7px}
body.dashboard-page .top-account-actions{padding-right:13px;border-right:1px solid #253043}
body.dashboard-page .dashboard-create-shortcut,
body.dashboard-page .dashboard-circle-shortcut,
body.dashboard-page .hero-credit-trigger,
body.dashboard-page .top-actions .icon-button,
body.dashboard-page .top-actions .user-menu{min-height:40px;height:40px;border-radius:11px;transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s}
body.dashboard-page .dashboard-create-shortcut,
body.dashboard-page .dashboard-circle-shortcut{padding:6px 12px;font-size:10px;box-shadow:none}
body.dashboard-page .dashboard-create-shortcut{border-color:#8d69d5;background:linear-gradient(135deg,#8257dd,#633cba);box-shadow:0 7px 20px #7444c738,inset 0 1px #ffffff20}
body.dashboard-page .dashboard-create-shortcut:hover{filter:none;transform:translateY(-1px);border-color:#b392f2;background:linear-gradient(135deg,#9166e7,#7045c7);box-shadow:0 9px 24px #7444c74d,inset 0 1px #ffffff2b}
body.dashboard-page .dashboard-create-shortcut span{font-size:17px}
body.dashboard-page .dashboard-circle-shortcut{border-color:#3d4960;background:#131a25;color:#c9d1df}
body.dashboard-page .dashboard-circle-shortcut:hover{transform:translateY(-1px);border-color:#7258a8;background:#1d1930;color:#fff}
body.dashboard-page .dashboard-circle-shortcut span{color:#b99bf4;font-size:19px}
body.dashboard-page .hero-credit-trigger{padding:6px 11px!important;border-color:#40335d;background:linear-gradient(135deg,#171522,#1b1728);color:#ddd4ef}
body.dashboard-page .hero-credit-trigger:hover,
body.dashboard-page .hero-credit-trigger[aria-expanded="true"]{border-color:#7457ad;background:#241b36;box-shadow:0 7px 20px #0003}
body.dashboard-page .hero-credit-trigger>strong{font-size:10.5px}
body.dashboard-page .top-actions .icon-button{display:grid;place-items:center;position:relative;width:40px;min-width:40px;padding:0;border:1px solid #334055;background:#111823;color:#98a6ba}
body.dashboard-page .top-actions .icon-button:hover{transform:translateY(-1px);border-color:#65508f;background:#1c192a;color:#dfd1ff}
body.dashboard-page .top-actions .icon-button svg{width:19px;height:19px}
body.dashboard-page .notification-dot{display:none;position:absolute;inset:-6px auto auto -6px;place-items:center;min-width:19px;width:auto;height:19px;padding:0 5px;border:2px solid #090d14;border-radius:999px;background:linear-gradient(145deg,#a66cf0,#7441d0);box-shadow:0 5px 13px #7a47ce66;color:#fff;font:800 7.5px/15px Vazirmatn,Tahoma,sans-serif}
body.dashboard-page .notification-toggle.has-unread .notification-dot{display:grid}
body.dashboard-page .top-actions .user-menu{gap:8px;min-width:0;padding:5px 7px 5px 10px;border:1px solid #334055;background:#111823;color:#c3ccda}
body.dashboard-page .top-actions .user-menu:hover{transform:translateY(-1px);border-color:#566984;background:#172131;color:#fff}
body.dashboard-page .top-actions .user-menu .avatar{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#2b91c8,#1f6599);box-shadow:0 6px 15px #1d75aa42;font-size:10px}
body.dashboard-page .top-actions .user-name{max-width:145px;color:#edf1f7;font-size:10px;font-weight:750}
body.dashboard-page .top-actions .user-chevron{font-size:13px}
body.dashboard-page .dashboard-create-shortcut:focus-visible,
body.dashboard-page .dashboard-circle-shortcut:focus-visible,
body.dashboard-page .hero-credit-trigger:focus-visible,
body.dashboard-page .top-actions .icon-button:focus-visible,
body.dashboard-page .top-actions .user-menu:focus-visible{outline:none;box-shadow:0 0 0 2px #090d14,0 0 0 4px #9974df}
body.dashboard-page .notifications-panel,
body.dashboard-page .profile-menu{top:78px}

body.dashboard-page .view{width:100%;max-width:var(--dash-content);padding-top:22px}
body.dashboard-page .view:not(#overview)>.section-header{margin-bottom:18px}
body.dashboard-page .section-header h1{font-size:24px}
body.dashboard-page .section-header .muted{font-size:10px}
body.dashboard-page .panel,
body.dashboard-page .stat-card{border-color:var(--dash-border);background:linear-gradient(145deg,#111925,#0d131c);box-shadow:none}
body.dashboard-page .panel{border-radius:15px}

/* Overview: replace the oversized hero with a compact working header. */
body.dashboard-page #overview{max-width:var(--dash-content)}
body.dashboard-page #overview .welcome-row{
  align-items:center;
  min-height:66px;
  margin:0 0 16px;
  padding:0 2px;
}
body.dashboard-page #overview .welcome-row .eyebrow{margin-bottom:3px;font-size:9.5px}
body.dashboard-page #overview .welcome-row h1{margin:0 0 2px;font-size:24px;line-height:1.45}
body.dashboard-page #overview .welcome-row .muted{font-size:10.5px}
body.dashboard-page #overview .welcome-row>.primary-btn{display:none}
body.dashboard-page .stats-grid{gap:10px;margin-bottom:13px}
body.dashboard-page .stat-card{
  min-height:94px;
  gap:11px;
  padding:14px;
  border-radius:13px;
  transition:border-color .18s,transform .18s;
}
body.dashboard-page .stat-card:hover{transform:translateY(-1px);border-color:#4c4168}
body.dashboard-page .stat-icon{width:37px;height:37px;border-radius:10px;font-size:16px}
body.dashboard-page .stat-card span{font-size:9.5px}
body.dashboard-page .stat-card strong{margin:2px 0;font-size:20px}
body.dashboard-page .stat-card small{font-size:8.5px}
body.dashboard-page .content-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}
body.dashboard-page .content-grid>.panel{width:100%;min-height:0;height:100%}
body.dashboard-page .creation-quick-panel{
  min-height:238px;
  padding:21px;
  border-color:#43385e;
  background:radial-gradient(circle at 10% 10%,#7651bb2e,transparent 34%),linear-gradient(135deg,#171929,#111a24 75%);
}
body.dashboard-page .creation-quick-mark{left:14%;top:-42px;font-size:145px;opacity:.7}
body.dashboard-page .creation-quick-panel h2{font-size:19px}
body.dashboard-page .creation-quick-panel p:not(.eyebrow){max-width:560px;font-size:10.5px}
body.dashboard-page .creation-quick-button{min-height:42px;padding:8px 15px;border-radius:10px;font-size:10.5px;box-shadow:none}
body.dashboard-page .activity-panel{padding:18px 20px}
body.dashboard-page .activity-panel .panel-heading{margin-bottom:7px}
body.dashboard-page .activity{min-height:50px;padding:9px 0}
body.dashboard-page .activity strong{font-size:10.5px}
body.dashboard-page .activity small{font-size:8.5px}
body.dashboard-page .bottom-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}
body.dashboard-page .bottom-grid>.panel{min-height:165px;height:100%;padding:18px 20px}
body.dashboard-page .feedback-panel{grid-column:auto!important;min-height:165px}
body.dashboard-page .feedback-orb{width:54px;height:54px;border-radius:16px;font-size:23px}
body.dashboard-page .feedback-copy h2{font-size:17px}
body.dashboard-page .feedback-copy p{margin-bottom:11px;font-size:10px}
body.dashboard-page .social-spotlight{min-height:165px!important}
body.dashboard-page .usage-bars{height:48px;margin-top:13px}
body.dashboard-page .tip-panel{align-items:center}

/* Creation hub: compact choice-first experience. */
body.dashboard-page #create{max-width:1200px}
body.dashboard-page .creation-hub-intro{
  min-height:84px;
  margin-bottom:13px;
  padding:18px 21px;
  border-radius:16px;
  border-color:#3b3451;
  background:radial-gradient(circle at 14% -50%,#8056c73a,transparent 43%),linear-gradient(125deg,#181728,#111922);
  box-shadow:none;
}
body.dashboard-page .creation-hub-intro h1{margin-bottom:2px;font-size:22px}
body.dashboard-page .creation-hub-intro p:not(.eyebrow){font-size:10.5px}
body.dashboard-page .creation-hub-spark{width:44px;height:44px;border-radius:13px;font-size:22px;box-shadow:none}
body.dashboard-page .creation-hub-grid{gap:10px}
body.dashboard-page .creation-choice{
  min-height:172px;
  padding:17px;
  border-radius:15px;
  border-color:#303b4d;
  background:linear-gradient(150deg,#151d29,#0f151e);
}
body.dashboard-page .creation-choice:not(:disabled):hover{transform:translateY(-2px)}
body.dashboard-page .choice-icon{width:39px;height:39px;margin-bottom:15px;border-radius:11px;font-size:20px}
body.dashboard-page .creation-choice strong{font-size:14px}
body.dashboard-page .creation-choice small{margin:5px 0 12px;font-size:9.5px}
body.dashboard-page .creation-choice em{font-size:9px}
body.dashboard-page .creation-hub-soon{margin-top:13px;padding:14px;border-radius:14px;background:#0f151e}
body.dashboard-page .creation-hub-soon>div:first-child{margin-bottom:9px}
body.dashboard-page .creation-hub-soon-grid button{min-height:48px;padding:8px;border-radius:9px}
body.dashboard-page .creation-hub-selection{max-width:1100px;margin-bottom:12px;padding:10px 13px}

/* A single visual language for available and upcoming studio tools. */
body.dashboard-page .creation-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.dashboard-page .creation-choice{--choice-glow:#a771ff;display:flex;flex-direction:column;min-height:260px;padding:0;overflow:hidden;isolation:isolate;border:1px solid #394154;border-radius:20px;background:#151b28;text-align:right;box-shadow:0 16px 36px #03050b38;transition:transform .25s,border-color .25s,box-shadow .25s}
body.dashboard-page .creation-choice[data-studio-service=tts]{--choice-glow:#54c7db}
body.dashboard-page .creation-choice[data-studio-service=dialogue]{--choice-glow:#ec8ba9}
body.dashboard-page .creation-choice[data-studio-service=audience]{--choice-glow:#e6a96d}
body.dashboard-page .creation-choice[data-studio-service=source]{--choice-glow:#8ecab6}
body.dashboard-page .creation-choice[data-studio-service=series]{--choice-glow:#9da6f1}
body.dashboard-page .creation-choice[data-studio-service=article]{--choice-glow:#d2a7de}
body.dashboard-page .creation-choice:disabled{opacity:.72;filter:none;cursor:not-allowed}
body.dashboard-page .creation-choice:not(:disabled):hover{transform:translateY(-5px);border-color:var(--choice-glow);box-shadow:0 24px 50px #03050b70}
body.dashboard-page .choice-visual{position:relative;display:grid;place-items:center;width:100%;height:132px;flex:none;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--choice-glow) 32%,transparent),transparent 65%),linear-gradient(145deg,#222337,#101923)}
body.dashboard-page .choice-visual:before{content:"";position:absolute;inset:-65% 15%;border:1px solid color-mix(in srgb,var(--choice-glow) 32%,transparent);border-radius:50%;transform:rotate(-20deg)}
body.dashboard-page .visual-orbit{position:absolute;width:145px;height:70px;border:1px solid color-mix(in srgb,var(--choice-glow) 70%,transparent);border-radius:50%;transform:rotate(-25deg);animation:studio-orbit 8s ease-in-out infinite alternate}
body.dashboard-page .visual-core{position:absolute;width:58px;height:58px;border:1px solid #ffffff66;border-radius:19px;background:linear-gradient(135deg,var(--choice-glow),#24213b);box-shadow:0 0 50px color-mix(in srgb,var(--choice-glow) 60%,transparent);transform:rotate(-12deg)}
body.dashboard-page .visual-bars{position:relative;display:flex;align-items:center;gap:3px;height:32px}.visual-bars b{width:3px;height:12px;border-radius:5px;background:#fff;animation:studio-wave 1s ease-in-out infinite alternate}.visual-bars b:nth-child(2n){height:22px;animation-delay:-.4s}.visual-bars b:nth-child(3n){height:16px;animation-delay:-.7s}
body.dashboard-page .creation-choice[data-studio-service=source] .visual-core{border-radius:50% 16% 50% 16%}body.dashboard-page .creation-choice[data-studio-service=series] .visual-core{transform:rotate(45deg)}body.dashboard-page .creation-choice[data-studio-service=article] .visual-core{border-radius:8px;transform:rotate(8deg)}
body.dashboard-page .choice-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;padding:16px 18px 18px}
body.dashboard-page .choice-kicker{margin-bottom:5px;color:var(--choice-glow);font-size:10px;font-weight:800}
body.dashboard-page .creation-choice strong{font-size:17px}body.dashboard-page .creation-choice small{margin:7px 0 17px;color:#aeb9ca;font-size:11px;line-height:1.8}body.dashboard-page .creation-choice em{margin-top:auto;color:var(--choice-glow);font-size:11px;font-weight:800}
@keyframes studio-wave{to{height:5px}}@keyframes studio-orbit{to{transform:rotate(20deg) scale(1.12)}}
@media(max-width:900px){body.dashboard-page .creation-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.dashboard-page .creation-hub-grid{grid-template-columns:1fr}body.dashboard-page .creation-choice{min-height:0;display:grid;grid-template-columns:112px minmax(0,1fr)}body.dashboard-page .choice-visual{height:100%;min-height:142px}body.dashboard-page .choice-content{padding:15px}body.dashboard-page .creation-choice small{grid-column:auto;margin:5px 0 12px}body.dashboard-page .creation-choice em{width:100%}}
@media(prefers-reduced-motion:reduce){body.dashboard-page .visual-orbit,body.dashboard-page .visual-bars b{animation:none}}

body.dashboard-page .creation-studio-layout{
  grid-template-columns:minmax(220px,250px) minmax(0,900px)!important;
  align-items:start!important;
  max-width:1164px;
  gap:14px!important;
}
body.dashboard-page .creation-studio-aside{position:sticky;top:78px;align-self:start;height:auto;padding:20px;border-radius:18px;box-shadow:none}
body.dashboard-page .wizard-service-mark{width:43px;height:43px;margin-bottom:12px;border-radius:12px;font-size:20px;box-shadow:none}
body.dashboard-page .creation-studio-aside h2{font-size:17px}
body.dashboard-page .creation-studio-aside>p{font-size:9px}
body.dashboard-page .wizard-progress{gap:4px;margin-top:18px}
body.dashboard-page .wizard-progress-item{padding:8px;border-radius:10px}
body.dashboard-page .wizard-progress-item i{width:27px;height:27px;border-radius:8px}
body.dashboard-page .wizard-progress-item strong{font-size:9.5px}
body.dashboard-page .wizard-progress-item small{font-size:7.5px}
body.dashboard-page .wizard-assurance{margin-top:18px;padding:10px}
body.dashboard-page .creation-wizard-card{min-height:490px;border-radius:18px!important;box-shadow:none!important}
body.dashboard-page .creation-wizard-step{min-height:490px;padding:23px 25px}
body.dashboard-page .creation-wizard-step>header{padding-bottom:14px}
body.dashboard-page .creation-wizard-step>header h3{margin-top:8px;font-size:17px}
body.dashboard-page .creation-wizard-step>header p{font-size:9.5px}
body.dashboard-page .wizard-step-body{gap:12px;padding:17px 0}
body.dashboard-page .creation-wizard-card #topicInput,
body.dashboard-page .creation-wizard-card #dialogueTopic{min-height:125px}
body.dashboard-page .creation-wizard-card #ttsText{height:clamp(170px,22vh,220px);min-height:170px!important}
body.dashboard-page .creation-wizard-card label{font-size:10.5px}
body.dashboard-page .creation-wizard-card input,
body.dashboard-page .creation-wizard-card select,
body.dashboard-page .creation-wizard-card textarea{font-size:11px}

/* Settings: keep navigation useful and forms at a comfortable reading width. */
body.dashboard-page #settings{max-width:1320px}
body.dashboard-page #settings .user-settings-heading{align-items:center;justify-content:flex-start;max-width:1186px;margin:0 auto 15px;gap:16px}
body.dashboard-page #settings .user-settings-heading h1{font-size:23px}
body.dashboard-page #settings .settings-account-status{flex:none}
body.dashboard-page #settings .user-settings-layout{
  grid-template-columns:250px minmax(0,920px);
  justify-content:center;
  gap:16px;
}
body.dashboard-page #settings .user-settings-nav{top:78px;gap:3px;padding:7px;border-radius:14px}
body.dashboard-page #settings .user-settings-nav button{min-height:56px;padding:8px 9px;border-radius:9px}
body.dashboard-page #settings .user-settings-nav strong{font-size:10.5px}
body.dashboard-page #settings .user-settings-nav small{font-size:8px}
body.dashboard-page #settings .user-settings-content{width:100%;max-width:920px;min-height:0}
body.dashboard-page #settings .settings-content-head{margin-bottom:10px;padding:15px 17px;border-radius:13px}
body.dashboard-page #settings .settings-content-head h2{margin:3px 0;font-size:16px}
body.dashboard-page #settings .settings-content-head p{max-width:650px;font-size:9.5px}
body.dashboard-page #settings .settings-profile-mark{width:44px;height:44px;border-radius:13px;box-shadow:none}
body.dashboard-page #settings .settings-card{width:100%;padding:17px;border-radius:13px}
body.dashboard-page #settings .settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}
body.dashboard-page #settings .settings-card label{min-width:0;font-size:10.5px}
body.dashboard-page #settings .settings-card input,
body.dashboard-page #settings .settings-card select,
body.dashboard-page #settings .settings-card textarea{min-width:0;min-height:44px;padding:10px 12px;border-radius:9px;font-size:10.5px}
body.dashboard-page #settings .settings-meta-row{gap:8px;margin-top:14px}
body.dashboard-page #settings .settings-meta-row>div{padding:10px}
body.dashboard-page #settings .settings-card footer{margin-top:15px;padding-top:14px}
body.dashboard-page #settings .settings-subsection+.settings-subsection{margin-top:17px;padding-top:16px}
body.dashboard-page #settings .settings-duration-options{gap:6px}
body.dashboard-page #settings .settings-duration-options label>span{padding:10px}
body.dashboard-page #settings .settings-switch{min-height:64px;margin-top:10px;padding:11px 12px!important;border-radius:10px}
body.dashboard-page #settings .settings-loading,
body.dashboard-page #settings .settings-error{min-height:320px}

@media(max-width:1100px){
 body.dashboard-page{--dash-sidebar:238px}
 body.dashboard-page .topbar{gap:12px}
 body.dashboard-page .top-actions{gap:9px}
 body.dashboard-page .top-account-actions{padding-right:9px}
 body.dashboard-page .dashboard-circle-shortcut{width:40px;min-width:40px;justify-content:center;padding-inline:0}
 body.dashboard-page .dashboard-circle-shortcut b{display:none}
 body.dashboard-page .content-grid{grid-template-columns:1fr}
 body.dashboard-page .creation-quick-panel{min-height:180px}
 body.dashboard-page #settings .user-settings-layout{grid-template-columns:215px minmax(0,760px)}
}
@media(max-width:900px){
 body.dashboard-page .breadcrumb{min-width:120px}
 body.dashboard-page .top-actions .user-menu{width:40px;min-width:40px;justify-content:center;padding:5px}
 body.dashboard-page .top-actions .user-name,
 body.dashboard-page .top-actions .user-chevron{display:none}
 body.dashboard-page .creation-studio-layout{grid-template-columns:1fr!important}
 body.dashboard-page #settings .user-settings-layout{grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:760px){
 body.dashboard-page{--dash-sidebar:270px}
 body.dashboard-page .main-content{width:100%;margin-right:0;padding:0 12px 34px}
 body.dashboard-page .sidebar{width:270px;padding:16px 13px}
 body.dashboard-page .topbar{height:64px;gap:9px;margin-inline:-12px;padding-inline:12px}
 body.dashboard-page .mobile-menu{display:grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:1px solid #303d50;border-radius:10px;background:#111823;color:#b5c0d0;font-size:18px}
 body.dashboard-page .breadcrumb{flex:1;min-width:0;padding-right:10px}
 body.dashboard-page .breadcrumb::before{inset-block:6px;width:2px}
 body.dashboard-page .breadcrumb span{font-size:7.5px}
 body.dashboard-page .breadcrumb strong{font-size:13px}
 body.dashboard-page .top-actions{flex:none;gap:0;margin-right:0}
 body.dashboard-page .top-primary-actions{display:none}
 body.dashboard-page .top-account-actions{gap:5px;padding-right:0;border-right:0}
 body.dashboard-page .dashboard-create-shortcut,
 body.dashboard-page .dashboard-circle-shortcut,
 body.dashboard-page .hero-credit-trigger,
 body.dashboard-page .top-actions .icon-button,
 body.dashboard-page .top-actions .user-menu{min-height:38px;height:38px;border-radius:10px}
 body.dashboard-page .top-actions .icon-button,
 body.dashboard-page .top-actions .user-menu{width:38px;min-width:38px}
 body.dashboard-page .hero-credit-trigger{padding-inline:8px!important}
 body.dashboard-page .notification-dot{inset:-6px auto auto -6px}
 body.dashboard-page .notifications-panel,
 body.dashboard-page .profile-menu{top:68px}
 body.dashboard-page .view{padding-top:15px}
 body.dashboard-page #overview .welcome-row{min-height:58px;margin-bottom:10px}
 body.dashboard-page #overview .welcome-row h1{font-size:19px}
 body.dashboard-page #overview .welcome-row .muted{font-size:9px}
 body.dashboard-page .stats-grid{gap:8px}
 body.dashboard-page .stat-card{min-height:79px;padding:11px}
 body.dashboard-page .stat-card small{display:none}
 body.dashboard-page .content-grid,.bottom-grid{gap:10px;margin-bottom:10px}
 body.dashboard-page .creation-quick-panel{display:grid;min-height:0;padding:17px}
 body.dashboard-page .creation-quick-panel h2{font-size:16px}
 body.dashboard-page .creation-quick-button{width:100%;margin-top:13px}
 body.dashboard-page .feedback-panel{min-height:0}
 body.dashboard-page .creation-hub-intro{min-height:0;padding:14px 15px}
 body.dashboard-page .creation-hub-intro h1{font-size:19px}
 body.dashboard-page .creation-hub-intro p:not(.eyebrow){font-size:9px}
 body.dashboard-page .creation-hub-spark{width:40px;height:40px;font-size:20px}
 body.dashboard-page .creation-choice{min-height:0;padding:13px}
 body.dashboard-page .creation-hub-soon{padding:12px}
 body.dashboard-page .creation-studio-aside{padding:15px}
 body.dashboard-page .creation-wizard-step{padding:18px 14px}
 body.dashboard-page #settings{max-width:100%}
 body.dashboard-page #settings .user-settings-heading{margin-bottom:10px}
 body.dashboard-page #settings .user-settings-layout{display:block}
 body.dashboard-page #settings .user-settings-content{max-width:none}
 body.dashboard-page #settings .settings-form-grid{grid-template-columns:1fr}
 body.dashboard-page #settings .settings-card{padding:13px}
}
@media(max-width:520px){
 body.dashboard-page .topbar{gap:6px;padding-inline:9px}
 body.dashboard-page .mobile-menu{width:36px;height:36px}
 body.dashboard-page .breadcrumb{padding-right:8px}
 body.dashboard-page .breadcrumb span{display:none}
 body.dashboard-page .breadcrumb strong{font-size:12px}
 body.dashboard-page .top-account-actions{gap:4px}
 body.dashboard-page .hero-credit-trigger{max-width:88px;padding-inline:7px!important}
 body.dashboard-page .hero-credit-trigger>strong{overflow:hidden;text-overflow:ellipsis;font-size:9px}
 body.dashboard-page .top-actions .icon-button,
 body.dashboard-page .top-actions .user-menu{width:36px;min-width:36px;height:36px;min-height:36px}
 body.dashboard-page .top-actions .user-menu .avatar{width:27px;height:27px}
}
@media(min-width:761px){
 html.sidebar-collapsed body.dashboard-page .main-content,
 body.dashboard-page.sidebar-collapsed .main-content{width:calc(100% - 82px);margin-right:82px}
 html.sidebar-collapsed body.dashboard-page .nav-item:hover,
 body.dashboard-page .sidebar.collapsed .nav-item:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){body.dashboard-page .workspace-switcher,body.dashboard-page .nav-item,body.dashboard-page .nav-item>.nav-icon{transition:none}}
@media(max-width:760px){body.dashboard-page .creation-choice{padding:0}body.dashboard-page .creation-choice small{grid-column:auto}}

/* Overview refinement and a regular, non-promotional studio navigation item. */
body.dashboard-page .main-nav .nav-create-hub{min-height:51px;margin:0;padding:8px 9px;border-color:transparent;background:transparent;color:#aeb6c7;box-shadow:none}
body.dashboard-page .main-nav .nav-create-hub .nav-icon{width:34px;height:34px;border-color:#2b3749;border-radius:10px;background:#121a26;color:#8f9db2;box-shadow:none}
body.dashboard-page .main-nav .nav-create-hub .nav-icon svg{width:19px;height:19px;stroke-width:1.7}
body.dashboard-page .main-nav .nav-create-hub small{color:#758297}
body.dashboard-page .main-nav .nav-create-hub:hover{border-color:#323f52;background:#131b27;box-shadow:none}
body.dashboard-page .main-nav .nav-create-hub:hover .nav-icon{border-color:#4b5b72;background:#182332;color:#c3cddd}
body.dashboard-page .main-nav .nav-create-hub.active{border-color:#644c91;background:linear-gradient(115deg,#291d42,#191927 72%,#12202b);box-shadow:0 9px 25px #0002,inset -2px 0 #a982ef,inset 0 1px #ffffff0a}
body.dashboard-page .main-nav .nav-create-hub.active .nav-icon{border-color:#7658b1;background:linear-gradient(145deg,#4c317e,#2d2248);color:#ddceff;box-shadow:0 7px 18px #6b43ad32}
body.dashboard-page .main-nav .nav-create-hub.active small{color:#a89bbd}

body.dashboard-page #overview .welcome-row{position:relative;min-height:134px;margin-bottom:17px;padding:22px 28px;overflow:hidden;border:1px solid #3a3b5b;border-radius:20px;background:radial-gradient(circle at 10% 5%,#6d4fb13e,transparent 32%),radial-gradient(circle at 86% 105%,#187b8760,transparent 38%),linear-gradient(120deg,#1c1b31,#111e2c 65%,#101a28);box-shadow:0 20px 48px #03071245}
body.dashboard-page #overview .welcome-row:before{content:"";position:absolute;left:8%;top:-65px;width:220px;height:220px;border:1px solid #b59af325;border-radius:50%;box-shadow:0 0 0 34px #b59af30a,0 0 0 72px #b59af306;pointer-events:none}
body.dashboard-page #overview .welcome-row:after{content:"";position:absolute;right:0;top:24px;bottom:24px;width:3px;border-radius:4px;background:linear-gradient(#bc9aff,#64d5de)}
body.dashboard-page #overview .welcome-row>div{position:relative;z-index:1}
body.dashboard-page #overview .welcome-row .eyebrow{margin-bottom:6px;color:#baa1f2;font-size:11px}
body.dashboard-page #overview .welcome-row h1{font-size:clamp(23px,2.2vw,29px);line-height:1.45}
body.dashboard-page #overview .welcome-row .muted{color:#a9b8ca;font-size:11px}
body.dashboard-page #overview .stats-grid{gap:14px;margin-bottom:16px}
body.dashboard-page #overview .stat-card{position:relative;min-height:119px;align-items:center;gap:14px;padding:19px;border:1px solid #344258;border-radius:17px;background:radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--stat-accent) 14%,transparent),transparent 58%),linear-gradient(145deg,#172131,#111923);box-shadow:0 12px 30px #03081230;overflow:hidden}
body.dashboard-page #overview .stat-card:nth-child(1){--stat-accent:#af8af8}body.dashboard-page #overview .stat-card:nth-child(2){--stat-accent:#65cfe3}body.dashboard-page #overview .stat-card:nth-child(3){--stat-accent:#eab56d}body.dashboard-page #overview .stat-card:nth-child(4){--stat-accent:#6fd2ae}
body.dashboard-page #overview .stat-card:before{content:"";position:absolute;top:0;right:16px;left:16px;height:2px;background:linear-gradient(90deg,transparent,var(--stat-accent),transparent);opacity:.75}
body.dashboard-page #overview .stat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--stat-accent) 55%,#344258);box-shadow:0 18px 35px #03081255}
body.dashboard-page #overview .stat-icon{flex:none;width:45px;height:45px;border:1px solid color-mix(in srgb,var(--stat-accent) 32%,transparent);border-radius:14px;background:color-mix(in srgb,var(--stat-accent) 15%,#14202e);color:var(--stat-accent);font-size:22px}
body.dashboard-page #overview .stat-card span{color:#a5b2c4;font-size:10px}body.dashboard-page #overview .stat-card strong{margin:3px 0;color:#f5f6fb;font-size:24px;line-height:1.35}body.dashboard-page #overview .stat-card small{color:#7e8da3;font-size:9px}
body.dashboard-page #overview .content-grid,body.dashboard-page #overview .bottom-grid{gap:16px;margin-bottom:16px}
body.dashboard-page #overview .content-grid>.panel,body.dashboard-page #overview .bottom-grid>.panel{border-radius:19px;box-shadow:0 16px 36px #0308122e}
body.dashboard-page #overview .creation-quick-panel{min-height:270px;padding:27px;border-color:#574777;background:radial-gradient(circle at 11% 85%,#7d57c140,transparent 34%),radial-gradient(circle at 85% 0,#24a3b21c,transparent 38%),linear-gradient(130deg,#211d35,#131d2b 70%)}
body.dashboard-page #overview .creation-quick-mark{left:8%;top:-30px;color:#ae8bf652;font-size:180px}
body.dashboard-page #overview .creation-quick-panel h2{font-size:22px;line-height:1.55}body.dashboard-page #overview .creation-quick-panel p:not(.eyebrow){color:#b0bbca;font-size:11px}
body.dashboard-page #overview .activity-panel{padding:22px 24px;background:linear-gradient(145deg,#162131,#101822)}body.dashboard-page #overview .activity-panel .panel-heading{margin-bottom:13px}
body.dashboard-page #overview .activity{min-height:58px;padding:10px 0;border-color:#2c394b}body.dashboard-page #overview .activity strong{font-size:11px}body.dashboard-page #overview .activity small{color:#8e9db0;font-size:9px}
body.dashboard-page #overview .bottom-grid>.panel{min-height:188px;padding:23px 25px}
body.dashboard-page #overview .usage-panel{background:radial-gradient(circle at 6% 5%,#8665c22b,transparent 42%),#131c2a}body.dashboard-page #overview .usage-bars{height:60px;margin-top:16px}body.dashboard-page #overview .usage-bars i{background:linear-gradient(#9c78e6,#4b3d81);opacity:.9}body.dashboard-page #overview .usage-bars i:nth-child(4n){background:linear-gradient(#5bcee5,#28728d)}
body.dashboard-page #overview .social-spotlight{background:radial-gradient(circle at 88% 0,#446fbd2d,transparent 45%),linear-gradient(135deg,#182438,#111a2a)}
body.dashboard-page #overview .tip-panel{background:radial-gradient(circle at 90% 80%,#4f86b327,transparent 43%),linear-gradient(130deg,#17283a,#131b2b)}body.dashboard-page #overview .tip-glow{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #8b9ee058;border-radius:16px;background:#252c4d;color:#b9acff;font-size:24px}
body.dashboard-page #overview .feedback-panel{background:radial-gradient(circle at 9% 10%,#8b5cf63d,transparent 42%),linear-gradient(130deg,#1c1b33,#151d2e)!important}
@media(max-width:1100px){body.dashboard-page #overview .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.dashboard-page #overview .welcome-row{min-height:116px;padding:18px 20px}body.dashboard-page #overview .welcome-row h1{font-size:21px}body.dashboard-page #overview .stats-grid{gap:10px}body.dashboard-page #overview .stat-card{min-height:100px;padding:14px}body.dashboard-page #overview .stat-card strong{font-size:21px}body.dashboard-page #overview .stat-card small{display:none}body.dashboard-page #overview .content-grid,body.dashboard-page #overview .bottom-grid{gap:11px}body.dashboard-page #overview .creation-quick-panel{min-height:205px;padding:19px}body.dashboard-page #overview .creation-quick-panel h2{font-size:18px}body.dashboard-page #overview .bottom-grid>.panel{min-height:160px;padding:19px}}
@media(max-width:420px){body.dashboard-page #overview .stat-card{gap:9px;padding:11px}body.dashboard-page #overview .stat-icon{width:36px;height:36px;font-size:17px}body.dashboard-page #overview .stat-card span{font-size:9px}body.dashboard-page #overview .stat-card strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){body.dashboard-page #overview .stat-card{transition:none}}
/* Brand profile uses the same neutral sidebar treatment as the other navigation items. */
body.dashboard-page .nav-item.nav-branding{position:relative;overflow:visible;border-color:transparent;background:transparent;box-shadow:none}
body.dashboard-page .nav-item.nav-branding::after{display:none}
body.dashboard-page .nav-item.nav-branding .nav-icon{border-color:#2b3749;background:#121a26;color:#8f9db2;box-shadow:none}
body.dashboard-page .nav-item.nav-branding b{color:inherit}
body.dashboard-page .nav-item.nav-branding small{color:#758297}
body.dashboard-page .nav-item.nav-branding:hover{border-color:#323f52;background:#131b27;box-shadow:none}
body.dashboard-page .nav-item.nav-branding:hover>.nav-icon{border-color:#4b5b72;background:#182332;color:#c3cddd}
body.dashboard-page .nav-item.nav-branding.active{border-color:#644c91;background:linear-gradient(115deg,#291d42,#191927 72%,#12202b);box-shadow:0 9px 25px #0002,inset -2px 0 #a982ef,inset 0 1px #ffffff0a}
body.dashboard-page .nav-branding-badge{display:none}