.account-dialog { width: min(820px,calc(100vw - 30px)); max-height: min(820px,calc(100dvh - 30px)); overflow: hidden; padding: 0; border: 1px solid #1d6b8d; border-radius: 18px; color: #e8f7ff; background: radial-gradient(circle at 92% 0,rgba(26,142,183,.24),transparent 32%), linear-gradient(155deg,#0c3049,#071f34 68%); box-shadow: 0 28px 90px rgba(0,9,20,.6); }
.account-dialog::backdrop { background: rgba(0,12,27,.72); backdrop-filter: blur(7px); }
.dialog-topbar { height: 68px; padding: 0 20px; display: flex; align-items: center; border-bottom: 1px solid rgba(79,165,198,.25); }
.dialog-topbar > span { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: 3px; }
.dialog-topbar strong { font-size: 16px; }
.dialog-topbar small { color: #83b2c9; font-size: 11px; }
.dialog-close { width: 34px; height: 34px; border: 1px solid rgba(92,164,194,.24); border-radius: 10px; color: #9cc5d8; background: rgba(11,66,92,.55); cursor: pointer; font-size: 22px; line-height: 1; }
.dialog-close:hover { color: #fff; border-color: #3b9fc4; background: #124f6b; }
.dialog-intro { margin: 16px 18px 12px; padding: 11px 13px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(35,141,177,.32); border-radius: 11px; background: rgba(9,57,82,.62); }
.shield-icon { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #77f0d5; background: rgba(30,174,150,.15); font-weight: 900; }
.dialog-intro p { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.dialog-intro strong { color: #c9f2ff; font-size: 11px; }
.dialog-intro small { color: #83aec2; font-size: 10px; line-height: 1.5; }
.manager-heading { padding: 0 20px 8px; display: flex; justify-content: space-between; color: #9bc7db; font-size: 11px; }
.manager-heading small { color: #5e9ab7; }
.saved-account-list { max-height: min(430px,calc(100dvh - 344px)); min-height: 120px; overflow-y: auto; padding: 0 18px; display: grid; gap: 8px; }
.saved-profile { min-height: 62px; padding: 8px 9px; display: grid; grid-template-columns: 24px 40px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 1px solid rgba(51,125,155,.45); border-radius: 11px; color: #eaf8ff; background: rgba(11,54,77,.76); }
.saved-profile.active { border-color: #20bbc6; box-shadow: inset 0 0 0 1px rgba(32,187,198,.18); background: rgba(12,68,88,.9); }
.saved-profile .number { color: #58b8d8; text-align: center; font-size: 10px; }
.saved-profile .avatar-frame { width: 40px; height: 40px; border-color: #27657e; border-radius: 50%; }
.saved-profile .profile-info { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.saved-profile .profile-info strong, .saved-profile .profile-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.saved-profile .profile-info strong { font-size: 12px; }
.saved-profile .profile-info small { color: #7faec3; font-size: 9px; }
.saved-profile button { height: 30px; padding: 0 9px; border: 1px solid #3184a4; border-radius: 8px; color: #d7f6ff; background: #104561; cursor: pointer; font-size: 10px; }
.saved-profile button:hover:not(:disabled) { background: #16769a; border-color: #37b7c7; }
.saved-profile button:disabled { color: #6f9aab; border-color: #24596f; cursor: default; opacity: .75; }
.profile-actions { display: flex; gap: 7px; align-items: center; }
.saved-profile .delete-account { color: #ffc2cc; border-color: #8f3e55; background: #5f2539; }
.saved-profile .delete-account:hover:not(:disabled) { border-color: #d85e78; background: #8b3049; }
.account-dialog .empty-state { min-height: 120px; color: #78a5bb; }
.account-dialog .empty-state .empty-icon { width: 44px; height: 44px; margin-bottom: 8px; color: #59aecd; border-color: #265f79; background: #0c3b55; box-shadow: none; }
.account-dialog .empty-state strong { color: #b8ddeb; }
.account-dialog .empty-state p { margin-top: 4px; color: #78a5bb; }
.login-button { width: calc(100% - 36px); height: 42px; margin: 15px 18px 0; border: 1px solid #28aec1; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#158aac,#11657f); cursor: pointer; font-size: 12px; font-weight: 800; }
.login-button:hover:not(:disabled) { filter: brightness(1.12); }
.login-button:disabled { opacity: .55; cursor: wait; }
.helper-download { display: block; margin: 10px auto 17px; color: #58c4e7; text-align: center; text-decoration: none; font-size: 10px; }
.helper-download:hover { color: #99e7ff; text-decoration: underline; }
.login-progress { min-height: 48px; margin: -5px 18px 16px; padding: 9px 12px; place-items: center; border: 1px dashed #2b7b9c; border-radius: 9px; color: #a7d3e4; background: rgba(6,46,68,.75); text-align: center; font-size: 10px; line-height: 1.5; }
.login-progress:not([hidden]) { display: grid; }
.group-dialog { width: min(520px,calc(100vw - 30px)); }
.group-dialog form { margin: 0; }
.group-form-body { padding: 24px 22px 18px; display: flex; flex-direction: column; gap: 9px; }
.group-form-body label { color: #d9f4ff; font-size: 12px; font-weight: 800; }
.group-form-body input { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #367895; border-radius: 11px; outline: 0; color: #f3fbff; background: rgba(4,35,54,.82); font: inherit; }
.group-form-body input:focus { border-color: #49c2e5; box-shadow: 0 0 0 3px rgba(73,194,229,.14); }
.group-form-body small { min-height: 18px; color: #82b3ca; font-size: 10px; }
.group-form-body small.error { color: #ff9daf; }
.group-form-actions { padding: 13px 22px 20px; display: flex; justify-content: flex-end; gap: 9px; }
.group-form-actions button { min-width: 100px; height: 42px; margin: 0; border: 1px solid #357590; border-radius: 10px; color: #c4e2ee; background: rgba(9,55,78,.72); cursor: pointer; font-weight: 800; }
.group-form-actions .login-button { width: auto; border-color: #28aec1; color: #fff; background: linear-gradient(135deg,#158aac,#11657f); }
.group-form-actions button:disabled { opacity: .55; cursor: wait; }
.companion-status-dialog { width: min(500px,calc(100vw - 30px)); }
.companion-status-result { margin: 22px; padding: 22px; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 5px 12px; border: 1px solid #367895; border-radius: 13px; background: rgba(4,35,54,.72); }
.companion-status-result i { width: 32px; height: 32px; grid-row: 1 / 4; display: grid; place-items: center; border-radius: 50%; background: #246984; }
.companion-status-result i::after { content: "…"; color: #fff; font-style: normal; font-weight: 800; }
.companion-status-result strong { color: #d9f4ff; font-size: 14px; line-height: 1.35; }
.companion-status-result p { margin: 0; color: #8eb8ca; font-size: 11px; line-height: 1.55; }
.companion-status-result time { color: #6f9fb5; font-size: 10px; line-height: 1.4; }
.companion-status-result.normal { border-color: #2d957b; background: rgba(13,82,68,.54); }
.companion-status-result.normal i { background: #1b9d78; }
.companion-status-result.normal i::after { content: "✓"; }
.companion-status-result.restricted, .companion-status-result.banned { border-color: #b95369; background: rgba(96,31,51,.48); }
.companion-status-result.restricted i, .companion-status-result.banned i { background: #c84d68; }
.companion-status-result.restricted i::after, .companion-status-result.banned i::after { content: "!"; }
.companion-status-result.relogin, .companion-status-result.failed { border-color: #9c7846; background: rgba(86,61,28,.48); }
.companion-status-result.relogin i, .companion-status-result.failed i { background: #a97938; }
.companion-status-result.relogin i::after, .companion-status-result.failed i::after { content: "!"; }
@media (max-width: 560px) { .account-dialog { width: calc(100vw - 18px); max-height: calc(100dvh - 18px); border-radius: 15px; } .saved-profile { grid-template-columns: 36px minmax(0,1fr) auto; } .saved-profile .number { display: none; } .saved-profile .avatar-frame { width: 36px; height: 36px; } .saved-profile button { max-width: 68px; padding: 0 7px; } }