.manage-page { background:#000; color:#aaa0b7; min-height:100vh; }
.manage-page :focus-visible { outline:2px solid #a17bff; outline-offset:4px; }
.manage-header .parent-link { display:inline-flex; align-items:center; gap:7px; }
.manage-main { max-width:656px; padding:0 32px; margin:0 auto; }
.manage-heading { text-align:center; padding:42px 0 36px; }
.manage-eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; color:#a393b7; font-size:12px; }
.manage-eyebrow>span { width:5px; height:5px; border-radius:50%; background:#9f79ff; box-shadow:0 0 12px #7b48ff80; }
.manage-heading h1 { margin:0 0 14px; font-size:32px; line-height:1.3; letter-spacing:-1.1px; font-weight:400; }
.manage-heading h1>span { color:#b29bdc; text-shadow:0 0 30px #7b48ff26; }
.manage-heading>p:last-child { margin:0; color:#8d8596; font-size:14px; line-height:1.8; }
.management-surface { overflow:hidden; border:1px solid #3c2c50; border-radius:28px; background:radial-gradient(ellipse at 90% 0,#7b48ff10,transparent 58%),#08070b; box-shadow:0 0 65px #7b48ff0a; transition:border-color .3s,box-shadow .3s; }
.management-surface:hover { border-color:#594074; box-shadow:0 0 60px #7b48ff13; }
.management-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:20px 26px; border-bottom:1px solid #302339; background:#ffffff02; }
.toolbar-label { font-size:12px; color:#ab9abf; }
.provider-panel { padding:30px 28px 26px; animation:provider-in .25s ease both; }
.provider-panel:focus-visible { outline-offset:-5px; border-radius:16px; }
.provider-heading { display:flex; align-items:center; gap:13px; margin-bottom:20px; }
.provider-symbol { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border:1px solid #7b48ff3a; border-radius:14px; color:#baa0ef; background:linear-gradient(135deg,#7b48ff19,#7b48ff04); box-shadow:inset 0 1px 0 #ffffff05; }
.provider-kicker { margin:0 0 3px; font-size:11px; color:#8d7e9f; }
.provider-heading h2 { margin:0; font-size:22px; line-height:1.2; font-weight:400; letter-spacing:-.6px; color:#e0d8eb; }
.provider-badge { margin-left:auto; padding:6px 9px; border:1px solid #423151; border-radius:999px; color:#ab91c9; background:#7b48ff09; font-size:10px; white-space:nowrap; }
.provider-description { margin:0 0 24px; font-size:14px; line-height:1.75; color:#aca0b9; }
.management-steps { list-style:none; margin:0 0 26px; padding:0; display:grid; gap:22px; }
.management-steps>li { display:flex; align-items:flex-start; gap:13px; }
.step-number { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; border:1px solid #392946; border-radius:50%; background:#7b48ff09; color:#b296d8; font-size:10px; font-variant-numeric:tabular-nums; }
.management-steps h3 { margin:2px 0 6px; font-size:13px; line-height:1.6; font-weight:400; color:#cfc1de; }
.management-steps p { margin:0; font-size:12px; line-height:1.8; color:#94869f; }
.provider-actions { padding-top:23px; border-top:1px solid #2b2233; }
.manage-action { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:13px 17px; min-height:44px; border:1px solid #7b48ff55; border-radius:999px; background:linear-gradient(110deg,#7b48ff1f,#7b48ff0b); color:#d9c8ef; font-size:13px; transition:background .25s,border-color .25s,box-shadow .25s; }
.manage-action>svg { flex-shrink:0; color:#aa85e9; transition:transform .25s; }
.manage-action:hover { color:#eee1ff; border-color:#7b48ff90; background:#7b48ff26; box-shadow:0 0 25px #7b48ff20; }
.manage-action:hover>svg { transform:translate(1px,-1px); }
.action-note { margin:11px 0 0; text-align:center; color:#887997; font-size:11px; line-height:1.75; }
.renewal-note { display:flex; align-items:flex-start; gap:10px; padding:17px 26px 20px; border-top:1px solid #302339; background:#7b48ff06; }
.renewal-note>svg { flex-shrink:0; margin-top:2px; color:#a082cc; }
.renewal-note>p { margin:0; color:#9986aa; font-size:11px; line-height:1.85; }
.pay-once-note { display:flex; align-items:flex-start; gap:14px; margin:28px 0 0; padding:22px 24px; border:1px solid #29222f; border-radius:20px; background:#0b080f; }
.once-icon { color:#a18abf; flex-shrink:0; margin-top:1px; }
.pay-once-note h2 { margin:0 0 7px; font-size:13px; line-height:1.6; letter-spacing:0; font-weight:400; color:#c5b6d5; }
.pay-once-note p { margin:0; color:#897c94; font-size:12px; line-height:1.8; }
.management-support { margin:38px auto 0; text-align:center; }
.management-support>p { margin:0 0 9px; color:#8d8199; font-size:12px; }
.management-support>a { display:inline-flex; align-items:center; gap:8px; color:#bda2e9; font-size:14px; }
.management-support>a:hover { color:#e0caff; text-shadow:0 0 18px #7b48ff40; }
.management-support>span { display:block; margin-top:12px; color:#7e718a; font-size:11px; line-height:1.8; }
.manage-back { display:flex; align-items:center; justify-content:center; gap:8px; width:max-content; margin:26px auto 44px; color:#94809f; font-size:12px; }
.manage-back:hover { color:#cab3e8; }
.manage-footer { max-width:880px; border-top-color:#251c2e; }
.manage-footer nav { display:flex; gap:20px; font-size:12px; color:#998ba4; }
.manage-footer nav>a:hover { color:#cbb3ec; }
.legacy-notice { padding:18px 20px; margin:0 0 24px; border:1px solid #614573; border-radius:18px; background:#7b48ff0f; color:#b9a4c9; font-size:13px; line-height:1.8; }
.legacy-notice a { color:#d0b6ef; text-decoration:underline; text-underline-offset:3px; }
.manage-page [hidden] { display:none!important; }
@keyframes provider-in { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:none; } }
@media(max-width:650px) { .manage-main { padding:0 24px; }.manage-heading { padding:32px 0 28px; }.manage-heading h1 { font-size:28px; }.manage-header .parent-link { display:none; } }
@media(max-width:480px) { .management-toolbar { padding:18px 20px; }.provider-panel { padding:25px 20px 23px; }.provider-heading { flex-wrap:wrap; gap:11px; }.provider-badge { font-size:9px; padding:5px 7px; }.renewal-note { padding:17px 20px; }.pay-once-note { margin-top:24px; padding:20px; } }
@media(max-width:360px) { .manage-main { padding:0 18px; }.management-toolbar { gap:12px; }.provider-badge { margin-left:55px; }.manage-footer { gap:12px; }.manage-footer nav { margin-left:0; }.manage-action { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .provider-panel { animation:none; }.manage-action,.manage-action>svg,.management-surface { transition:none; }.manage-action:hover>svg { transform:none; } }