/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/page.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.page_page__556_G {
  position: relative;
  min-height: 100vh;
  overflow: clip;
  --site-glow-left: #b91c1c;
  --site-glow-right: #ff2a2a;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--site-glow-right) 34%, transparent), transparent 30%),
    radial-gradient(circle at top left, color-mix(in srgb, var(--site-glow-left) 28%, transparent), transparent 34%),
    linear-gradient(180deg, #090b11 0%, #06080d 48%, #05070c 100%);
  color: #f4f6fb;
}

.page_backgroundGlow__NTDtd {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--site-glow-right) 34%, transparent), transparent 18%),
    radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--site-glow-left) 32%, transparent), transparent 24%),
    radial-gradient(circle at 14% 78%, color-mix(in srgb, var(--site-glow-left) 22%, transparent), transparent 28%);
  pointer-events: none;
}

.page_gridOverlay__HxV6F {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 92%);
  pointer-events: none;
}

.page_shell__sIWzo {
  position: relative;
  z-index: 1;
  width: min(1920px, calc(100% - 18px));
  margin: 0 auto;
  padding: 14px 0 36px;
}

.page_header__oRW75 {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 28px;
  align-items: center;
  overflow: visible;
  padding: 18px 30px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 22px;
  background: rgba(8, 11, 18, 0.9);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(16px);
}

