body.manage-entry {
  --manage-plum: #261c3e;
  --manage-lilac: #6d4fd8;
  --manage-magenta: #b83d8f;
  --manage-border: #ded6ed;
  align-items: center;
  padding: 30px 24px 24px;
}
.manage-entry .staff-entry-shell { width: min(100%, 1000px); max-width: 1000px; gap: 0; }
body.manage-entry::after { inset: -16px 24px 16px -24px; }
.manage-entry .manage-entry-header { align-items: center; padding: 0 2px; gap: 20px; }
.manage-entry .manage-entry-nav { gap: 26px; }
.manage-entry-nav a { position: relative; font-size: 12px; }
.manage-entry-nav a:hover { color: var(--mint-dark); }
.manage-entry-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 2px; border-radius: 2px; background: var(--brand-gradient); }
.manage-entry-main { padding: 28px 0 0; }
.manage-welcome { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 1fr); align-items: center; gap: 28px; min-height: 236px; margin-bottom: 20px; }
.manage-welcome-copy { padding-bottom: 5px; }
.manage-caption { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; color: #655580; font-size: 12px; font-weight: 600; }
.manage-caption > span { width: 7px; height: 7px; border-radius: 50%; background: var(--manage-magenta); box-shadow: 0 0 0 5px #b83d8f12; }
.manage-welcome h1 { margin: 0; color: var(--manage-plum); font-family: var(--heading); font-size: clamp(46px, 5.2vw, 66px); font-weight: 700; line-height: .99; letter-spacing: -3.4px; }
.manage-entry-lede { max-width: 420px; margin: 18px 0 0; color: #685d7a; font-size: 14px; line-height: 1.7; }
.manage-workspace-art { position: relative; width: 100%; height: 236px; isolation: isolate; overflow: clip; }
.manage-art-orbit { position: absolute; width: 275px; height: 215px; top: 14px; left: 54px; border: 1px solid #b9a6df60; border-radius: 50%; background: radial-gradient(ellipse at center, #d4c6f85c, #f4e8fb12 65%, transparent 70%); transform: rotate(-22deg); }
.manage-art-orbit::before { content: ""; position: absolute; inset: -17px; border: 1px solid #c9bce53b; border-radius: 50%; }
.manage-art-connection { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.manage-art-connection path { stroke: #b8a5d84d; stroke-width: 1.1; }
.manage-art-connection .manage-art-trace { stroke: #a585d1; stroke-width: 1.6; stroke-dasharray: 5 11; stroke-linecap: round; animation: manage-path-travel 16s linear infinite; }
.manage-workspace-window { position: absolute; width: 236px; height: 163px; top: 46px; left: 76px; border: 1px solid #fff; border-radius: 15px; background: #fffc; box-shadow: 0 20px 35px #46325b18, 0 2px 6px #46325b0b; transform: rotate(-6deg); animation: manage-window-float 7s ease-in-out infinite; overflow: hidden; }
.manage-window-top { display: flex; align-items: center; gap: 6px; height: 37px; padding: 0 11px; border-bottom: 1px solid #e5dff1; background: #fff; }
.manage-window-top > span { color: #7a6c8b; font-size: 9px; font-weight: 600; }
.manage-window-dots { display: flex; gap: 3px; margin-left: auto; }
.manage-window-dots i { width: 3px; height: 3px; border-radius: 50%; background: #cfc2e6; }
.manage-window-content { display: flex; height: 126px; }
.manage-window-sidebar { display: grid; align-content: start; gap: 10px; width: 34px; flex-shrink: 0; padding: 16px 10px; border-right: 1px solid #e5dff1; background: #f9f6ff; }
.manage-window-sidebar span { height: 4px; border-radius: 2px; background: #d3c7e8; }
.manage-window-sidebar span:first-child { background: var(--manage-lilac); }
.manage-window-board { width: 100%; padding: 12px 14px; }
.manage-window-heading { width: 60px; height: 5px; margin-bottom: 10px; border-radius: 4px; background: #847099; }
.manage-window-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 9px; }
.manage-window-tiles span { display: flex; align-items: center; height: 34px; padding: 8px; border: 1px solid #e5dcf6; border-radius: 7px; color: #9b7dcc; background: #f4efff; }
.manage-window-tiles span + span { border-color: #f3dfec; background: #fbf1f6; color: #c783aa; }
.manage-window-tiles svg { width: 15px; height: 15px; }
.manage-window-row { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.manage-window-row i { width: 10px; height: 10px; border-radius: 3px; background: #eadff9; }
.manage-window-row span { height: 3px; width: 62px; border-radius: 2px; background: #dbd1e6; }
.manage-window-row b { width: 18px; height: 5px; margin-left: auto; border-radius: 2px; background: #e9e2f1; }
.manage-art-pass { position: absolute; display: flex; align-items: center; gap: 8px; padding: 10px 12px 10px 10px; border: 1px solid #ffffffda; border-radius: 13px; box-shadow: 0 9px 23px #49305d14; backdrop-filter: blur(8px); animation: manage-pass-float 6s ease-in-out infinite; }
.manage-art-pass > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; }
.manage-art-pass > span svg { width: 18px; height: 18px; }
.manage-art-pass > div { display: grid; gap: 3px; }
.manage-art-pass strong { font-family: var(--heading); font-size: 12px; }
.manage-art-pass small { font-size: 8px; }
.manage-art-pass .manage-pass-check { width: 15px; height: 15px; margin-left: 7px; }
.manage-art-owner { left: 22px; top: 12px; color: #fff; border-color: #625079; background: linear-gradient(135deg, #302145, #51376c); transform: rotate(-3deg); }
.manage-art-owner > span { color: #f1cf82; background: #ffffff17; }
.manage-art-owner small { color: #dbd1e8; }
.manage-art-owner .manage-pass-check { color: #dfcefc; }
.manage-art-staff { right: 8px; bottom: 10px; background: #fffdfdf2; color: #49335f; transform: rotate(4deg); animation-delay: -2.5s; }
.manage-art-staff > span { color: var(--manage-lilac); background: #eee6fb; }
.manage-art-staff small { color: #766784; }
.manage-art-staff .manage-pass-check { color: var(--manage-lilac); }
.manage-art-spark { position: absolute; color: #b88b48; font-family: var(--heading); font-size: 24px; animation: manage-spark-turn 8s ease-in-out infinite; }
.manage-art-spark-one { right: 46px; top: 18px; }
.manage-art-spark-two { left: 28px; bottom: 34px; color: #a58bc8; font-size: 17px; animation-delay: -4s; }
.manage-role-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.manage-role-heading h2 { margin: 0; font-size: 15px; font-weight: 600; color: #554465; }
.manage-role-heading > span { color: #81748f; font-size: 11px; }
.manage-entry .manage-entry-options { gap: 20px; }
.manage-entry .manage-entry-option { position: relative; display: flex; min-width: 0; padding: 23px 28px 20px; border-radius: 22px; isolation: isolate; overflow: hidden; }
.manage-entry .manage-owner-option { border-color: #38264e; color: #fff; background: linear-gradient(135deg, #241b37, #39234f 72%, #4b305f); box-shadow: 0 16px 35px #35204418; }
.manage-owner-option::after { content: ""; position: absolute; z-index: -1; width: 250px; height: 250px; right: -120px; top: -115px; border: 1px solid #ffffff12; border-radius: 50%; box-shadow: 0 0 0 22px #ffffff04, 0 0 0 44px #ffffff03; }
.manage-entry .manage-staff-option { border-color: #ffffffde; background: #fffdfde0; box-shadow: 0 12px 35px #46325b0b, inset 0 0 0 1px #ece5f6; backdrop-filter: blur(12px); }
.manage-option-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; }
.manage-entry .manage-entry-icon { width: 40px; height: 40px; border-radius: 12px; }
.manage-entry-icon svg { width: 22px; height: 22px; }
.manage-owner-option .manage-entry-icon { color: #edce8c; background: #ffffff10; border: 1px solid #ffffff12; }
.manage-staff-option .manage-entry-icon { color: var(--manage-lilac); background: #eee7fb; }
.manage-role-tag { color: #8a7b98; font-size: 10px; font-weight: 500; }
.manage-owner-option .manage-role-tag { color: #c4b5d8; }
.manage-entry-option h3 { margin: 14px 0 8px; font-family: var(--heading); font-size: 29px; font-weight: 600; letter-spacing: -.9px; line-height: 1.12; }
.manage-entry .manage-entry-option p { flex: 1; max-width: 345px; margin: 0; color: #6e5e7c; font-size: 13px; line-height: 1.65; }
.manage-entry .manage-owner-option p { color: #d1c3e0; }
.manage-option-features { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 16px; padding: 0; list-style: none; }
.manage-option-features li { padding: 5px 9px; border: 1px solid #e6def0; border-radius: 7px; color: #7c688c; font-size: 10px; font-weight: 500; line-height: 1.2; }
.manage-owner-option .manage-option-features li { border-color: #ffffff19; color: #e1d5ec; background: #ffffff05; }
.manage-entry .manage-entry-option :is(.primary-button, .secondary-button) { min-height: 48px; padding: 0 17px; border-radius: 12px; font-size: 12px; font-weight: 700; }
.manage-entry-option :is(.primary-button, .secondary-button) svg { width: 18px; height: 18px; flex: 0 0 auto; }
.manage-owner-option .primary-button { border: 1px solid #ffffff15; background: #fff; color: #3c2455; box-shadow: 0 8px 20px #130b251f; }
.manage-owner-option .primary-button:hover { background: #f0e8fc; box-shadow: 0 10px 24px #130b2529; }
.manage-staff-option .secondary-button { border-color: #d9caed; background: #f4effc; color: #654196; }
.manage-staff-option .secondary-button:hover { border-color: #b6a1d6; background: #ebe2f9; }
.manage-entry .manage-entry-option small { margin-top: 11px; font-size: 10px; line-height: 1.5; color: #8a7a98; }
.manage-entry .manage-owner-option small { color: #bcaccd; }
.manage-entry-status { margin-top: 18px; }
.manage-entry-status:not(:has(> :not([hidden]))) { display: none; }
.manage-entry .manage-entry-notice { max-width: none; margin: 0; padding: 12px 15px; border: 1px solid #dfd5ed; border-radius: 11px; color: #75637f; background: #faf7ff94; font-size: 11px; line-height: 1.6; }
.manage-entry-status .text-button { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 4px 0; margin-top: 2px; font-size: 11px; text-decoration: none; }
.manage-entry-status .text-button:hover { text-decoration: underline; }
.manage-entry .manage-entry-footer { align-items: center; flex-direction: row; gap: 16px; margin-top: 23px; padding-top: 15px; border-top: 1px solid #d9ceeb; font-size: 10px; }
.manage-entry-footer .manage-access-note { display: inline-flex; align-items: center; gap: 6px; color: #81718f; }
.manage-access-note svg { width: 14px; height: 14px; flex-shrink: 0; color: #8c73b0; }
.manage-entry-footer .staff-footer-links { gap: 20px; }
.manage-entry-footer .staff-footer-links a { display: inline-flex; align-items: center; min-height: 32px; }
.manage-welcome-copy, .manage-role-section { animation: manage-reveal .65s ease-out both; }
.manage-role-section { animation-delay: .1s; }
@keyframes manage-path-travel { to { stroke-dashoffset: -320; } }
@keyframes manage-window-float { 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-7px); } }
@keyframes manage-pass-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
@keyframes manage-spark-turn { 0%, 100% { transform: rotate(0); opacity: .6; } 50% { transform: rotate(40deg); opacity: 1; } }
@keyframes manage-reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 1500px) { .manage-entry-main { padding-top: 38px; } .manage-welcome { margin-bottom: 38px; } }
@media (max-width: 820px) {
  body.manage-entry { padding: 24px 22px; }
  .manage-entry .staff-entry-shell { width: min(100%, 1000px); }
  .manage-welcome { grid-template-columns: minmax(0, 1.2fr) minmax(235px, 1fr); gap: 10px; }
  .manage-welcome h1 { font-size: 53px; letter-spacing: -2.7px; }
  .manage-workspace-art { width: 330px; justify-self: end; scale: .83; transform-origin: right center; }
  .manage-entry-lede { font-size: 13px; }
  .manage-desktop-break { display: none; }
  .manage-entry .manage-entry-option { padding: 23px; }
}
@media (max-width: 640px) {
  body.manage-entry { padding: 20px 18px 18px; }
  .manage-entry .staff-entry-shell { max-width: 480px; }
  .manage-entry .manage-entry-header { flex-direction: row; flex-wrap: wrap; gap: 17px; align-items: center; }
  .manage-entry .manage-entry-nav { justify-content: space-between; width: 100%; gap: 15px; padding-bottom: 10px; border-bottom: 1px solid #ded4ee; }
  .manage-entry-nav a { min-height: 32px; font-size: 11px; }
  .manage-entry-nav a[aria-current="page"]::after { bottom: -11px; }
  .manage-entry-main { padding: 22px 0 0; }
  .manage-welcome { position: relative; display: block; min-height: 225px; margin-bottom: 19px; }
  .manage-welcome-copy { position: relative; z-index: 1; padding: 0; }
  .manage-caption { gap: 7px; margin-bottom: 13px; font-size: 10px; }
  .manage-caption > span { width: 5px; height: 5px; box-shadow: 0 0 0 4px #b83d8f12; }
  .manage-welcome h1 { max-width: 290px; font-size: 45px; letter-spacing: -2.3px; }
  .manage-entry-lede { max-width: 210px; margin-top: 14px; font-size: 12px; line-height: 1.7; }
  .manage-workspace-art { position: absolute; z-index: 0; width: 330px; height: 250px; right: -10px; bottom: -10px; scale: .46; transform-origin: right bottom; }
  .manage-art-orbit { opacity: .65; }
  .manage-role-heading { margin-bottom: 12px; }
  .manage-role-heading h2 { font-size: 13px; }
  .manage-role-heading > span { font-size: 9px; }
  .manage-entry .manage-entry-options { grid-template-columns: 1fr; gap: 13px; }
  .manage-entry .manage-entry-option { display: grid; grid-template-columns: 33px minmax(0, 1fr); align-items: center; gap: 0 10px; padding: 18px 21px 16px; border-radius: 18px; }
  .manage-option-top { display: contents; }
  .manage-entry .manage-entry-icon { width: 33px; height: 33px; grid-column: 1; grid-row: 1; border-radius: 10px; }
  .manage-entry-icon svg { width: 19px; height: 19px; }
  .manage-role-tag { display: none; }
  .manage-entry-option h3 { grid-column: 2; grid-row: 1; margin: 0; font-size: 27px; }
  .manage-entry .manage-entry-option p { grid-column: 1 / -1; max-width: none; margin: 10px 0 14px; font-size: 12px; }
  .manage-option-features { display: none; }
  .manage-option-features li { padding: 4px 7px; font-size: 9px; }
  .manage-entry .manage-entry-option :is(.primary-button, .secondary-button) { grid-column: 1 / -1; min-height: 46px; margin: 0; font-size: 12px; }
  .manage-entry .manage-entry-option small { grid-column: 1 / -1; margin-top: 9px; font-size: 9px; }
  .manage-entry-status { margin-top: 14px; }
  .manage-entry .manage-entry-notice { padding: 10px 12px; font-size: 10px; }
  .manage-entry .manage-entry-footer { flex-direction: column; align-items: flex-start; gap: 5px; margin-top: 18px; padding-top: 12px; }
  .manage-entry-footer .staff-footer-links { justify-content: space-between; width: 100%; gap: 15px; }
}
@media (max-width: 359px) {
  body.manage-entry { padding: 18px 14px; }
  .manage-welcome h1 { font-size: 40px; letter-spacing: -2px; }
  .manage-welcome { min-height: 218px; margin-bottom: 18px; }
  .manage-entry-lede { max-width: 176px; }
  .manage-workspace-art { right: -8px; bottom: -11px; scale: .37; }
  .manage-role-heading { flex-wrap: wrap; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .manage-workspace-art *, .manage-welcome-copy, .manage-role-section { animation: none !important; }
  .manage-entry :is(a, button) { transition: none !important; }
}