body:has(.account-manager[open]){overflow:hidden}
.account-manager.shield-prompt{width:min(540px,calc(100vw - 32px))}.shield-prompt .manager-body{padding:24px 28px}.shield-prompt label{display:block;margin-top:22px}.shield-prompt .shield-code{font-size:24px;letter-spacing:.2em;text-align:center;margin-top:9px}.shield-prompt [role=status]{min-height:2.5em;font-size:13px;color:#b8c9e6}.shield-prompt .actions{flex-wrap:wrap}
.account-manager{padding:0;width:min(810px,calc(100vw - 32px));max-height:min(850px,90vh);border:1px solid #4a4768;border-radius:19px;background:#151c2b;color:#e7e9f4;box-shadow:0 32px 120px #000b,0 0 0 1px #ffffff06;overflow:auto}
.account-manager::backdrop{background:#070b16b8;backdrop-filter:blur(7px)}
.account-manager[open]{animation:manager-in .18s ease-out}
.manager-heading{display:flex;align-items:center;gap:17px;padding:26px 28px;background:linear-gradient(120deg,#2d2949,#1a2b40);border-bottom:1px solid #3b405b}.manager-heading .feature-icon{background:linear-gradient(140deg,#7160bc,#443d72);border-color:#a18ad8;color:#e8dcff;width:51px;height:53px;border-radius:15px}.manager-heading h2{font-size:22px;letter-spacing:-.5px}.manager-heading .eyebrow{color:#b0a0d4}.manager-heading .muted{margin:6px 0 0;font-size:12px}.modal-close{margin-left:auto;align-self:flex-start;background:#ffffff08;border:1px solid #ffffff12;color:#b9c2d7;font-size:24px;width:33px;height:33px;padding:0;border-radius:9px;line-height:1}.modal-close:hover{background:#ffffff15}
.manager-body{padding:23px 28px}.manager-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.manager-toolbar>span{font-size:11px;color:#8495b1}.manager-toolbar button{background:linear-gradient(120deg,#a18af5,#7d6dde);border:1px solid #b29dfc;border-radius:8px;font-size:11px;padding:10px 13px}.managed-accounts{display:flex;flex-direction:column;gap:10px}.managed-account{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #303d54;border-radius:11px;background:linear-gradient(110deg,#202d41,#1b2437)}.managed-account .avatar{width:40px;height:43px;border-radius:11px}.managed-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.managed-name strong{font-size:14px;overflow-wrap:anywhere}.managed-name small{color:#92a2ba;font-size:10px}.managed-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#99a6bc;white-space:nowrap}.managed-status .dot{background:#708198}.managed-status.online{color:#7cd4b7}.managed-status.online .dot{background:#7cd4b7}.managed-account button{font-size:10px;background:#29374d;border-color:#425572;color:#bdd7f2}.managed-account button .ui-icon{width:14px;height:14px}.manager-footer{display:flex;align-items:center;gap:9px;padding:16px 28px;background:#111827;border-top:1px solid #2b354b;color:#7e8ba4;font-size:10px}.manager-footer .ui-icon{width:14px;height:14px;color:#a295c7}.manager-empty{text-align:center;padding:35px 15px;color:#8796b0}.manager-empty>.ui-icon{width:33px;height:33px;margin-bottom:13px;color:#bba3ff}.manager-empty h3{font-size:17px;color:#c4cce0}.manager-empty p{font-size:12px}.account-manager .add-account{background:#111b2b;border:1px solid #42506a;border-radius:11px;padding:19px;margin-bottom:20px}.account-manager .add-account h2{font-size:15px}.account-manager .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.account-manager .plain-fieldset{min-width:0}.account-manager .check{margin:14px 0}.empty-state button{margin-top:12px}.account-manager :focus-visible{outline:2px solid #b69cff;outline-offset:3px}
@keyframes manager-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.account-manager[open]{animation:none}}
@media(max-width:620px){.manager-heading{padding:20px 17px;gap:11px}.manager-heading h2{font-size:18px}.manager-heading .muted{font-size:10px}.manager-heading .feature-icon{width:39px;height:42px}.manager-body{padding:18px 15px}.manager-toolbar{gap:10px}.manager-toolbar>span{font-size:10px;max-width:120px;line-height:1.6}.manager-toolbar button{font-size:10px}.managed-account{flex-wrap:wrap;gap:10px;padding:13px}.managed-name{min-width:140px}.managed-status{margin-left:50px;flex:1}.account-manager .form-grid{grid-template-columns:1fr}.manager-footer{padding:14px 17px;line-height:1.6;font-size:9px}.modal-close{flex-shrink:0}}

.managed-mode{font-size:10px;color:#92a2ba;display:flex;flex-direction:column;gap:5px;min-width:130px}.managed-mode select{font-size:11px;padding:8px;min-width:0}.managed-account{flex-wrap:wrap}

.open-account-row{display:flex;align-items:center;gap:3px}.open-account-row .account-select{flex:1;min-width:0}.close-account{flex:0 0 25px;width:25px;height:29px;padding:0;background:transparent;border:0;color:#929eb5;font-size:21px}.close-account:hover{background:#593047;color:#ffb8c5}
.open-account-row{position:relative;display:block}.open-account-row .account-select{width:100%;padding-right:28px}.open-account-row .close-account{position:absolute;right:4px;top:3px;width:22px;height:22px;font-size:17px;border-radius:5px}