.page_logoBlock__zd_xw {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.page_logoMark__9Gypu {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ff2c2c 0%, #d30d19 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 18px 34px rgba(255, 29, 47, 0.28);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
}

.page_logoTitle__CxYtW {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.page_logoSubtitle___G48N {
  margin: 0;
  color: #8b93a8;
  font-size: 0.76rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.page_nav__ijo23 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
}

.page_navLink__Z58UL {
  position: relative;
  color: #d2d8e6;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}

.page_navLink__Z58UL:hover,
.page_navLinkActive__IUcSG {
  color: #ffffff;
}

.page_navLinkActive__IUcSG::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff3434, #ff8c8c);
}

.page_headerActions__jn5aq,
.page_actions___si5r,
.page_loginActions__kyHVv,
.page_backupActions__FHhDb {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.page_headerActions__jn5aq form {
  margin: 0;
}

.page_primaryButton__gjjaG,
.page_secondaryButton__0Pzex,
.page_profileMenuButton__64poP,
.page_profileMenuItem___Iznk,
.page_signatureLink__eT88X {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.page_primaryButton__gjjaG {
  background: linear-gradient(180deg, #ff3434 0%, #d90f1d 100%);
  color: #fff;
  box-shadow: 0 18px 30px rgba(255, 29, 47, 0.22);
}

.page_secondaryButton__0Pzex,
.page_profileMenuButton__64poP,
.page_profileMenuItem___Iznk {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(10, 13, 21, 0.9);
  color: #f4f6fb;
}

.page_primaryButton__gjjaG:hover,
.page_secondaryButton__0Pzex:hover,
.page_profileMenuButton__64poP:hover,
.page_profileMenuItem___Iznk:hover,
.page_signatureLink__eT88X:hover {
  transform: translateY(-1px);
}

.page_profileBadge__Zuxv3 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 14px 8px 10px;
  color: #ffffff;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(11, 15, 24, 0.9);
}

.page_profileBadge__Zuxv3::-webkit-details-marker {
  display: none;
}

.page_profileMenu__l4Zgs {
  position: relative;
  z-index: 50;
}

.page_profileDropdown__TC0NL {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  gap: 8px;
  min-width: 240px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(11, 15, 24, 0.96);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.32);
  z-index: 60;
}

.page_profileAvatar__heFSZ,
.page_dashboardAvatar__Ja2Qk,
.page_dashboardAvatarLarge__h2fqV {
  border-radius: 999px;
  object-fit: cover;
}

.page_profileAvatar__heFSZ,
.page_dashboardAvatar__Ja2Qk {
  width: 38px;
  height: 38px;
}

.page_dashboardAvatarLarge__h2fqV {
  width: 72px;
  height: 72px;
}

.page_profileName__W6fWW {
  font-weight: 800;
  white-space: nowrap;
}

.page_heroShowcase__ON5qE,
.page_detailHero__TbSZZ,
.page_compactDetailHero__6_J5J {
  position: relative;
  z-index: 1;
  margin-top: 18px;
}

.page_heroStage__2etV6,
.page_panel__yrxLs,
.page_statCard__WFWBf,
.page_heroStatCard__eM4Lb,
.page_featureCard__swyBK,
.page_applicationItemCard__PxFZr,
.page_innerPanel__PVeQB,
.page_adminRow__e4NrJ,
.page_backupRow__FwSJV {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 26px;
  background: rgba(8, 11, 18, 0.84);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.page_heroStage__2etV6 {
  position: relative;
  padding: 52px 56px;
  overflow: hidden;
  min-height: 680px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

/* kept in CSS for media query compatibility, not used in JSX */
.page_heroContentGrid__2dcXS {
  display: grid;
  grid-template-columns: minmax(420px, 0.86fr) minmax(520px, 1.14fr);
  gap: 22px;
  align-items: stretch;
}

.page_heroBackdrop__418IW,
.page_panelImage__xPiQQ {
  object-fit: cover;
}

.page_heroBackdropFade__0f3_S {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 11, 18, 1) 0%, rgba(8, 11, 18, 0.98) 28%, rgba(8, 11, 18, 0.82) 44%, rgba(8, 11, 18, 0.44) 60%, rgba(8, 11, 18, 0.12) 78%, rgba(8, 11, 18, 0) 100%);
  pointer-events: none;
}

.page_heroBackdropShade__DzYwp {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(10, 12, 18, 0.08) 0%, rgba(8, 10, 16, 0.52) 100%),
    linear-gradient(90deg, rgba(120, 10, 20, 0.08) 0%, rgba(7, 9, 14, 0.16) 42%, rgba(7, 9, 14, 0.48) 100%);
}

.page_heroVisualPanel__7nmpz {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.page_heroTextBlock__wxpnf {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 720px;
  padding: 52px 0 0;
}

.page_kicker__4Y54j,
.page_sectionLabel__JSrPB {
  margin: 0 0 12px;
  color: #ff3434;
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.page_heroHeadline__6GB67,
.page_detailTitle__UvCzB,
.page_title__po7na {
  margin: 0;
  color: #ffffff;
  font-size: clamp(3.8rem, 7vw, 6.2rem);
  line-height: 0.9;
  font-weight: 900;
  text-transform: uppercase;
}

.page_heroHeadline__6GB67 span {
  color: #ff1e2d;
}

/* override: must come after the group rule above */
.page_heroHeadline__6GB67 {
  margin-bottom: 32px;
  line-height: 1.05;
}

.page_detailTitle__UvCzB {
  font-size: clamp(2.2rem, 4.1vw, 4.6rem);
  line-height: 0.95;
  overflow-wrap: break-word;
  word-break: break-word;
}

.page_heroDescription__BOlMS,
.page_heroText__JVWLO,
.page_panelText__Mxv2B,
.page_detailLead__MDi6w,
.page_statDescription__mXvpa,
.page_heroStatDescription__HO4bL,
.page_featureText__G2Vtt,
.page_backupMeta__2UtIW,
.page_adminMeta__q8R58,
.page_databaseInfoLabel__vr3wH,
.page_profileInfoLabel__gkPJ6,
.page_profileInfoValue__ViMVN {
  margin: 0;
  color: #a8afbf;
  line-height: 1.7;
}

.page_detailLead__MDi6w {
  font-size: 1.04rem;
}

.page_pulseLine__Di_tY {
  width: 260px;
  height: 44px;
  margin: 22px 0 18px;
  color: #ff1e2d;
  filter: drop-shadow(0 0 14px rgba(255, 30, 45, 0.44));
}

.page_actions___si5r {
  margin-top: 30px;
}

.page_heroStatsStrip__9AxcO,
.page_featureStrip__xjqH1,
.page_statsRow__zReHn,
.page_dashboardStats__1F5h3,
.page_applicationsShowcase__bfWE8 {
  display: grid;
  gap: 16px;
}

.page_heroStatsStrip__9AxcO {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: 48px;
  padding-bottom: 52px;
}

.page_dashboardStats__1F5h3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page_featureStrip__xjqH1 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
}

.page_heroStatCard__eM4Lb,
.page_statCard__WFWBf,
.page_featureCard__swyBK,
.page_applicationItemCard__PxFZr {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 24px;
}

.page_heroStatCard__eM4Lb {
  padding: 24px;
  align-items: center;
}

.page_heroStatIcon__9ibur,
.page_metricIcon__Wi5ET,
.page_featureIcon__UHR_A {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 30, 45, 0.28) 0%, rgba(118, 10, 22, 0.3) 100%);
  color: #ff9ca3;
}

.page_applicationItemIcon__c3gzp {
  color: #ff9ca3;
}

.page_heroStatIcon__9ibur svg,
.page_featureIcon__UHR_A svg,
.page_applicationItemIcon__c3gzp svg {
  width: 24px;
  height: 24px;
}

.page_heroStatValue__DWfNS,
.page_statValue__tVgp7 {
  margin: 0;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
}

.page_heroStatTitle__jG3ka,
.page_statTitle__eD4iW,
.page_panelTitle__frBVT,
.page_featureTitle__pGLZ6,
.page_applicationTitle__hgGSr,
.page_adminName__3V7cv,
.page_backupName__ePUVx,
.page_databaseInfoValue__gY8o_ {
  margin: 6px 0 4px;
  color: #ffffff;
  font-weight: 800;
}

.page_featureTitle__pGLZ6,
.page_applicationTitle__hgGSr {
  margin-top: 0;
}

.page_featureCard__swyBK {
  min-height: 220px;
  flex-direction: column;
  gap: 22px;
  padding: 30px;
  background:
    linear-gradient(180deg, rgba(12, 16, 26, 0.94) 0%, rgba(8, 11, 18, 0.9) 100%),
    rgba(8, 11, 18, 0.84);
}

.page_featureIcon__UHR_A {
  width: 68px;
  height: 68px;
  border-radius: 22px;
}

.page_featureIcon__UHR_A svg {
  width: 28px;
  height: 28px;
}

.page_featureTitle__pGLZ6 {
  margin-bottom: 10px;
  font-size: 1.18rem;
}

.page_featureText__G2Vtt {
  font-size: 1rem;
}

.page_heroStatTitle__jG3ka,
.page_statTitle__eD4iW,
.page_panelTitle__frBVT {
  font-size: 1.08rem;
}

.page_bottomGrid___2qUS,
.page_manageTabs__ZzETa,
.page_profileGrid__x5FLU,
.page_manageSettingsGrid__2KJjR,
.page_promoGrid__9tKad {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.page_bottomGrid___2qUS {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page_manageTabs__ZzETa {
  grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
}

.page_manageSettingsGrid__2KJjR {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page_promoGrid__9tKad {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page_promoCard__Hmklk {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(180px, 0.85fr);
  gap: 16px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  background: rgba(8, 11, 18, 0.84);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.page_promoContent__WTf47 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.page_promoTitle__VLHnT {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 900;
  line-height: 1.04;
}

.page_promoList__ib2Kw {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page_promoListItem__qgoCG {
  position: relative;
  padding-left: 18px;
  color: #dfe4ee;
  font-weight: 600;
}

.page_promoListItem__qgoCG::before {
  content: '';
  position: absolute;
  top: 0.55rem;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ff1e2d;
  box-shadow: 0 0 12px rgba(255, 30, 45, 0.5);
}

.page_promoImageWrap__itRfg {
  position: relative;
  min-height: 260px;
  border-radius: 18px;
  overflow: hidden;
}

.page_missionPanel__s7Z53,
.page_joinPanel__9GfnX {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.92fr);
  gap: 20px;
  overflow: hidden;
}

.page_panel__yrxLs,
.page_innerPanel__PVeQB {
  padding: 28px;
}

.page_panelContent__cyaa3,
.page_detailContent__NU3YW {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page_detailHero__TbSZZ,
.page_compactDetailHero__6_J5J {
  display: grid;
  grid-template-columns: minmax(480px, 0.86fr) minmax(620px, 1.14fr);
  gap: 18px;
}

.page_compactDetailHero__6_J5J {
  align-items: stretch;
}

.page_compactDetailContent__FRo03 {
  padding-top: 34px;
  padding-bottom: 34px;
}

.page_detailVisual__M6_Rz,
.page_compactDetailVisual__fGVCo {
  position: relative;
  min-height: 460px;
  overflow: hidden;
}

.page_compactDetailVisual__fGVCo {
  min-height: 340px;
}

.page_detailImageWrap__xUv6k,
.page_panelImageWrap__FAlyn {
  position: relative;
  min-height: 100%;
  border-radius: 18px;
  overflow: hidden;
}

.page_applicationsShowcase__bfWE8 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

.page_applicationItemCard__PxFZr {
  align-items: center;
  gap: 22px;
  padding: 28px;
}

.page_applicationItemIcon__c3gzp {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 52, 52, 0.22) 0%, rgba(118, 10, 22, 0.24) 100%);
}

.page_applicationItemBody__UmwoG {
  flex: 1 1 auto;
}

.page_applicationItemActions__cVaQ7 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.page_applicationDetailPanel__HoS0w {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.page_applicationDetailIcon__C2Fhg {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 52, 52, 0.2) 0%, rgba(118, 10, 22, 0.24) 100%);
  color: #ff9ca3;
}

.page_applicationDetailIcon__C2Fhg svg {
  width: 36px;
  height: 36px;
}

.page_manageHeader__6V4cJ {
  margin-top: 18px;
}

.page_manageHeaderPanel__EemXF {
  width: 100%;
}

.page_adminList__2VBpc,
.page_backupList__yDy7g,
.page_databaseInfoList__VLmhW {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.page_databaseInfoRow__bPUxv {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.page_adminRow__e4NrJ,
.page_backupRow__FwSJV {
  padding: 16px;
}

.page_backupRow__FwSJV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.page_backupPreview__9JBmx {
  margin: 0;
  max-height: 720px;
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(6, 8, 14, 0.96);
  color: #d6dce8;
  font-size: 0.84rem;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

.page_backupActions__FHhDb {
  justify-content: flex-end;
}

.page_metricCard__ks_bT {
  min-height: 180px;
}

.page_metricDisclosure__JFxwO {
  margin-top: 18px;
}

.page_metricDisclosureSummary__xoGUB {
  list-style: none;
  cursor: pointer;
}

.page_metricDisclosureSummary__xoGUB::-webkit-details-marker {
  display: none;
}

.page_metricDisclosureCard__sY7jb {
  width: 100%;
}

.page_metricDisclosureContent__9_0Ql {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.page_metricDisclosureButton__bixPq {
  min-height: 46px;
  padding: 0 18px;
}

.page_metricDisclosurePanel__zmOOK {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 18px;
}

.page_metricDisclosure__JFxwO[open] .page_metricDisclosureCard__sY7jb {
  border-color: rgba(255, 52, 52, 0.2);
  box-shadow: 0 22px 48px rgba(78, 8, 16, 0.28);
}

.page_metricDisclosure__JFxwO[open] .page_metricDisclosureButton__bixPq {
  border-color: rgba(255, 82, 82, 0.32);
  background: rgba(34, 11, 17, 0.92);
}

.page_notice__0ppi1 {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(11, 15, 24, 0.86);
}

.page_noticeSuccess__Q__4F {
  border-color: rgba(52, 211, 153, 0.24);
  background: rgba(6, 78, 59, 0.35);
}

.page_noticeError__qkauv {
  border-color: rgba(255, 52, 52, 0.24);
  background: rgba(127, 22, 34, 0.35);
}

.page_profileGrid__x5FLU {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.page_profileInfoList__VfGD4 {
  display: grid;
  gap: 12px;
}

.page_profileInfoRow__xcY2V {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.page_signature__k7iQB {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

/* ── Team page ─────────────────────────────── */

.page_teamHeroBanner__Lnxyg {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 26px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.page_teamHeroOverlay__i7yZm {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 18, 0.18) 0%, rgba(8, 11, 18, 0.62) 60%, rgba(8, 11, 18, 0.92) 100%);
  display: flex;
  align-items: flex-end;
  padding: 40px 44px;
}

.page_teamHeroTitle__CxS6t {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.8rem, 5vw, 4.4rem);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
}

.page_teamHeroTitle__CxS6t span {
  color: #ff1e2d;
}

.page_teamDepts__QB8ks {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 18px;
}

.page_teamDeptsGrid__L4vod {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page_deptCard__gZfMX,
.page_deptCardFull__XHJI3 {
  padding: 28px 32px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 22px;
  background: rgba(8, 11, 18, 0.84);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.page_deptCardFull__XHJI3 {
  border-color: rgba(255, 30, 45, 0.18);
  background: linear-gradient(135deg, rgba(12, 16, 26, 0.96) 0%, rgba(8, 11, 18, 0.92) 100%);
}

.page_deptLabel__0Cxzx {
  margin: 0 0 6px;
  color: #ff3434;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.page_deptAbbr__BUkXn {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.page_deptCardFull__XHJI3 .page_deptAbbr__BUkXn {
  font-size: 2rem;
}

.page_deptName__Gt9Sh {
  margin: 0;
  color: #8b93a8;
  font-size: 0.9rem;
  font-weight: 600;
}

.page_signatureLink__eT88X {
  min-height: unset;
  padding: 0;
  border: 0;
  background: none;
  color: #9aa3b5;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

@media (max-width: 1480px) {
  .page_heroContentGrid__2dcXS,
  .page_featureStrip__xjqH1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1260px) {
  .page_header__oRW75,
  .page_detailHero__TbSZZ,
  .page_compactDetailHero__6_J5J,
  .page_bottomGrid___2qUS,
   .page_manageTabs__ZzETa,
   .page_profileGrid__x5FLU,
   .page_manageSettingsGrid__2KJjR,
   .page_promoGrid__9tKad,
   .page_heroStatsStrip__9AxcO,
   .page_featureStrip__xjqH1,
   .page_dashboardStats__1F5h3,
   .page_applicationsShowcase__bfWE8,
   .page_missionPanel__s7Z53,
  .page_joinPanel__9GfnX {
    grid-template-columns: 1fr;
  }

  .page_header__oRW75 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .page_nav__ijo23,
  .page_headerActions__jn5aq {
    justify-content: flex-start;
  }

   .page_heroContentGrid__2dcXS,
   .page_promoCard__Hmklk {
     grid-template-columns: 1fr;
   }

   .page_heroTextBlock__wxpnf {
     max-width: none;
     padding-right: 0;
   }
}

@media (max-width: 820px) {
  .page_shell__sIWzo {
    width: min(100% - 12px, 1920px);
    padding-top: 8px;
  }

  .page_header__oRW75,
  .page_heroStage__2etV6,
  .page_panel__yrxLs,
  .page_statCard__WFWBf,
  .page_heroStatCard__eM4Lb,
  .page_featureCard__swyBK,
  .page_applicationItemCard__PxFZr,
  .page_innerPanel__PVeQB,
  .page_adminRow__e4NrJ,
  .page_backupRow__FwSJV {
    border-radius: 20px;
  }

  .page_header__oRW75,
   .page_panel__yrxLs,
   .page_innerPanel__PVeQB {
     padding: 18px;
   }

   .page_heroStage__2etV6 {
     padding: 18px;
   }

  .page_heroHeadline__6GB67,
  .page_title__po7na {
    font-size: clamp(3rem, 14vw, 4.8rem);
  }

  .page_detailTitle__UvCzB {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .page_viewerForm__qqNs5 {
    width: calc(100vw - 12px);
    max-width: calc(100vw - 12px);
    gap: 12px;
    padding: 0;
    margin-top: 12px;
  }

  .page_viewerHeader__C0x8s {
    padding: 22px 18px;
  }

  .page_viewerFieldBlock__KHWlS,
  .page_viewerSection__TKZhA,
  .page_viewerImageBlock__cbjUx {
    padding: 16px;
    border-radius: 14px;
  }

  .page_viewerBanner__UULMs {
    max-height: 220px;
    border-radius: 14px;
  }

  .page_viewerImage__cQOSb,
  .page_viewerFieldImage__BInsk {
    max-height: 280px;
  }

  .page_viewerNavRow__Cfhco {
    gap: 10px;
    padding-bottom: 28px;
  }

  .page_viewerNavRow__Cfhco .page_primaryButton__gjjaG,
  .page_viewerNavRow__Cfhco .page_secondaryButton__0Pzex {
    min-height: 46px;
    padding: 0 16px;
    font-size: 0.82rem;
  }

   .page_detailVisual__M6_Rz,
   .page_compactDetailVisual__fGVCo {
     min-height: 320px;
   }

   .page_promoImageWrap__itRfg {
     min-height: 220px;
   }

  .page_actions___si5r,
  .page_headerActions__jn5aq,
  .page_backupActions__FHhDb {
    flex-direction: column;
    align-items: stretch;
  }

  .page_primaryButton__gjjaG,
  .page_secondaryButton__0Pzex,
  .page_profileMenuButton__64poP,
  .page_profileMenuItem___Iznk {
    width: 100%;
  }

  .page_profileDropdown__TC0NL {
    position: static;
    min-width: 100%;
    margin-top: 10px;
  }

  .page_profileInfoRow__xcY2V,
  .page_databaseInfoRow__bPUxv,
  .page_backupRow__FwSJV {
    flex-direction: column;
    align-items: stretch;
  }

  .page_applicationItemCard__PxFZr,
  .page_metricDisclosureContent__9_0Ql {
    flex-direction: column;
    align-items: stretch;
  }

  .page_applicationItemActions__cVaQ7 {
    width: 100%;
  }

  .page_profileInfoValue__ViMVN {
    text-align: left;
  }
}

/* ── Staff cards ──────────────────────────── */

.page_staffCard__LEc2W {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 22px 16px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(11, 15, 24, 0.92);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.page_staffAvatar__gc_qI {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 auto;
  background: rgba(255, 30, 45, 0.18);
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.page_staffAvatarPlaceholder__PK7rA {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(255, 30, 45, 0.24) 0%, rgba(118, 10, 22, 0.28) 100%);
  border: 2px solid rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
  color: #ff9ca3;
  font-size: 1.25rem;
  font-weight: 900;
}

.page_staffInfo__flpMu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}

.page_staffName__6bfXW {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page_staffRoleBadge__3DeME {
  display: block;
  text-align: center;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(255, 30, 45, 0.18);
  border: 1px solid rgba(255, 30, 45, 0.28);
  color: #ff9ca3;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: normal;
  word-break: break-word;
}

.page_staffDeptBadge__Pud4y {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(60, 120, 255, 0.14);
  border: 1px solid rgba(60, 120, 255, 0.28);
  color: #9db8ff;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ── Leadership hierarchy ─────────────────── */

.page_leadershipSection__3COgG {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
}

.page_leadershipTopRow__v_IIz {
  display: flex;
  justify-content: center;
}

.page_leadershipTopRow__v_IIz .page_staffCard__LEc2W {
  min-width: 320px;
  max-width: 480px;
  padding: 22px 32px 22px 22px;
  gap: 20px;
}

.page_leadershipTopRow__v_IIz .page_staffAvatar__gc_qI,
.page_leadershipTopRow__v_IIz .page_staffAvatarPlaceholder__PK7rA {
  width: 78px;
  height: 78px;
}

.page_leadershipTopRow__v_IIz .page_staffName__6bfXW {
  font-size: 1.2rem;
}

.page_leadershipTopRow__v_IIz .page_staffRoleBadge__3DeME {
  font-size: 0.82rem;
  padding: 5px 16px;
}

.page_leadershipRow3__DJgR1,
.page_leadershipGrid9__UPuCY {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.page_leadershipRow3__DJgR1 .page_staffCard__LEc2W {
  padding: 18px 24px 18px 18px;
  gap: 18px;
}

.page_leadershipRow3__DJgR1 .page_staffAvatar__gc_qI,
.page_leadershipRow3__DJgR1 .page_staffAvatarPlaceholder__PK7rA {
  width: 66px;
  height: 66px;
}

.page_leadershipRow3__DJgR1 .page_staffName__6bfXW {
  font-size: 1.05rem;
}

.page_leadershipRow3__DJgR1 .page_staffRoleBadge__3DeME {
  font-size: 0.78rem;
  padding: 4px 14px;
}

.page_leadershipRow2__VhlK_ {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* ── Dept staff vertical list ─────────────── */

.page_deptStaffList__U7Tx3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

@media (max-width: 1260px) {
  .page_leadershipRow3__DJgR1,
  .page_leadershipGrid9__UPuCY {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .page_leadershipRow3__DJgR1,
  .page_leadershipGrid9__UPuCY,
  .page_leadershipRow2__VhlK_ {
    grid-template-columns: 1fr;
  }
}

/* ── Leadership gap ─────────────────────────── */

.page_leadershipGridGap__kjJDm {
  margin-top: 32px;
}

/* Dynamic auto-fill grid for merged leadership sections — ровно 4 колонки */
.page_leadershipAutoGrid__m6K_1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

/* Cards inside leadershipAutoGrid get rounded-rect shape (not pill)
   so multi-line badges look natural */
.page_leadershipAutoGrid__m6K_1 .page_staffCard__LEc2W {
  border-radius: 24px;
  align-items: flex-start;
}

@media (max-width: 1260px) {
  .page_leadershipAutoGrid__m6K_1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .page_leadershipAutoGrid__m6K_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .page_leadershipAutoGrid__m6K_1 {
    grid-template-columns: 1fr;
  }
}

/* ── Profile hero ───────────────────────────── */

.page_profileHeroSection__gqEHf {
  position: relative;
  z-index: 1;
  margin-top: 18px;
}

.page_profileHeroPanel__93yIi {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 32px;
}

.page_profileHeroContent__wBPyW {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 18px;
}

.page_profileHeroAvatar__YRLzT {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 auto;
  border: 3px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.page_profileHeroName__vheEz {
  margin: 0;
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

@media (max-width: 600px) {
  .page_profileHeroContent__wBPyW {
    flex-direction: column;
    gap: 16px;
  }

  .page_profileHeroName__vheEz {
    font-size: 1.7rem;
  }

  .page_profileHeroAvatar__YRLzT {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 520px) {
  .page_viewerForm__qqNs5 {
    width: calc(100vw - 8px);
    max-width: calc(100vw - 8px);
    margin-top: 8px;
  }

  .page_viewerHeader__C0x8s {
    padding: 20px 16px;
  }

  .page_viewerFieldBlock__KHWlS,
  .page_viewerSection__TKZhA,
  .page_viewerImageBlock__cbjUx {
    padding: 14px;
  }

  .page_viewerFieldLabelRow__7U6lC {
    flex-wrap: wrap;
  }

  .page_viewerNavRow__Cfhco {
    flex-wrap: wrap;
  }

  .page_viewerNavRow__Cfhco > div {
    display: none;
  }

  .page_viewerNavRow__Cfhco .page_primaryButton__gjjaG,
  .page_viewerNavRow__Cfhco .page_secondaryButton__0Pzex {
    flex: 1 1 100%;
  }

  .page_viewerScale__CasV3 {
    align-items: flex-start;
    flex-direction: column;
  }

  .page_viewerScaleOptions__pAZX5 {
    flex-wrap: wrap;
  }
}

/* ── Manage sidebar layout ──────────────────── */

.page_manageSidebarLayout__SFeHc {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 18px;
  align-items: flex-start;
  margin-top: 18px;
}

.page_manageSidebar__sGTa0 {
  position: sticky;
  top: 18px;
}

.page_manageSidebarGroupLabel__c1pnW {
  margin: 0 0 12px;
  color: #ff3434;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.page_manageSidebarNav___7ox2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page_manageSidebarLink__99VO9 {
  display: block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: #d2d8e6;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.page_manageSidebarLink__99VO9:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.page_manageSidebarLinkActive__X7j04 {
  background: rgba(255, 30, 45, 0.14);
  border-color: rgba(255, 30, 45, 0.22);
  color: #ffffff;
}

/* ── Form inputs ────────────────────────────── */

.page_formInput__j2g1R,
.page_formSelect__y9p8c {
  display: block;
  width: 100%;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(6, 8, 14, 0.9);
  color: #f4f6fb;
  font-size: 0.9rem;
  outline: none;
  box-sizing: border-box;
}

.page_formInput__j2g1R::placeholder {
  color: #5a6070;
}

.page_formInput__j2g1R:focus,
.page_formSelect__y9p8c:focus {
  border-color: rgba(255, 30, 45, 0.4);
}

.page_formSelect__y9p8c option {
  background: #0a0d15;
}

/* ── Danger button ──────────────────────────── */

.page_dangerButton__WS4tW {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 52, 52, 0.3);
  background: rgba(127, 22, 34, 0.35);
  color: #ff9ca3;
  font-size: 0.84rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease;
}

.page_dangerButton__WS4tW:hover {
  background: rgba(200, 30, 50, 0.45);
}

/* ── Team manage tab ────────────────────────── */

.page_teamManageSection__jHjAj {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  background: rgba(8, 11, 18, 0.84);
}

.page_teamManageSectionTitle__GLXsO {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
}

.page_teamManageSectionDesc__TPlWo {
  margin: 0 0 10px;
  color: #8b93a8;
  font-size: 0.82rem;
}

.page_teamManageMemberRow__aAL6Q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(11, 15, 24, 0.92);
}

.page_teamManageMemberInfo__IFGYb {
  flex: 1 1 auto;
  min-width: 0;
}

.page_teamManageMemberName__N_hZK {
  margin: 0;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
}

.page_teamManageMemberRole__HBcF_ {
  margin: 2px 0 0;
  color: #8b93a8;
  font-size: 0.78rem;
}

.page_teamManageAddForm__C9hdD {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  margin-top: 4px;
}

.page_teamManageAddFormFull__9aMjP {
  grid-column: 1 / -1;
}

.page_teamManageEditForm__Xn5jc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(255, 30, 45, 0.15);
  border-radius: 12px;
  margin-top: 4px;
  background: rgba(255, 30, 45, 0.04);
}

@media (max-width: 1260px) {
  .page_manageSidebarLayout__SFeHc {
    grid-template-columns: 1fr;
  }

  .page_manageSidebarNav___7ox2 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .page_manageSidebar__sGTa0 {
    position: static;
  }
}

@media (max-width: 820px) {
  .page_teamManageAddForm__C9hdD {
    grid-template-columns: 1fr;
  }
}

/* ── Toast notifications ── */
.page_toast__1lKWn {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 280px;
  max-width: 420px;
  padding: 14px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(11, 15, 24, 0.97);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(16px);
  animation: page_toastIn__Z_hJy 0.22s ease;
}

.page_toastSuccess___BP2e {
  border-color: rgba(52, 211, 153, 0.32);
  background: rgba(6, 42, 32, 0.96);
}

.page_toastError__jngmq {
  border-color: rgba(255, 52, 52, 0.32);
  background: rgba(60, 10, 18, 0.96);
}

.page_toastMessage__vEmA1 {
  flex: 1 1 auto;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #f4f6fb;
}

.page_toastClose__RgL7R {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.page_toastClose__RgL7R:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

@keyframes page_toastIn__Z_hJy {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── Backup SQL table viewer ── */
.page_backupTableViewer__iiIlm {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-top: 8px;
}

.page_backupTableBlock__key5w {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  overflow: hidden;
}

.page_backupTableName__ELhor {
  margin: 0;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.page_backupTableScroll__KPMjK {
  overflow-x: auto;
  max-height: 360px;
  overflow-y: auto;
}

.page_backupTable___iUwo {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}

.page_backupTable___iUwo th {
  position: sticky;
  top: 0;
  padding: 8px 14px;
  background: rgba(20, 24, 38, 0.98);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  font-weight: 600;
  font-size: 0.76rem;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  letter-spacing: 0.04em;
}

.page_backupTable___iUwo td {
  padding: 7px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #d6dce8;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page_backupTable___iUwo tr:last-child td {
  border-bottom: none;
}

.page_backupTable___iUwo tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

.page_backupTableNull__x3Enm {
  color: rgba(255, 255, 255, 0.22);
  font-style: italic;
}

.page_backupTableEmpty__ylkTr {
  padding: 16px;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.3);
  font-style: italic;
}

.page_backupRawToggle__Db_sC {
  margin-top: 24px;
}

.page_backupRawToggle__Db_sC summary {
  cursor: pointer;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.4);
  padding: 8px 0;
  list-style: none;
  user-select: none;
}

.page_backupRawToggle__Db_sC summary::-webkit-details-marker {
  display: none;
}

.page_backupRawToggle__Db_sC summary::before {
  content: '▶ ';
  font-size: 0.7rem;
}

.page_backupRawToggle__Db_sC[open] summary::before {
  content: '▼ ';
}

/* ── Category management ── */
.page_categoryList__aoUCP {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 18px;
}

/* ── Collapsible category (Discord-style) ── */
.page_categoryDetails__zLqdG {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
}

.page_categoryDetails__zLqdG[open] {
  border-color: rgba(255, 255, 255, 0.1);
}

.page_categorySummary__aumsG {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.page_categorySummary__aumsG::-webkit-details-marker {
  display: none;
}

.page_categorySummary__aumsG:hover {
  background: rgba(255, 255, 255, 0.025);
}

.page_categorySummaryArrow__sZJ_v {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
  transition: transform 0.18s ease;
  transform: rotate(0deg);
}

.page_categoryDetails__zLqdG[open] .page_categorySummaryArrow__sZJ_v {
  transform: rotate(90deg);
}

.page_categoryRow__zJVQI {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.page_categoryInfo__RBXRF {
  flex: 1 1 auto;
  min-width: 0;
}

.page_categoryName__tlxq4 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #f4f6fb;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.page_categoryAccessList__U8MDS {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
}

/* ── Forms body (inside <details>) ── */
.page_categoryFormsBody__LP475 {
  padding: 0 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.page_categoryEditInline__2K8CK {
  padding: 0 14px 10px;
}

.page_categoryNoForms___6zH1 {
  padding: 10px 6px;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ── Individual form row ── */
.page_formRow___pGD1 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.page_formRowName__mFlCr {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.82);
}

.page_formEditForm__MQXZe {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  align-items: center;
}

.page_formEditFormInput__s92ZX {
  flex: 1 1 auto;
  min-width: 0;
}


.page_categoryAccessBadge__Qp0HT {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 600;
  white-space: nowrap;
}

.page_categoryAccessBadgeUser__btvP0 {
  background: rgba(99, 102, 241, 0.18);
  color: #a5b4fc;
  border: 1px solid rgba(99, 102, 241, 0.25);
}

.page_categoryAccessBadgeDept___Xo6H {
  background: rgba(20, 184, 166, 0.15);
  color: #5eead4;
  border: 1px solid rgba(20, 184, 166, 0.22);
}

.page_categoryOpenBadge__QSLol {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 600;
  background: rgba(52, 211, 153, 0.12);
  color: rgba(52, 211, 153, 0.8);
  border: 1px solid rgba(52, 211, 153, 0.18);
}

.page_categoryEditForm__FojRC {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  margin-top: 4px;
  background: rgba(255, 255, 255, 0.02);
}

.page_categoryEditFormFull__RbQMN {
  grid-column: 1 / -1;
}

.page_categoryAccessHint__nYtlc {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  margin: 2px 0 0;
}

/* ── Multi-Select ── */
.page_multiSelect__29jz7 {
  position: relative;
  width: 100%;
}

.page_multiSelectTrigger__uu9k4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 42px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s;
  user-select: none;
}

.page_multiSelectTrigger__uu9k4:hover,
.page_multiSelectTriggerOpen__uPq34 {
  border-color: rgba(255, 255, 255, 0.22);
}

.page_multiSelectTags__nK4AN {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex: 1;
  min-width: 0;
}

.page_multiSelectPlaceholder__3spHa {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.3);
}

.page_multiSelectTag__aT1Vf {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #fca5a5;
  font-size: 0.78rem;
  font-weight: 500;
}

.page_multiSelectTagRemove__QIl6I {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.1s;
}

.page_multiSelectTagRemove__QIl6I:hover {
  opacity: 1;
}

.page_multiSelectArrow__XXOZK {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.page_multiSelectDropdown__lor3H {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 100;
  background: #0e111a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.page_multiSelectSearchWrap__b_qaz {
  padding: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.page_multiSelectSearch__pFEp_ {
  width: 100%;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  color: #f4f6fb;
  font-size: 0.85rem;
  outline: none;
  box-sizing: border-box;
}

.page_multiSelectSearch__pFEp_:focus {
  border-color: rgba(239, 68, 68, 0.4);
}

.page_multiSelectOptions__aHQkF {
  max-height: 220px;
  overflow-y: auto;
  padding: 4px;
}

.page_multiSelectOptions__aHQkF::-webkit-scrollbar {
  width: 4px;
}

.page_multiSelectOptions__aHQkF::-webkit-scrollbar-track {
  background: transparent;
}

.page_multiSelectOptions__aHQkF::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}

.page_multiSelectOption__EFZiR {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  transition: background 0.1s, color 0.1s;
}

.page_multiSelectOption__EFZiR:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #f4f6fb;
}

.page_multiSelectOptionChecked__5_x_6 {
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.08);
}

.page_multiSelectCheckbox__cQj4f {
  accent-color: #ef4444;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.page_multiSelectEmpty__4YXlK {
  padding: 10px;
  text-align: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ── Breadcrumb link ─────────────────────────────────────── */
.page_breadcrumbLink__EEn5_ {
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none;
  transition: color 0.15s;
}

.page_breadcrumbLink__EEn5_:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* ── Notice variants ─────────────────────────────────────── */
.page_noticeSuccess__Q__4F {
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(22, 163, 74, 0.3);
  color: #86efac;
}

/* ── Rich Text Editor ─────────────────────────────────────── */

.page_rtEditor__aNYMT {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(6, 8, 14, 0.9);
  overflow: hidden;
  transition: border-color 0.15s;
}

.page_rtEditor__aNYMT:focus-within {
  border-color: rgba(255, 30, 45, 0.4);
}

/* Toolbar — hidden until focus */
.page_rtToolbar__x6KGk {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 5px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
}

.page_rtEditor__aNYMT:focus-within .page_rtToolbar__x6KGk {
  display: flex;
}

.page_rtBtn___LdzM {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 3px 7px;
  line-height: 1.4;
  transition: background 0.1s, color 0.1s, border-color 0.1s;
  white-space: nowrap;
}

.page_rtBtn___LdzM:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.1);
  color: #f4f6fb;
}

.page_rtSep__ntDbn {
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 4px;
  flex-shrink: 0;
}

/* Editable content area */
.page_rtContent__2ORge {
  padding: 10px 14px;
  color: #f4f6fb;
  font-size: 0.9rem;
  outline: none;
  word-break: break-word;
  line-height: 1.55;
}

.page_rtContent__2ORge:empty::before {
  content: attr(data-placeholder);
  color: #5a6070;
  pointer-events: none;
  display: block;
}

.page_rtContent__2ORge ul,
.page_rtContent__2ORge ol {
  padding-left: 22px;
  margin: 4px 0;
}

.page_rtContent__2ORge li {
  margin: 2px 0;
}

.page_rtContent__2ORge a {
  color: #93c5fd;
  text-decoration: underline;
  cursor: pointer;
}

.page_rtContent__2ORge p {
  margin: 0 0 4px;
}

.page_rtContent__2ORge p:last-child {
  margin-bottom: 0;
}

/* Editor size variants */
.page_rtEditorLabel__FSyhD .page_rtContent__2ORge {
  font-size: 0.95rem;
  font-weight: 500;
}

.page_rtEditorSection__wuuzK .page_rtContent__2ORge {
  font-size: 1.1rem;
  font-weight: 700;
}

/* Preview label in collapsed field card */
.page_editorPreviewLabel__CFHql {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 6px;
}

.page_editorPreviewLabel__CFHql b,
.page_editorPreviewLabel__CFHql strong { font-weight: 700; }
.page_editorPreviewLabel__CFHql i,
.page_editorPreviewLabel__CFHql em { font-style: italic; }
.page_editorPreviewLabel__CFHql u { text-decoration: underline; }
.page_editorPreviewLabel__CFHql a { color: #93c5fd; }

/* ── Rich Text View (rendered output) ────────────────────── */

.page_rtView__Aom69 {
  color: inherit;
  font-size: inherit;
  line-height: 1.55;
  word-break: break-word;
}

.page_rtView__Aom69 b,
.page_rtView__Aom69 strong {
  font-weight: 700;
}

.page_rtView__Aom69 i,
.page_rtView__Aom69 em {
  font-style: italic;
}

.page_rtView__Aom69 u {
  text-decoration: underline;
}

.page_rtView__Aom69 a {
  color: #93c5fd;
  text-decoration: underline;
}

.page_rtView__Aom69 a:hover {
  color: #bfdbfe;
}

.page_rtView__Aom69 ul,
.page_rtView__Aom69 ol {
  padding-left: 22px;
  margin: 4px 0;
}

.page_rtView__Aom69 li {
  margin: 2px 0;
}

.page_rtView__Aom69 p {
  margin: 0 0 4px;
}

.page_rtView__Aom69 p:last-child {
  margin-bottom: 0;
}

/* Viewer field label overrides */
.page_viewerFieldLabelText__b7F7Q {
  font-size: 0.95rem;
  font-weight: 600;
  color: #f4f6fb;
  display: inline;
}

/* ── Form Editor ─────────────────────────────────────────── */

.page_editorLayout__mPT4N {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

.page_editorTopBar__qfYwE {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.page_editorNameInput__rr1mv {
  flex: 1;
  min-width: 200px;
  font-size: 1rem;
  font-weight: 600;
}

.page_editorTopBarActions__dczH_ {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.page_editorBody__P_aN2 {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 16px;
  align-items: flex-start;
}

@media (max-width: 700px) {
  .page_editorBody__P_aN2 {
    grid-template-columns: 1fr;
  }
}

.page_editorFieldsList__UIj8q {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page_editorEmptyHint__6KjM1 {
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875rem;
  padding: 32px 0;
}

/* ── Section group wrapper ─────────────────────────────── */

.page_editorSectionGroup__ahTiw {
  border: 1px solid rgba(239, 68, 68, 0.28);
  border-radius: 14px;
  background: rgba(239, 68, 68, 0.015);
  margin-top: 28px;
}

/* Section header field inside a group */
.page_editorSectionGroupHeaderField__IjSht {
  border-color: transparent;
  border-bottom: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 12px 12px 0 0;
  background: rgba(239, 68, 68, 0.05);
}

.page_editorSectionGroupHeaderField__IjSht:hover {
  background: rgba(239, 68, 68, 0.08);
  border-color: transparent;
  border-bottom-color: rgba(239, 68, 68, 0.25);
}

/* Children inside a section group */
.page_editorSectionChildren__Hkg5H {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px 12px 12px;
  position: relative;
}

.page_editorSectionChildren__Hkg5H::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(239, 68, 68, 0.18);
  border-radius: 0 0 2px 2px;
}

.page_editorSectionEmptySlot__YtXe4 {
  padding: 10px 14px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.8rem;
  font-style: italic;
}

/* ── Drag-and-drop ─────────────────────────────────────── */

.page_editorDragHandle__5kcio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: grab;
  color: rgba(255, 255, 255, 0.2);
  font-size: 1rem;
  margin-right: 6px;
  flex-shrink: 0;
  user-select: none;
  transition: color 0.1s;
}

.page_editorDragHandle__5kcio:hover {
  color: rgba(255, 255, 255, 0.5);
}

.page_editorFieldDragging__jK6Bd {
  opacity: 0.35;
  cursor: grabbing;
}

.page_editorFieldDragOver__ipSja {
  border-color: rgba(239, 68, 68, 0.65);
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.18);
}

.page_editorDropZoneEnd__QfGg_ {
  height: 48px;
  border-radius: 10px;
  border: 2px dashed transparent;
  transition: border-color 0.15s, background 0.15s;
  margin-top: 6px;
}

.page_editorDropZoneEnd__QfGg_:hover,
.page_editorDropZoneEnd__QfGg_[data-dragover] {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.05);
}

.page_editorField__eRthH {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.page_editorField__eRthH:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

.page_editorFieldActive__Eth_h {
  border-color: rgba(239, 68, 68, 0.45);
  background: rgba(239, 68, 68, 0.04);
}

.page_editorFieldHeader__OuS_Y {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.page_editorFieldTypeTag__ESqJX {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
}

.page_editorFieldActions__fUH_I {
  display: flex;
  gap: 4px;
}

.page_editorIconBtn__EYVbR {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}

.page_editorIconBtn__EYVbR:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  color: #f4f6fb;
}

.page_editorIconBtn__EYVbR:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.page_editorIconBtnDanger__fcT1h:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.3);
}

.page_editorSectionInput__VArNn {
  font-size: 1.1rem;
  font-weight: 700;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

.page_editorFieldLabelInput__s6cws {
  font-size: 0.95rem;
  width: 100%;
  margin-bottom: 6px;
}

.page_editorFieldExpanded__PmmZA {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.page_editorOptions__6_VJl {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page_editorOptionRow__GKCsy {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page_editorOptionDot__BqO_5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.page_editorOptionInput__Gdsp1 {
  flex: 1;
}

.page_editorAddOptionBtn__d6d30 {
  background: transparent;
  border: none;
  color: rgba(255, 80, 80, 0.75);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 4px 0;
  text-align: left;
  transition: color 0.15s;
}

.page_editorAddOptionBtn__d6d30:hover {
  color: #fca5a5;
}

.page_editorRequiredToggle__aqZvh {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  user-select: none;
}

.page_editorFieldPreview__F7do7 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  pointer-events: none;
}

.page_editorPreviewInput__KOUVD {
  height: 32px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.page_editorPreviewTextarea__fkgbl {
  height: 64px;
}

.page_editorPreviewOption__Hs4oA {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.45);
}

.page_editorPreviewOptionMark__gKa8N {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  flex-shrink: 0;
}

.page_editorPreviewDropdown__n98o0 {
  height: 32px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.page_editorRequiredBadge__NCCmX {
  color: #ef4444;
  font-size: 0.75rem;
  align-self: flex-start;
}

/* Add-field sidebar */
.page_editorAddPanel__3s_yf {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: sticky;
  top: 24px;
  align-self: start;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}

.page_editorAddPanelTitle__8LNAb {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 6px;
}

.page_editorAddFieldBtn__7cGkr {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.83rem;
  padding: 8px 12px;
  text-align: left;
  cursor: pointer;
  transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.page_editorAddFieldBtn__7cGkr:hover {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.25);
  color: #fca5a5;
}

/* ── Form Viewer ─────────────────────────────────────────── */

.page_viewerForm__qqNs5 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: min(1100px, calc(100vw - 48px));
  max-width: 1100px;
  margin: 28px auto 0;
  padding: 0;
}

.page_viewerHeader__C0x8s {
  margin-bottom: 8px;
  padding: 40px 46px;
  width: 100%;
  border-color: color-mix(in srgb, var(--form-accent, #ef4444) 45%, rgba(255, 255, 255, 0.08));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 22%, transparent),
    0 0 42px color-mix(in srgb, var(--form-accent, #ef4444) 16%, transparent),
    0 24px 70px rgba(0, 0, 0, 0.28);
}

.page_viewerFields__8OFpK {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page_viewerSection__TKZhA {
  padding: 20px 24px;
  border: 1px solid color-mix(in srgb, var(--form-accent, #ef4444) 42%, rgba(255, 255, 255, 0.08));
  border-left: 4px solid var(--form-accent, #ef4444);
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--form-accent, #ef4444) 10%, transparent), rgba(255, 255, 255, 0.025));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 10%, transparent),
    0 0 28px color-mix(in srgb, var(--form-accent, #ef4444) 9%, transparent);
}

.page_viewerSectionTitle__6Mls7 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #f4f6fb;
  margin: 0 0 6px;
}

.page_viewerSectionDesc__cBAA5 {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

.page_viewerFieldBlock__KHWlS {
  background: linear-gradient(135deg, color-mix(in srgb, var(--form-accent, #ef4444) 5%, transparent), rgba(255, 255, 255, 0.025));
  border: 1px solid color-mix(in srgb, var(--form-accent, #ef4444) 24%, rgba(255, 255, 255, 0.07));
  border-radius: 12px;
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 7%, transparent),
    0 0 24px color-mix(in srgb, var(--form-accent, #ef4444) 7%, transparent);
}

.page_viewerFieldBlock__KHWlS:focus-within {
  border-color: color-mix(in srgb, var(--form-accent, #ef4444) 55%, rgba(255, 255, 255, 0.08));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 25%, transparent);
}

.page_viewerFieldLabel__PImPd {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  flex-direction: column;
}

.page_viewerFieldLabelRow__7U6lC {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: nowrap;
}

.page_viewerFieldLabel__PImPd > span:first-child {
  font-size: 0.95rem;
  font-weight: 600;
  color: #f4f6fb;
}

.page_viewerRequiredMark__ZFaqn {
  color: var(--form-accent, #ef4444);
  font-size: 0.85rem;
}

.page_viewerDiscordInput__Lu8dB {
  color: rgba(255, 255, 255, 0.72);
  cursor: default;
}

.page_viewerDiscordBlock__l3aOH {
  border-color: color-mix(in srgb, var(--form-accent, #ef4444) 42%, rgba(255, 255, 255, 0.08));
}

.page_viewerFieldDesc__bNFLV {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.45);
  margin: 2px 0 0;
  width: 100%;
}

.page_viewerTextarea__NRk8i {
  resize: vertical;
  min-height: 90px;
}

.page_viewerNumberInput__2kFv5 {
  max-width: 180px;
}

.page_viewerChoices__NYZmC {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page_viewerChoiceLabel__P2_Yi {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  user-select: none;
}

.page_viewerChoiceInput__nscrR {
  accent-color: var(--form-accent, #ef4444);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.page_viewerSubmitRow__cybXk {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 40px;
}

.page_viewerNavRow__Cfhco {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 48px;
  margin-top: 8px;
}

.page_viewerProgress__c_sbl {
  height: 4px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 8px;
}

.page_viewerProgressBar__0W7sh {
  height: 100%;
  background: var(--form-accent, #ef4444);
  border-radius: 2px;
  transition: width 0.3s ease;
}

.page_viewerPageCounter__E1WSb {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.35);
  margin: 0 0 16px;
  text-align: right;
}

.page_viewerSuccess__fA_9E {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  text-align: center;
}

.page_viewerSuccessIcon__Hn4id {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(22, 163, 74, 0.15);
  border: 2px solid rgba(22, 163, 74, 0.4);
  color: #86efac;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.page_viewerSuccessTitle__DaoWv {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f4f6fb;
  margin: 0 0 8px;
}

.page_viewerSuccessText__Z4RVn {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

/* ── Editor: tabs ─────────────────────────────────────────── */

.page_editorTabs__yvRG8 {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 0;
}

.page_editorTab__GzBtZ {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.88rem;
  font-weight: 500;
  padding: 8px 16px;
  cursor: pointer;
  margin-bottom: -1px;
  transition: color 0.15s, border-color 0.15s;
}

.page_editorTab__GzBtZ:hover {
  color: rgba(255, 255, 255, 0.75);
}

.page_editorTabActive__ssxXe {
  color: #f4f6fb;
  border-bottom-color: #ef4444;
}

/* ── Editor: scale/rating config ──────────────────────────── */

.page_editorScaleCfg__EiSD2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page_editorScaleRow__rtbV0 {
  display: flex;
  gap: 16px;
  align-items: center;
}

.page_editorRatingCfg__QWNJ8 {
  display: flex;
  gap: 12px;
  align-items: center;
}

.page_editorCfgLabel__PyJ5N {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.55);
}

.page_editorCfgNumInput__dJBTm {
  width: 64px !important;
  text-align: center;
}

/* ── Editor: image block / upload row ─────────────────────── */

.page_editorImageUploadRow__PeMgC {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 6px;
}

.page_editorImagePreview__FvXnS {
  max-width: 100%;
  max-height: 200px;
  border-radius: 8px;
  object-fit: contain;
  margin-top: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── Editor: collapsed previews (scale / rating) ──────────── */

.page_editorPreviewScale__79Q0j {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.page_editorPreviewScaleDot__nIEjf {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
}

.page_editorPreviewRating__n3YJx {
  display: flex;
  gap: 4px;
}

.page_editorPreviewStar__j_3_C {
  font-size: 1.1rem;
  color: rgba(255, 200, 0, 0.35);
}

/* ── Editor: responses tab ────────────────────────────────── */

.page_editorRespList__7hOYi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.page_editorRespCard__nSqyu {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  overflow: hidden;
}

.page_editorRespCard__nSqyu[open] {
  border-color: rgba(255, 255, 255, 0.12);
}

.page_editorRespSummary__tiOD2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.page_editorRespSummary__tiOD2::-webkit-details-marker { display: none; }

.page_editorRespName__Bjipe {
  font-size: 0.9rem;
  font-weight: 600;
  color: #f4f6fb;
}

.page_editorRespDate__HGKIi {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
}

.page_editorRespAnswers__70TbG {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 10px 0;
}

.page_editorRespAnswer__6n1RB {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 16px;
}

.page_editorRespAnswer__6n1RB + .page_editorRespAnswer__6n1RB {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.page_editorRespAnswerLabel__WzeG_ {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  font-weight: 500;
}

.page_editorRespAnswerValue__hg6Rv {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.8);
}

/* ── Editor: settings tab ─────────────────────────────────── */

.page_editorSettingsCard__GlaXA {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 620px;
  padding: 6px 0 24px;
}

.page_editorSettingsGroup__xcT2g {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page_editorSettingsLabel__5s_I7 {
  font-size: 0.83rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.page_editorSettingsTextarea__RimcO {
  resize: vertical;
  min-height: 80px;
}

.page_editorColorRow__ySsti {
  display: flex;
  gap: 10px;
  align-items: center;
}

.page_editorColorPicker__mNSyR {
  width: 40px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  padding: 2px;
  flex-shrink: 0;
}

.page_editorColorInput__MEH__ {
  width: 120px !important;
  font-family: monospace;
}

.page_editorBannerPreview__Lh_s5 {
  width: 100%;
  height: 180px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 4px;
}

/* ── Google Forms import ──────────────────────────────────── */

.page_editorImportHint__pPRZY {
  font-size: 12px;
  color: rgba(244, 246, 251, 0.45);
  margin: 0 0 10px;
  line-height: 1.5;
}

.page_editorImportRow__XyoCn {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.page_editorImportRow__XyoCn .page_formInput__j2g1R {
  flex: 1;
  min-width: 0;
}

.page_editorImportError__6_8xb {
  margin: 8px 0 0;
  padding: 10px 14px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: 8px;
  color: #fca5a5;
  font-size: 13px;
  line-height: 1.45;
}

.page_editorImportPreview__4e_cz {
  margin-top: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.page_editorImportPreviewTitle__gsSG3 {
  margin: 0;
  padding: 10px 14px;
  font-size: 13px;
  color: rgba(244, 246, 251, 0.7);
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.page_editorImportPreviewTitle__gsSG3 strong {
  color: #f4f6fb;
}

.page_editorImportFieldList__n6xpy {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 240px;
  overflow-y: auto;
}

.page_editorImportFieldItem__GSC5L {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.page_editorImportFieldItem__GSC5L:last-child {
  border-bottom: none;
}

.page_editorImportFieldIcon__LQ_6L {
  font-size: 11px;
  color: rgba(244, 246, 251, 0.4);
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}

.page_editorImportFieldLabel___AWNP {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(244, 246, 251, 0.85);
}

.page_editorImportFieldLabel___AWNP em {
  color: rgba(244, 246, 251, 0.35);
  font-style: italic;
}

.page_editorImportRequired__r8fhS {
  color: #ef4444;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}

.page_editorImportModeRow__gfXXW {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
}

.page_editorImportModeLabel__rM5Q_ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(244, 246, 251, 0.75);
  cursor: pointer;
}

.page_editorImportModeLabel__rM5Q_ input[type='radio'] {
  accent-color: #ef4444;
  cursor: pointer;
}

.page_editorImportActions__15e7y {
  display: flex;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

/* ── Discord webhook preview ───────────────────────────────── */

.page_editorDiscordGrid__BuDwJ {
  display: grid;
  grid-template-columns: minmax(420px, 620px) minmax(340px, 420px) 420px;
  gap: 28px;
  align-items: start;
}

.page_discordMentionPanel__RFk4P {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 22px;
  background: rgba(10, 13, 20, 0.72);
}

.page_discordMentionToggle__QfKWT {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #f4f6fb;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.page_discordMentionToggle__QfKWT input {
  width: 18px;
  height: 18px;
  accent-color: #ef4444;
}

.page_discordRoleInputRow__AsuPp {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-top: 4px;
}

.page_discordRoleList__L9XjC {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  min-height: 34px;
}

.page_discordRoleChip__OybnX {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.08);
  color: #fca5a5;
  font-size: 12.5px;
  font-weight: 700;
}

.page_discordRoleChip__OybnX button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}

.page_discordContentPreview__pauQM {
  margin: 0 0 10px;
  padding: 9px 10px;
  border-radius: 8px;
  background: #313338;
  color: #dbdee1;
  font-size: 13px;
  line-height: 1.35;
  word-break: break-word;
}

.page_discordPreviewPanel__LIh_C {
  position: sticky;
  top: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 14px;
  background: rgba(10, 13, 20, 0.72);
}

.page_discordEmbedPreview__FjNFz {
  display: grid;
  grid-template-columns: 4px 1fr;
  overflow: hidden;
  border-radius: 10px;
  background: #2b2d31;
  color: #f2f3f5;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.page_discordEmbedBar__6vLji {
  background: #ef4444;
}

.page_discordEmbedBody__yyIHS {
  padding: 14px;
}

.page_discordEmbedTitle__B_UkS {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.page_discordEmbedMeta__YLEVX {
  margin: 0 0 12px;
  font-size: 12px;
  color: #b5bac1;
}

.page_discordEmbedFields__n01RM {
  display: grid;
  gap: 10px;
}

.page_discordEmbedField__AvUWF {
  display: grid;
  gap: 3px;
  font-size: 13px;
}

.page_discordEmbedField__AvUWF strong {
  color: #f2f3f5;
  font-weight: 700;
}

.page_discordEmbedField__AvUWF span {
  color: #dbdee1;
  line-height: 1.35;
}

.page_discordEmbedFooter__xIsqP {
  margin: 12px 0 0;
  font-size: 11px;
  color: #949ba4;
}

/* ── Viewer: banner ───────────────────────────────────────── */

.page_viewerBanner__UULMs {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: 4px;
}

.page_editorBannerCropBox__JfBcX {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page_editorRangeInput__UpaSR {
  width: 100%;
  accent-color: var(--form-accent, #ef4444);
}

.page_viewerFormDesc__ZvkiV {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
  margin: 6px 0 0;
}

/* ── Viewer: image block ──────────────────────────────────── */

.page_viewerImageBlock__cbjUx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--form-accent, #ef4444) 30%, rgba(255, 255, 255, 0.09));
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--form-accent, #ef4444) 6%, transparent), rgba(255, 255, 255, 0.025));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 8%, transparent),
    0 0 26px color-mix(in srgb, var(--form-accent, #ef4444) 8%, transparent);
}

.page_viewerImageCaption__RmUDB {
  width: 100%;
  color: #f4f6fb;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  margin-top: 6px;
}

.page_viewerImageDescription__2W5iH {
  width: 100%;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.85rem;
  text-align: center;
  margin-top: 2px;
}

.page_viewerImage__cQOSb {
  max-width: 100%;
  max-height: 460px;
  border-radius: 10px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* ── Viewer: date / time ──────────────────────────────────── */

.page_viewerDateInput__vxRVI,
.page_viewerTimeInput__SfiTS {
  max-width: 220px;
  color-scheme: dark;
}

/* ── Viewer: scale ────────────────────────────────────────── */

.page_viewerScale__CasV3 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.page_viewerScaleEdgeLabel__QvL7V {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
}

.page_viewerScaleOptions__pAZX5 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.page_viewerScaleOption__yW_nq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  user-select: none;
}

.page_viewerScaleOption__yW_nq input[type='radio'] {
  accent-color: var(--form-accent, #ef4444);
  width: 16px;
  height: 16px;
}

/* ── Viewer: rating ───────────────────────────────────────── */

.page_viewerRating__wWuYa {
  display: flex;
  gap: 4px;
}

.page_viewerRatingStar___EMqJ {
  background: transparent;
  border: none;
  font-size: 1.6rem;
  color: rgba(255, 200, 0, 0.25);
  cursor: pointer;
  padding: 2px;
  transition: color 0.1s, transform 0.1s;
  line-height: 1;
}

.page_viewerRatingStar___EMqJ:hover,
.page_viewerRatingStarActive__C1fJ1 {
  color: var(--form-accent, #fbbf24);
  transform: scale(1.1);
}

/* Admin department badge */
.page_adminDeptBadge__1GUDR {
  display: inline-flex;
  align-items: center;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(20, 184, 166, 0.13);
  color: #5eead4;
  border: 1px solid rgba(20, 184, 166, 0.2);
  margin-left: 6px;
}

/* ── 404 Not Found ──────────────────────────────────────── */

.page_notFoundWrapper__ZbghC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 60vh;
  text-align: center;
  padding: 40px 20px;
}

.page_notFoundCode__amNUF {
  font-size: clamp(6rem, 20vw, 12rem);
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.04em;
  user-select: none;
}

.page_notFoundTitle__gt_K7 {
  font-size: clamp(1.4rem, 4vw, 2.2rem);
  font-weight: 700;
  color: #f4f6fb;
  margin: 0;
}

.page_notFoundText__WarbQ {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.45);
  max-width: 360px;
  margin: 0;
  line-height: 1.6;
}

/* ── Editor: image_block wrapper ─────────────────────────── */

.page_editorImageBlockWrapper__bakij {
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  background: rgba(255, 255, 255, 0.02);
}

.page_editorImageBlockPlaceholder__Vlu2q {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  color: rgba(255, 255, 255, 0.18);
  font-size: 2.2rem;
  letter-spacing: 4px;
}

.page_editorDiscordLocked__YK7lX {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.025);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page_editorBranchingBox__KV5rQ {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}

/* ── Editor: field image attachment ─────────────────────── */

.page_editorFieldImageSection__qxD_s {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 4px;
}

.page_editorFieldImageRow__IE3vH {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.page_editorFieldImagePreview__ElLgz {
  max-width: 100%;
  max-height: 220px;
  border-radius: 8px;
  object-fit: contain;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── Viewer: question image ──────────────────────────────── */

.page_viewerFieldImage__BInsk {
  max-width: 100%;
  max-height: 320px;
  border-radius: 8px;
  object-fit: contain;
  margin-top: 6px;
  display: block;
}

/* ── Viewer: accent-color on primary buttons ─────────────── */

.page_viewerForm__qqNs5 .page_primaryButton__gjjaG {
  background: var(--form-accent, #ef4444);
  border-color: color-mix(in srgb, var(--form-accent, #ef4444) 75%, white);
  box-shadow: 0 16px 32px color-mix(in srgb, var(--form-accent, #ef4444) 28%, transparent);
}

.page_viewerForm__qqNs5 .page_secondaryButton__0Pzex {
  border-color: color-mix(in srgb, var(--form-accent, #ef4444) 32%, rgba(255, 255, 255, 0.16));
}

.page_viewerForm__qqNs5 input:focus,
.page_viewerForm__qqNs5 textarea:focus,
.page_viewerForm__qqNs5 select:focus {
  border-color: var(--form-accent, #ef4444);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--form-accent, #ef4444) 45%, transparent);
}

/* ── Viewer: final responsive overrides ──────────────────── */

@media (max-width: 820px) {
  .page_editorDiscordGrid__BuDwJ {
    grid-template-columns: 1fr;
  }

  .page_discordPreviewPanel__LIh_C {
    position: static;
  }

  .page_viewerForm__qqNs5 {
    width: calc(100vw - 12px);
    max-width: calc(100vw - 12px);
    gap: 12px;
    padding: 0;
    margin-top: 12px;
  }

  .page_viewerHeader__C0x8s {
    padding: 22px 18px;
  }

  .page_viewerFieldBlock__KHWlS,
  .page_viewerSection__TKZhA,
  .page_viewerImageBlock__cbjUx {
    padding: 16px;
    border-radius: 14px;
  }

  .page_viewerBanner__UULMs {
    max-height: 220px;
    border-radius: 14px;
  }

  .page_viewerImage__cQOSb,
  .page_viewerFieldImage__BInsk {
    max-height: 280px;
  }

  .page_viewerNavRow__Cfhco {
    gap: 10px;
    padding-bottom: 28px;
  }

  .page_viewerNavRow__Cfhco .page_primaryButton__gjjaG,
  .page_viewerNavRow__Cfhco .page_secondaryButton__0Pzex {
    min-height: 46px;
    padding: 0 16px;
    font-size: 0.82rem;
  }
}

@media (max-width: 520px) {
  .page_viewerForm__qqNs5 {
    width: calc(100vw - 8px);
    max-width: calc(100vw - 8px);
    margin-top: 8px;
  }

  .page_viewerHeader__C0x8s {
    padding: 20px 16px;
  }

  .page_viewerFieldBlock__KHWlS,
  .page_viewerSection__TKZhA,
  .page_viewerImageBlock__cbjUx {
    padding: 14px;
  }

  .page_viewerFieldLabelRow__7U6lC {
    flex-wrap: wrap;
  }

  .page_viewerNavRow__Cfhco {
    flex-wrap: wrap;
  }

  .page_viewerNavRow__Cfhco > div {
    display: none;
  }

  .page_viewerNavRow__Cfhco .page_primaryButton__gjjaG,
  .page_viewerNavRow__Cfhco .page_secondaryButton__0Pzex {
    flex: 1 1 100%;
  }

  .page_viewerScale__CasV3 {
    align-items: flex-start;
    flex-direction: column;
  }

  .page_viewerScaleOptions__pAZX5 {
    flex-wrap: wrap;
  }
}