.profile-page{--profile-ink:var(--hj-color-text-primary);--profile-muted:var(--hj-color-text-secondary);--profile-line:var(--hj-color-border-subtle);color:var(--profile-ink);background:var(--hj-color-bg-page);flex-direction:column;display:flex}.profile-page .site-header{background:#fffefa;border-bottom-color:#f0efeb;height:90px}.profile-page .header-inner{max-width:1600px}.profile-page .brand__compact{display:flex}.profile-page .brand__desktop{display:none}.profile-page .brand__compact>span{color:#aa721c;font-size:50px}.profile-page .brand__icon{width:56px;height:56px}.profile-page .main-nav{font-size:17px}.profile-page .main-nav a{color:var(--profile-ink)}.profile-shell{flex:1;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:22px;width:calc(100% - 80px);max-width:1580px;margin:20px auto;display:grid}.profile-main{min-width:0}.profile-title{margin:0 4px 12px}.profile-title h1{font-size:34px;font-weight:900;line-height:1.4}.profile-title p{color:var(--profile-muted);font-size:18px}.profile-columns{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.profile-card{background:#fff;border:1px solid #f1f0ed;border-radius:8px;min-width:0;padding:23px;box-shadow:0 2px 12px #162a450b}.profile-card h2{align-items:center;gap:9px;font-size:23px;font-weight:850;display:flex}.profile-card h2 svg{width:29px;height:29px}.profile-form fieldset{border:0;min-width:0;margin:0;padding:0}.profile-contact{gap:28px;display:flex}.profile-avatar{text-align:center;flex:0 0 140px}.avatar-preview{color:#969a9c;background:#e0e4eb;border-radius:50%;place-items:center;width:132px;height:132px;margin:0 auto 9px;display:grid;overflow:hidden}.avatar-preview>svg{fill:currentColor;stroke-width:1px;width:55px;height:55px}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-upload{border:1px solid var(--hj-color-border-control);border-radius:var(--hj-radius-control);color:var(--profile-ink);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:7px;width:100%;padding:6px 10px;font-size:14px;font-weight:650;display:flex}.avatar-upload svg{width:21px;height:21px}.avatar-actions>span,.avatar-actions small{color:var(--profile-muted);margin-top:5px;font-size:13px;display:block}.avatar-actions small{font-size:10px}.profile-contact-fields{flex-direction:column;flex:1;gap:17px;min-width:0;display:flex}.profile-field{min-width:0}.profile-field label,.profile-confirm-dialog label{align-items:center;gap:12px;margin-bottom:7px;font-size:16px;font-weight:600;display:flex}.profile-field input,.profile-confirm-dialog input{width:100%;min-width:0;height:var(--hj-control-height);color:var(--profile-ink);border:1px solid var(--hj-color-border-control);border-radius:var(--hj-radius-control);background:#fff;outline:none;padding:9px 14px}.profile-field input::placeholder,.profile-confirm-dialog input::placeholder{color:var(--profile-muted);opacity:1}.profile-field input:focus,.profile-confirm-dialog input:focus{border-color:var(--hj-color-action-primary);box-shadow:0 0 0 3px #8963182b}.profile-field input[readonly],.profile-field input:disabled{color:var(--profile-muted);border-color:var(--profile-line);background:#f3f3f3}.profile-field #cellphoneNumber{color:#24262d;text-align:right;font-weight:650}.profile-field small{color:var(--profile-muted);margin-top:6px;font-size:11px;display:block}.phone-verified{color:#00b94c;align-items:center;gap:6px;font-size:14px;font-weight:450;display:inline-flex}.phone-verified svg{color:#fff;stroke-width:3px;background:#00bc50;border-radius:50%;width:22px;height:22px;padding:4px}.profile-identity{border-top:1px solid var(--profile-line);margin-top:28px;padding-top:16px}.profile-identity h2{margin-bottom:17px}.identity-fields{grid-template-columns:1fr 1fr;gap:14px 23px;display:grid}.identity-locked{color:#398563;margin-bottom:12px;font-size:12px}.profile-save{border-radius:6px;width:50%;min-height:44px;margin-top:28px;font-size:20px;font-weight:750}.profile-page .button--gold{background:linear-gradient(110deg,#aa741f,#9b6719);border-color:#b48433}.profile-page .button:disabled{opacity:.65}.verification-card{flex-direction:column;padding:22px 20px 18px;display:flex}.verification-heading{border-bottom:1px solid var(--profile-line);justify-content:space-between;align-items:center;gap:12px;padding:0 3px 18px;display:flex}.verification-heading h2{font-size:22px}.verification-heading h2 svg{color:#b2791e;width:34px;height:34px}.level-badge{white-space:nowrap;background:#e2f8ec;border-radius:7px;padding:4px 15px;font-size:17px;font-weight:750}.verification-steps{flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.verification-steps li{border-bottom:1px solid var(--profile-line);flex:1;align-items:center;gap:12px;min-height:92px;padding:13px 3px;display:flex;position:relative}.verification-steps li:last-child{border-bottom:0}.verification-copy{flex:1;min-width:0}.verification-copy h3{font-size:17px;font-weight:650}.verification-copy p{color:var(--profile-muted);margin-top:2px;font-size:14px}.verification-status{background:#fafafa;border:1.5px solid #a0a3a9;border-radius:50%;flex-shrink:0;width:30px;height:30px}.is-complete .verification-status{color:#fff;background:#00b64d;border-color:#00b64d;place-items:center;display:grid}.verification-status svg{stroke-width:3px;width:22px;height:22px}.step-number{color:var(--profile-ink);z-index:1;border:1.5px solid var(--profile-line);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.is-complete .step-number{background:#e1f7ed}.verification-steps li:not(:last-child):after{content:"";background:var(--profile-line);width:2px;height:100%;position:absolute;top:50%;left:22px}.current-level{color:#06a347;white-space:nowrap;background:#e2f8ec;border-radius:6px;padding:6px 12px;font-size:14px}.verification-note{color:#183dcb;background:#eaf2ff;border-radius:6px;align-items:center;gap:10px;margin-top:12px;padding:13px 12px;font-size:13px;display:flex}.verification-note svg{width:25px;height:25px}.profile-error{color:#b92e2e;background:#fff0ef;border-radius:5px;margin-top:12px;padding:9px 12px;font-size:13px}.profile-field input[aria-invalid=true]{border-color:#b92e2e}.profile-success{color:#16834d;background:#e5f8ed;border-radius:6px;align-items:center;gap:10px;margin-bottom:16px;padding:14px;font-size:14px;display:flex}.profile-loading{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:300px;display:flex}.profile-text-button{color:var(--hj-color-info-fg);background:0 0;border:0;padding:8px}.mobile-logout{display:none}.profile-footer{border-top:1px solid var(--profile-line);color:var(--profile-muted);justify-content:space-between;align-items:center;gap:24px;margin-top:3px;padding:20px 3%;font-size:13px;display:flex}.profile-footer nav{align-items:center;gap:20px;display:flex}.profile-footer nav>*+*{border-inline-start:1px solid #becce0;padding-inline-start:20px}.profile-footer button{font:inherit;color:inherit;background:0 0;border:0}.profile-footer button:disabled{opacity:.65}.profile-socials{color:#07274a;gap:22px;display:flex}.profile-socials svg{width:24px;height:24px}.birth-date-control{position:relative}.profile-verification-retry{width:100%;min-height:48px;margin-bottom:24px}.birth-date-control input{padding-inline-end:48px}.personal-profile .profile-field .birth-date-control input:not(:disabled){border-color:var(--hj-color-border-control);color:var(--hj-color-text-primary);background:var(--hj-color-bg-surface);cursor:pointer;padding-inline-end:48px}.calendar-button{color:#555b63;background:0 0;border:0;place-items:center;width:40px;display:grid;position:absolute;top:3px;bottom:3px;left:3px}.calendar-button svg{width:21px;height:21px}.birth-date-dialog{width:min(420px,100% - 32px);color:var(--profile-ink);border:0;border-radius:12px;padding:25px}.birth-date-dialog::backdrop,.profile-confirm-dialog::backdrop{background:#143e38b3}.birth-date-selects{gap:12px;margin:24px 0;display:flex}.birth-date-selects label{flex:1}.birth-date-selects select{width:100%;font:inherit;color:inherit;border:1px solid var(--profile-line);background:#fff;border-radius:5px;padding:10px 4px;display:block}.birth-date-header,.birth-date-calendar-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}body.haraj-ui .hj-dialog.birth-date-dialog .birth-date-header h2{margin:0;padding-inline:0}.birth-date-header button,.birth-date-calendar-nav button{border:1px solid var(--hj-color-border-subtle);border-radius:var(--hj-radius-control);width:44px;height:44px;color:var(--hj-color-text-primary);background:var(--hj-color-bg-surface);font:inherit;cursor:pointer;flex-shrink:0;place-items:center;padding:0;font-size:24px;display:grid}.birth-date-header svg{width:20px;height:20px}.birth-date-calendar-nav{margin-bottom:16px}.birth-date-weekdays,.birth-date-days{text-align:center;direction:rtl;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.birth-date-weekdays{color:var(--hj-color-text-secondary);margin-bottom:8px;font-size:14px}.birth-date-days button{border-radius:var(--hj-radius-control);min-height:44px;color:var(--hj-color-text-primary);background:var(--hj-color-bg-surface);font:inherit;cursor:pointer;border:1px solid #0000;padding:0}.birth-date-days button:hover:not(:disabled){background:var(--hj-color-bg-subtle)}.birth-date-days button.selected,.birth-date-days button.selected:hover{color:#fff;background:var(--hj-color-action-primary);border-color:var(--hj-color-action-primary)}.birth-date-days button:disabled,.birth-date-calendar-nav button:disabled{color:var(--hj-color-disabled-text);background:var(--hj-color-disabled-bg);cursor:default}.birth-date-selection{color:var(--hj-color-text-secondary);margin:16px 0 0;font-size:14px}@media (max-width:359px){body.haraj-ui .hj-dialog.birth-date-dialog{padding-inline:4px}.birth-date-weekdays,.birth-date-days{gap:0}.birth-date-header,.birth-date-selects,.birth-date-calendar-nav,.birth-date-selection{padding-inline:12px}body.haraj-ui .hj-dialog.birth-date-dialog>button{width:calc(100% - 24px);margin-inline:12px}}.profile-confirm-dialog{width:min(610px,100% - 40px);max-height:calc(100svh - 32px);color:var(--profile-ink);text-align:right;background:#fff;border:1px solid #e5e9e7;border-radius:15px;padding:32px;overflow-y:auto;box-shadow:0 20px 60px #092a2826}.profile-confirm-dialog h2{align-items:center;gap:22px;margin:0 0 26px;padding-left:25px;font-size:28px;font-weight:850;display:flex}.confirm-emblem{color:#946317;background:#f7f2ea;border-radius:9px;flex-shrink:0;place-items:center;width:59px;height:59px;display:grid}.confirm-emblem svg{width:31px;height:31px}.confirm-close{color:#657083;background:0 0;border:0;padding:4px;position:absolute;top:26px;left:24px}.confirm-close svg{width:28px;height:28px}.profile-confirm-dialog>p{text-align:center;color:#5c687b;font-size:18px;line-height:1.8}.profile-confirm-dialog .confirm-phone{color:#17191c;background:#f7f3ed;border-radius:9px;width:58%;margin:10px auto 17px;padding:9px;font-size:22px;font-weight:750}.profile-confirm-dialog form{margin-top:20px}.profile-confirm-dialog input{height:57px;font-size:17px}.confirm-resend{color:#657083;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:14px;display:flex}.confirm-resend button{color:var(--hj-color-info-fg);background:0 0;border:0;padding:3px}.confirm-resend button:disabled{color:#9da9bf}.confirm-resend>span{flex-direction:row-reverse;align-items:center;gap:9px;display:flex}.confirm-hint{text-align:center;color:#667084;margin:27px 0 14px;font-size:14px}.confirm-submit{border-radius:7px;width:100%;height:57px;font-size:21px;font-weight:750}.confirm-back{margin:8px auto -12px;font-size:18px;display:block}@media (min-width:1200px) and (max-width:1450px){.profile-shell{grid-template-columns:240px minmax(0,1fr);gap:16px;width:calc(100% - 48px)}.profile-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.profile-contact{gap:16px}.profile-avatar{flex-basis:115px}.avatar-preview{width:108px;height:108px}.verification-heading h2{font-size:18px}.level-badge{padding-inline:9px;font-size:14px}.verification-copy h3{font-size:14px}.verification-copy p{font-size:12px}.verification-steps li{gap:8px}.current-level{padding:5px 7px;font-size:11px}.verification-status{width:24px;height:24px}.verification-card{padding-inline:14px}.verification-note{font-size:11px}}@media (max-width:1199px){.profile-shell{width:calc(100% - 80px);max-width:950px;margin-top:25px;display:block}.profile-columns{grid-template-columns:1fr;gap:22px}.profile-title{margin-bottom:17px}.profile-card{padding:25px}.profile-contact{gap:30px}.profile-avatar{flex-basis:150px}.profile-contact-fields{gap:18px}.verification-steps li{min-height:78px}.profile-save{max-width:330px}.mobile-logout{align-items:center;gap:8px;margin-top:12px;display:flex}.profile-footer{flex-wrap:wrap;gap:20px;font-size:11px}.profile-footer nav{gap:10px}.profile-footer nav>*+*{padding-inline-start:10px}.profile-socials{gap:15px}.profile-page .main-nav{display:none}.profile-page .main-nav--open{background:#fff;border:1px solid #e1e3df;border-radius:10px;flex-direction:column;gap:2px;padding:16px;display:flex;position:absolute;top:90px;left:20px;right:20px;box-shadow:0 12px 25px #002a2220}.profile-page .menu-toggle{color:inherit;background:0 0;border:0;order:3;display:block}}@media (max-width:600px){.profile-page .site-header{height:76px}.profile-page .header-inner{gap:18px;width:calc(100% - 40px)}.profile-page .main-nav--open{top:76px}.profile-page .brand__compact{gap:8px}.profile-page .brand__compact>span{font-size:36px}.profile-page .brand__icon{width:37px;height:37px}.profile-shell{width:calc(100% - 32px);margin-top:20px}.profile-title h1{font-size:28px}.profile-title p{font-size:14px}.profile-card{padding:20px 16px}.profile-columns{gap:18px}.profile-contact{flex-direction:column;gap:8px}.profile-avatar{flex-direction:row;flex-basis:auto;justify-content:flex-start;align-items:center;gap:18px;display:flex}.avatar-preview{width:93px;height:93px;margin:0}.avatar-preview>svg{width:43px;height:43px}.avatar-actions{width:auto}.avatar-actions small{font-size:9px}.profile-contact-fields{gap:18px}.profile-field label{font-size:15px}.profile-field input{height:43px;font-size:15px}.profile-field small{font-size:11px}.phone-verified{font-size:12px}.profile-identity{margin-top:22px}.profile-card h2{font-size:20px}.identity-fields{grid-template-columns:1fr;gap:18px}.profile-save{width:100%;max-width:none;margin-top:20px;font-size:18px}.verification-heading{gap:7px;padding:0 0 13px}.verification-heading h2{gap:5px;font-size:18px}.verification-heading h2 svg{width:29px;height:29px}.level-badge{padding:5px 10px;font-size:14px}.verification-steps li{gap:9px;min-height:79px;padding-inline:0}.verification-copy h3{font-size:13px}.verification-copy p{font-size:11px}.verification-status{width:24px;height:24px}.verification-status svg{width:18px;height:18px}.step-number{width:33px;height:33px;font-size:19px}.verification-steps li:not(:last-child):after{left:16px}.current-level{padding:5px 7px;font-size:10px}.verification-note{gap:7px;padding:11px 9px;font-size:11px}.verification-note svg{width:22px;height:22px}.profile-footer{text-align:center;flex-direction:column;gap:20px;margin-inline:16px;padding:17px 0}.profile-footer nav{order:-2;font-size:13px}.profile-socials{order:-1;gap:24px}.profile-confirm-dialog{border-radius:16px;width:calc(100% - 32px);padding:24px 20px}.profile-confirm-dialog h2{gap:12px;margin-bottom:28px;padding-left:10px;font-size:22px}.confirm-emblem{width:44px;height:44px}.confirm-emblem svg{width:25px;height:25px}.confirm-close{top:10px;left:9px}.confirm-close svg{width:23px;height:23px}.profile-confirm-dialog>p{font-size:15px}.profile-confirm-dialog .confirm-phone{width:70%;margin-bottom:22px;font-size:22px}.profile-confirm-dialog form{margin-top:23px}.profile-confirm-dialog label{font-size:16px}.profile-confirm-dialog input{height:55px}.confirm-resend{align-items:flex-start;font-size:12px}.confirm-resend>span{align-items:flex-start;max-width:140px}.confirm-resend svg{width:22px;height:22px}.confirm-hint{margin-top:27px;font-size:13px}.confirm-submit{height:51px;font-size:18px}.confirm-back{font-size:16px}}
