.settings-view[hidden],.settings-modal-layer[hidden]{display:none!important}
.settings-view{flex:1;min-height:0;margin-top:16px;padding:0 0 40px;overflow:auto;direction:rtl;color:#0a1f44;font-family:Dana,sans-serif;scrollbar-width:none}
.settings-view::-webkit-scrollbar{display:none}.settings-page{width:100%;display:flex;flex-direction:column;gap:16px}.settings-heading{height:40px;display:flex;align-items:center;justify-content:flex-start;gap:8px}.settings-heading h1{margin:0;font-size:20px;font-weight:600}.settings-heading button{width:40px;height:40px;padding:8px 2px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;display:grid;place-items:center}.settings-heading img{width:24px;height:24px}.settings-tabs{height:48px;display:flex;justify-content:flex-start;gap:8px}.settings-tabs button{width:110px;height:48px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;color:#53627c;font-size:14px;font-weight:400}.settings-tabs button.active{border-color:#635bff;background:rgba(99,91,255,.05);color:#635bff;font-weight:600}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-profile{min-height:588px;padding:16px;display:grid;grid-template-columns:minmax(320px,519px) 1px minmax(0,1fr);gap:32px;background:#fff;border:1px solid #f2f2f2;border-radius:16px;box-shadow:0 0 5.5px rgba(0,0,0,.05)}.settings-card{min-width:0}.settings-card-divider{background:#f2f2f2}.settings-section-title{text-align:right}.settings-section-title h2{margin:0;font-size:18px;line-height:28px;font-weight:600}.settings-section-title p{margin:0;color:#8a94a6;font-size:14px;line-height:28px}.settings-avatar-card{display:flex;flex-direction:column;align-items:center;gap:40px}.settings-avatar-card .settings-section-title{align-self:stretch}.settings-avatar-block{display:flex;flex-direction:column;align-items:center;gap:16px}.settings-avatar-block>img{width:168px;height:168px;border-radius:50%;object-fit:cover}.settings-avatar-block p{margin:0;color:#8a94a6;text-align:center;font-size:14px;line-height:24px}.settings-avatar-change{width:200px}.settings-account-card{display:flex;flex-direction:column;gap:16px}.settings-fields{display:flex;flex-direction:column;gap:24px}.settings-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#53627c}.settings-field>span:first-child{line-height:21px}.settings-field em{font-style:normal;color:#8a94a6}.settings-input-wrap,.settings-static-input{height:48px;padding:0 16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;display:flex;align-items:center;gap:8px}.settings-input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0a1f44;font-size:16px;text-align:right}.settings-input-wrap input::placeholder,textarea::placeholder{color:#8a94a6}.settings-input-wrap img,.settings-static-input img{width:24px;height:24px;flex:none}.settings-field textarea{height:152px;padding:16px;border:1px solid #f2f2f2;border-radius:12px;outline:0;resize:none;color:#0a1f44;font-size:16px;text-align:right}.settings-inline-field{display:grid;grid-template-columns:120px 1fr;gap:8px;direction:ltr}.settings-inline-field>*{direction:rtl}.settings-static-input{justify-content:flex-end;color:#8a94a6}.settings-static-input span{margin-left:auto;direction:ltr}.settings-primary,.settings-outline{height:48px;padding:0 16px;border-radius:12px;font-size:16px;font-weight:500}.settings-primary{border:0;background:#635bff;color:#fff}.settings-outline{border:1px solid #635bff;background:#fff;color:#635bff}.settings-content>.settings-actions{height:56px}.settings-actions{display:flex;direction:ltr;gap:16px}.settings-actions .settings-primary{width:200px;height:56px;border-radius:16px}.settings-actions .settings-outline{width:120px;height:56px;border-radius:16px}.settings-actions.inside{margin-top:16px}.settings-actions.inside .settings-primary,.settings-actions.inside .settings-outline{height:48px;border-radius:12px}.settings-panel{padding:24px;background:#fff;border:1px solid #f2f2f2;border-radius:16px;box-shadow:0 0 5.5px rgba(0,0,0,.05)}.settings-panel-heading{height:56px;margin:-8px 0 24px;padding-bottom:24px;border-bottom:1px solid #f2f2f2;display:flex;align-items:center;justify-content:flex-start;gap:8px}.settings-panel-heading h2{margin:0;font-size:18px;line-height:32px;font-weight:600}.settings-panel-heading img{width:24px;height:24px}.settings-security-grid{display:grid;grid-template-columns:minmax(500px,1fr) minmax(500px,1fr);gap:16px;direction:ltr;align-items:start}.settings-security-grid>*{direction:rtl}.settings-security-column{display:flex;flex-direction:column;gap:16px}.settings-panel-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #f2f2f2}.settings-panel-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.settings-panel-head h2 img{width:24px}.settings-danger-solid{height:48px;padding:0 16px;border:0;border-radius:12px;background:#f05b55;color:#fff;display:flex;align-items:center;gap:8px}.settings-danger-solid img{width:24px;filter:brightness(0) invert(1)}.settings-info-strip{margin:16px 0;padding:10px 16px;background:#f2fbff;color:#35a9d6;border-radius:8px;font-size:13px;line-height:24px}.settings-switch-row{min-height:40px;display:flex;align-items:center;justify-content:space-between;color:#0a1f44;font-size:14px;position:relative}.settings-switch-row input{position:absolute;opacity:0}.settings-switch-row i{width:40px;height:24px;border-radius:999px;background:#dfe1e5;position:relative;transition:.2s}.settings-switch-row i:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.settings-switch-row input:checked+i{background:#635bff}.settings-switch-row input:checked+i:after{right:19px}.settings-field-caption{display:block;margin:16px 0 8px;color:#53627c;font-size:14px}.settings-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-choice{height:48px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#53627c}.settings-choice img{width:24px;height:24px}.settings-choice.selected{border-color:#635bff;color:#0a1f44;box-shadow:0 0 15px rgba(0,0,0,.07)}.settings-delete{padding:24px;border-radius:16px;background:rgba(240,91,85,.06);color:#f05b55}.settings-delete h2{margin:0 0 8px;font-size:18px}.settings-delete p{margin:0 0 16px;color:#8a94a6;font-size:13px;line-height:24px}.settings-delete button{width:100%;height:48px;border:1px solid #f05b55;border-radius:12px;background:#fff;color:#f05b55}.settings-session-table{overflow:auto}.settings-session-row{min-width:620px;height:56px;padding:0 12px;display:grid;grid-template-columns:1.25fr 1fr 1.15fr 56px;align-items:center;border-bottom:1px solid #f2f2f2;font-size:13px}.settings-session-row.head{height:48px;background:#f8f9fb;color:#53627c}.settings-session-row>span:first-child{display:flex;align-items:center;gap:8px;font-weight:500}.settings-session-row>span>img{width:24px;height:24px}.settings-session-row small{padding:2px 8px;border-radius:999px;background:#effaf0;color:#4db757;font-size:10px}.settings-session-row>button{border:0;background:transparent}.settings-session-row>button img{width:24px;height:24px}.settings-session-row>button:disabled{visibility:hidden}.settings-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;direction:ltr}.settings-custom-grid>div{display:flex;flex-direction:column;gap:16px;direction:rtl}.settings-custom-grid .settings-panel{min-height:320px}.settings-field select{height:56px;padding:0 16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;color:#0a1f44;outline:0}.settings-segment{display:grid;grid-template-columns:1fr 1fr;gap:8px;direction:rtl}.settings-segment.three{grid-template-columns:repeat(3,1fr)}.settings-segment button{height:48px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;color:#53627c}.settings-segment button.selected{border-color:#635bff;background:rgba(99,91,255,.05);color:#635bff}.settings-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-theme{height:183px;padding:16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#53627c}.settings-theme>i{position:absolute;top:16px;right:16px;width:24px;height:24px;border:1px solid #f2f2f2;border-radius:50%}.settings-theme.selected{border-color:#635bff;background:rgba(99,91,255,.05);color:#635bff}.settings-theme.selected>i{border:0;background:#635bff}.settings-theme.selected>i:after{content:"✓";color:#fff;font-size:14px}.settings-theme img{width:auto;height:81px;max-width:118px;object-fit:contain}.settings-theme span{font-size:14px}.settings-muted{color:#8a94a6;font-size:14px;line-height:28px}.settings-privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-wide-switch{padding:16px 0;border-bottom:1px solid #f2f2f2}.settings-wide-switch span{display:flex;flex-direction:column;gap:4px}.settings-wide-switch b{font-size:14px}.settings-wide-switch small{color:#8a94a6;font-size:13px}.settings-export{width:200px}.settings-modal-layer{position:fixed;inset:0;z-index:50;padding:24px;background:rgba(10,31,68,.45);display:grid;place-items:center;direction:rtl}.settings-modal{width:min(500px,100%);padding:32px;border-radius:16px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);font-family:Dana,sans-serif}.settings-modal header{height:56px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f2f2f2;display:flex;align-items:flex-start;justify-content:space-between}.settings-modal header h2{margin:0;font-size:20px;line-height:32px}.settings-modal header button{width:16px;height:16px;padding:0;border:0;background:transparent}.settings-modal header img{width:16px;height:16px}.settings-modal-actions{margin-top:32px;display:grid;grid-template-columns:1fr 138px;gap:16px;direction:ltr}.settings-modal-actions>*{direction:rtl}.settings-modal-note{color:#53627c;font-size:14px;line-height:21px}.settings-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;direction:ltr}.settings-otp input{width:100%;height:48px;border:1px solid #f2f2f2;border-radius:12px;text-align:center;font-size:18px;outline:0}.settings-otp input:focus{border-color:#635bff}.settings-resend{margin:8px 0 0;color:#53627c;text-align:center;font-size:14px}
@media(max-width:1150px){.settings-profile{grid-template-columns:1fr}.settings-card-divider{display:none}.settings-avatar-card{padding-bottom:24px;border-bottom:1px solid #f2f2f2}.settings-security-grid,.settings-custom-grid,.settings-privacy-grid{grid-template-columns:1fr}.settings-security-grid{direction:rtl}.settings-sessions{order:2}.settings-custom-grid{direction:rtl}}
@media(max-width:700px){.settings-tabs{overflow-x:auto;justify-content:flex-start}.settings-tabs button{flex:0 0 100px}.settings-profile,.settings-panel{padding:16px}.settings-inline-field{grid-template-columns:100px 1fr}.settings-themes{grid-template-columns:1fr}.settings-theme{height:150px}.settings-actions .settings-primary{width:auto;flex:1}.settings-actions .settings-outline{width:100px}.settings-session-row{min-width:600px}.settings-modal{padding:20px}.settings-modal-actions{grid-template-columns:1fr 100px;gap:8px}.settings-otp{gap:4px}}

/* Profile layout follows the Figma frame: avatar left, account fields right. */
.settings-profile{direction:ltr}
.settings-profile>*{direction:rtl}