.accountInfoScreen{min-height:100vh;padding:18px 16px 90px;background:#f7f8fb;box-sizing:border-box;color:#151515}
.accountInfoHeader{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.accountInfoBack{width:42px;height:42px;border:0;border-radius:13px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.accountInfoHeader h2{margin:0;font-size:22px;font-weight:800}.accountInfoHeader p{margin:4px 0 0;color:#777;font-size:12px}
.accountInfoLoading,.accountInfoError{background:#fff;border-radius:18px;padding:28px;text-align:center;color:#777;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.accountVerificationNotice,.accountVerifiedNotice{display:flex;align-items:center;gap:12px;border-radius:17px;padding:14px 15px;margin-bottom:15px;background:#fff3f3;border:1px solid #ffd4d4}
.accountVerificationIcon{width:42px;height:42px;border-radius:13px;background:#ffe5e5;color:#d22;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.accountVerificationText{display:flex;flex-direction:column;gap:3px}.accountVerificationText strong{font-size:14px;color:#b40000}.accountVerificationText span{font-size:11px;color:#8d6666}
.accountVerifiedNotice{background:#effbf3;border-color:#ccefd8;color:#198754;font-size:13px;font-weight:700}.accountVerifiedNotice i{font-size:18px}
.accountDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accountDetailCard{background:#fff;border-radius:18px;padding:14px;min-height:126px;box-shadow:0 5px 20px rgba(0,0,0,.045);border:1px solid #eee;box-sizing:border-box}
.accountDetailTop{display:flex;justify-content:space-between;align-items:center}.accountDetailIcon{width:40px;height:40px;border-radius:13px;background:#f0f3f7;display:flex;align-items:center;justify-content:center;font-size:16px;color:#222}.accountDetailEdit{width:32px;height:32px;border:0;border-radius:10px;background:#f4f5f7;color:#777;cursor:pointer}.accountDetailEdit:disabled{opacity:.35;cursor:not-allowed}
.accountDetailLabel{font-size:11px;color:#888;margin-top:13px}.accountDetailValue{font-size:14px;font-weight:750;margin-top:4px;word-break:break-word}
.accountSecurityCard,.accountFingerprintCard{background:#fff;border-radius:18px;padding:15px;margin-top:14px;border:1px solid #eee;box-shadow:0 5px 20px rgba(0,0,0,.045)}
.accountSecurityTop{display:flex;align-items:center;gap:11px}.securityIcon{background:#f0f3ff;color:#4057c7}.accountSecurityTop h3,.fingerprintText h3{margin:0;font-size:15px}.accountSecurityTop p,.fingerprintText p{margin:3px 0 0;color:#777;font-size:11px}.securityStatus{margin-left:auto;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800}.securityStatus.verified{background:#e9f9ef;color:#198754}.securityStatus.required{background:#ffe8e8;color:#c00}
.verifyEmailButton,.accountModalUpdate{width:100%;border:0;border-radius:12px;background:#111;color:#fff;padding:12px;margin-top:14px;font-weight:700;cursor:pointer}.verifyEmailButton:disabled,.accountModalUpdate:disabled{opacity:.55}.verificationVerifiedRow{margin-top:13px;padding:10px 11px;background:#effbf3;border-radius:11px;color:#198754;font-size:12px;font-weight:700}.phoneComingSoonRow{margin-top:10px;display:flex;align-items:center;gap:8px;padding:10px 11px;background:#f7f7f7;border-radius:11px;font-size:12px}.phoneComingSoonRow b{margin-left:auto;font-size:9px;color:#777;background:#e9e9e9;padding:4px 7px;border-radius:10px}
.accountFingerprintCard{display:flex;align-items:center;gap:12px;cursor:pointer}.fingerprintIcon{background:#edf9f1;color:#198754}.fingerprintText{flex:1}.accountFingerprintCard>i{color:#888;font-size:13px}
.accountEditPolicy{margin:13px 2px 0;color:#777;font-size:11px;text-align:center}.accountEditPolicy i{margin-right:4px}
.accountModalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:flex;align-items:flex-end;justify-content:center;z-index:99999;padding:14px;box-sizing:border-box}.accountEditModal{width:min(100%,430px);background:#fff;border-radius:23px;padding:22px 18px 18px;position:relative;box-sizing:border-box;box-shadow:0 -10px 40px rgba(0,0,0,.22);animation:accountModalIn .2s ease}.accountModalClose{position:absolute;right:13px;top:13px;width:34px;height:34px;border:0;border-radius:10px;background:#f1f1f1;color:#333}.accountModalIcon{width:46px;height:46px;border-radius:14px;background:#f0f3f7;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.verificationModalIcon{background:#eef4ff;color:#3155c8}.accountEditModal h3{margin:0;font-size:19px}.accountModalSub{font-size:11px;color:#777;margin:4px 0 17px}.accountEditModal label{display:block;font-size:11px;color:#777;margin:10px 0 6px}.accountEditInput{width:100%;height:44px;border:1px solid #ddd;border-radius:11px;padding:0 12px;box-sizing:border-box;outline:none;font-size:14px;background:#fff;color:#111}.accountEditInput:focus{border-color:#777}.accountEditInput.readonly{background:#f4f4f4;color:#888}.accountModalMessage{font-size:11px;margin-top:9px;text-align:center;min-height:15px}.accountModalMessage.error{color:#c00}.accountModalMessage.success{color:#198754}.verificationTimer{font-size:12px;text-align:right;color:#b40000;font-weight:800;margin-top:7px}.emailChangeCodeArea{margin-top:3px}
@keyframes accountModalIn{from{transform:translateY(18px);opacity:.5}to{transform:translateY(0);opacity:1}}
body.darkMode .accountInfoScreen{background:#111;color:#fff}body.darkMode .accountInfoHeader p{color:#aaa}body.darkMode .accountInfoBack{background:#2a2a2a;border:1px solid #3a3a3a}body.darkMode .accountDetailCard,body.darkMode .accountSecurityCard,body.darkMode .accountFingerprintCard,body.darkMode .accountInfoLoading,body.darkMode .accountInfoError{background:#1c1c1c;border-color:#2d2d2d}body.darkMode .accountDetailIcon{background:#292929;color:#fff}body.darkMode .accountDetailEdit{background:#2a2a2a;color:#ccc}body.darkMode .accountVerificationNotice{background:#291818;border-color:#4a2727}body.darkMode .accountVerificationText span{color:#c9a0a0}body.darkMode .accountVerifiedNotice{background:#17261c;border-color:#244a31}body.darkMode .phoneComingSoonRow{background:#292929}body.darkMode .accountEditPolicy{color:#aaa}body.darkMode .accountEditModal{background:#1c1c1c;color:#fff}body.darkMode .accountModalClose{background:#2a2a2a;color:#fff}body.darkMode .accountEditInput{background:#242424;color:#fff;border-color:#3b3b3b}body.darkMode .accountEditInput.readonly{background:#292929;color:#aaa}body.darkMode .accountModalSub,body.darkMode .accountEditModal label{color:#aaa}
@media(max-width:360px){.accountDetailGrid{grid-template-columns:1fr}.accountDetailCard{min-height:110px}}

.accountDetailCard.accountDetailLocked{border-color:#e7e7e7}.accountFieldLock{margin-top:9px;font-size:10px;color:#777;line-height:1.35}.accountFieldLock i{margin-right:3px}.accountChangeNotice{margin-top:14px;padding:9px 10px;border-radius:10px;background:#eef5ff;color:#2d67b1;font-size:10px;line-height:1.45}.accountChangeNotice i{margin-right:4px}.resendVerificationBtn{margin-top:10px!important;background:#eef5ff!important;color:#2d67b1!important}.fingerprintRegisteredBadge{margin-left:auto;background:#e9f9ef;color:#198754;border-radius:12px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.fingerprintRegisteredCard{cursor:default}.fingerprintText p{margin-top:5px}.fingerprintText p i{margin-right:4px;color:#198754}
body.darkMode .accountChangeNotice{background:#17253a;color:#8bbcff}body.darkMode .resendVerificationBtn{background:#17253a!important;color:#8bbcff!important}body.darkMode .accountFieldLock{color:#aaa}