.profile-backdrop{position:fixed;inset:0;background:#0f1c31aa;z-index:160;display:flex;justify-content:flex-end}.profile-drawer{width:430px;height:100%;background:#f8faff;box-shadow:-20px 0 60px #07142644;overflow:auto;color:#1d2b3d}.profile-head{background:#16243a;color:#fff;padding:26px 28px 24px;position:relative}.profile-head>button{position:absolute;right:18px;top:18px;border:0;background:#ffffff12;color:#dbeafe;width:34px;height:34px;display:grid;place-items:center}.profile-head>button .flat-icon{width:16px}.profile-identity{display:flex;align-items:center;gap:15px;margin-top:20px}.profile-photo{width:66px;height:66px;border-radius:50%;background:#dbeafe;color:#2459a8;display:grid;place-items:center;font-size:22px;font-weight:800;overflow:hidden;position:relative}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-identity h2{font-size:19px;margin:0}.profile-identity p{font-size:10px;color:#93a9c6;margin:5px 0}.profile-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#93c5fd}.profile-status:before{content:"";width:6px;height:6px;background:#60a5fa;border-radius:50%}.subscription-box{margin:18px 24px 0;background:#fff;border:1px solid #d9e4f3;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.subscription-box small,.subscription-box b,.subscription-box span{display:block}.subscription-box small{font-size:9px;color:#788ba4}.subscription-box b{font-size:15px;margin-top:4px}.subscription-box strong{font-size:25px;color:#2563eb}.subscription-box>span{grid-column:1/3;margin-top:11px;height:5px;background:#e6edf7}.subscription-box>span i{height:100%;background:#3b82f6;display:block}.profile-tabs{display:flex;margin:20px 24px 0;border-bottom:1px solid #dce5f1}.profile-tabs button{border:0;background:transparent;padding:11px 13px;color:#71839b;font-size:11px}.profile-tabs button.active{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:700}.profile-body{padding:20px 24px 30px}.profile-body label{display:grid;gap:6px;font-size:10px;color:#63758d;margin-bottom:13px}.profile-body input{border:1px solid #ccd9e9;background:#fff;padding:11px;outline:0}.profile-body input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.profile-body input:disabled{background:#f0f3f7;color:#8794a4}.avatar-editor{display:flex;align-items:center;gap:13px;border-bottom:1px solid #dce5f1;padding-bottom:18px;margin-bottom:18px}.avatar-editor .profile-photo{width:54px;height:54px}.avatar-editor button{border:1px solid #b9cbe3;background:white;color:#245fae;padding:9px 12px;display:flex;gap:7px;align-items:center;font-size:10px}.avatar-editor button .flat-icon{width:15px}.profile-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.profile-actions button{border:1px solid #cbd8e8;background:white;padding:10px 15px}.profile-actions .primary{color:white}.profile-actions button:disabled{cursor:not-allowed;opacity:.58}.profile-menu-list{display:grid;gap:8px}.profile-menu-list button{border:1px solid #d7e1ed;background:#fff;padding:14px;text-align:left;display:flex;align-items:center;gap:12px;color:#30445e}.profile-menu-list button .flat-icon{color:#3b82f6}.profile-menu-list button span{flex:1}.profile-menu-list button b,.profile-menu-list button small{display:block}.profile-menu-list button small{font-size:9px;color:#8796a8;margin-top:3px}.password-note{background:#edf4ff;color:#526f94;padding:11px;font-size:9px;line-height:1.6}.profile-message{padding:10px;background:#e9f6ef;color:#27744e;font-size:10px;margin-bottom:12px}.profile-message.bad{background:#feeceb;color:#a9443d}
.profile-avatar-button{position:relative;width:66px;height:66px;flex:0 0 66px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;overflow:hidden;cursor:pointer}.profile-avatar-button .profile-photo{pointer-events:none}.profile-avatar-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#071426b8;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;opacity:0;transition:opacity .16s ease;pointer-events:none}.profile-avatar-button:hover .profile-avatar-overlay,.profile-avatar-button:focus-visible .profile-avatar-overlay{opacity:1}.profile-avatar-button:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.profile-avatar-button:disabled{cursor:wait;opacity:.7}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-section-head small{display:block;color:#2563eb;font-size:9px;letter-spacing:.12em}.profile-section-head h3{margin:4px 0 0;font-size:16px;color:#20334d}.profile-section-head>button{border:1px solid #b9cbe3;background:#fff;color:#245fae;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-size:10px}.profile-section-head>button .flat-icon{width:14px}.profile-detail-list{border:1px solid #d9e4f3;background:#fff}.profile-detail-list>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:4px 14px;padding:13px 15px;border-bottom:1px solid #e7edf5}.profile-detail-list>div:last-child{border-bottom:0}.profile-detail-list small{font-size:9px;color:#71839b}.profile-detail-list strong{font-size:12px;color:#20334d;font-weight:600;overflow-wrap:anywhere}.profile-edit-form .profile-section-head{margin-bottom:18px}

.profile-delete-preference{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:15px;border:1px solid #d9e4f3;background:#fff}
.profile-delete-preference>div{display:grid;gap:4px;min-width:0}
.profile-delete-preference small{color:#2563eb;font-size:9px;letter-spacing:.08em}
.profile-delete-preference b{color:#20334d;font-size:11px}
.profile-delete-preference span{color:#7a8ba1;font-size:9px;line-height:1.5}
.profile-preference-switch{position:relative!important;display:block!important;flex:0 0 36px;width:36px;height:20px;margin:0!important}
.profile-preference-switch input{position:absolute;opacity:0;pointer-events:none}
.profile-preference-switch i{position:absolute;inset:0;border-radius:999px;background:#aab8ca;cursor:pointer;transition:.16s ease}
.profile-preference-switch i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.16s ease}
.profile-preference-switch input:checked+i{background:#2563eb}
.profile-preference-switch input:checked+i:after{transform:translateX(16px)}
.profile-preference-switch input:focus-visible+i{box-shadow:0 0 0 3px #2563eb33}
.profile-security-heading{align-items:flex-start}.profile-security-list{border:1px solid #d9e4f3;background:#fff}.profile-security-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px}.profile-security-item+.profile-security-item{border-top:1px solid #e7edf5}.profile-security-icon{width:36px;height:36px;border-radius:6px;background:#edf4ff;color:#2563eb;display:grid;place-items:center}.profile-security-icon .flat-icon{width:17px}.profile-security-copy{min-width:0}.profile-security-copy h4{margin:0;color:#20334d;font-size:13px}.profile-security-copy strong{display:block;margin-top:5px;color:#172944;font-size:13px;letter-spacing:.03em}.profile-security-action{border:1px solid #b9cbe3;background:#fff;color:#245fae;padding:9px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;white-space:nowrap}.profile-security-action .flat-icon{width:14px}.profile-security-action:hover{border-color:#7ea7df;background:#f5f9ff}.profile-security-action:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.phone-change-current{padding:13px 15px;margin-bottom:16px;border:1px solid #d9e4f3;background:#fff}.phone-change-current small,.phone-change-current strong{display:block}.phone-change-current small{font-size:9px;color:#71839b}.phone-change-current strong{margin-top:5px;font-size:16px;color:#20334d}.phone-change-actions{display:grid;grid-template-columns:1fr 1fr}.phone-change-actions .primary{grid-column:1/3}.phone-change-actions button:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:560px){.profile-drawer{width:100%}.profile-body{padding-left:18px;padding-right:18px}.profile-security-item{grid-template-columns:36px minmax(0,1fr)}.profile-security-action{grid-column:2;justify-self:start}.phone-change-actions{grid-template-columns:1fr}.phone-change-actions .primary{grid-column:auto}}