.market-app .auth-experience { display:grid; grid-template-columns: .95fr 1.05fr; margin:36px auto 54px; padding:0; min-height:640px; border:1px solid #e0e4da; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 16px 55px #183c2910; }
.auth-story { position:relative; min-height:100%; background:#294b3c; overflow:hidden; }
.auth-story>img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center 45%; }
.auth-story::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent, #0b241ee8); }
.auth-story-copy { position:absolute; z-index:1; left:36px; right:30px; bottom:36px; color:#fff; }
.auth-story-copy>span { font-size:.65rem; letter-spacing:.17em; font-weight:700; }
.market-app .auth-story-copy h2 { color:#fff; font-size:2.6rem; line-height:1.08; margin:18px 0 12px; }
.auth-story-copy p { color:#e1e8df; font-size:.86rem; max-width:300px; margin:0; }
.auth-panel { padding:30px 50px 42px; min-width:0; }
.auth-back { font-size:.76rem; text-decoration:none; color:#59695f; }
.auth-content { max-width:440px; margin:48px auto 0; }
.market-app .auth-content h1 { font-size:2.05rem; line-height:1.18; margin-bottom:12px; color:#1f382d; }
.market-app .auth-content .auth-intro { font-size:.87rem; line-height:1.7; color:#637066; margin-bottom:26px; }
.auth-content .row>div { width:100%; }
.auth-content .row { margin:0; }
.auth-content .row>div { padding:0; }
.auth-content hr { border-color:#dce2d9; }
.auth-content .alert { font-size:.87rem; }
.auth-content .form-control { font-size:.9rem; border-color:#d8e0d6; }
.auth-content .btn-primary, .account-content .btn-primary { background:#254b3b; border-color:#254b3b; }
.account-field { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; min-width:0; }
.account-field label, .field-heading { font-size:.79rem; font-weight:650; color:#2f4035; }
.account-field input { width:100%; min-height:46px; border:1px solid #ccd6cb; border-radius:7px; padding:11px 13px; font-size:.9rem; color:#20382b; background:#fff; transition:border-color .15s,box-shadow .15s; }
.account-field input:focus { border-color:#50745f; outline:0; box-shadow:0 0 0 3px #476d501a; }
.account-field input.input-validation-error { border-color:#b04631; }
.account-field small, .account-hint { font-size:.74rem; color:#687269; line-height:1.6; }
.account-field .text-danger { font-size:.74rem; }
.field-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; }
.field-heading a { font-size:.74rem; font-weight:600; text-decoration:none; color:#a64122; }
.account-check { display:flex; align-items:center; gap:10px; font-size:.8rem; margin:2px 0 22px; color:#425245; cursor:pointer; }
.account-check input { width:17px; height:17px; accent-color:#254b3b; flex-shrink:0; }
.account-primary, .account-secondary { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:45px; padding:12px 18px; border-radius:7px; text-decoration:none; font-size:.82rem; font-weight:700; line-height:1.4; transition:background .15s; }
.account-primary { background:#254b3b; color:#fff; border:1px solid #254b3b; }
.account-primary:hover { background:#173b2c; color:#fff; }
.auth-content .account-primary { width:100%; justify-content:space-between; }
.account-secondary { border:1px solid #cbd5ca; color:#294736; background:#fff; }
.account-secondary:hover { background:#edf2ea; color:#294736; }
.account-primary[aria-disabled=true],.account-secondary[aria-disabled=true] { opacity:.7; cursor:wait; }
.auth-switch { margin:26px 0 0; text-align:center; color:#6c756d; font-size:.8rem; }
.auth-switch a { font-weight:700; color:#a64122; text-decoration:none; }
.auth-switch a:hover,.auth-back:hover { text-decoration:underline; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:24px 0 16px; color:#6d786e; font-size:.7rem; }
.auth-divider::before,.auth-divider::after { content:""; flex:1; height:1px; background:#e1e6dd; }
.external-providers { display:flex; gap:10px; flex-wrap:wrap; }
.password-control { position:relative; }
.password-control input { padding-right:62px; }
.password-control button { position:absolute; right:4px; top:4px; bottom:4px; min-width:50px; background:transparent; color:#34583f; font-size:.7rem; font-weight:700; border:0; border-radius:5px; }
.password-control button:hover { background:#edf2ea; }
.caps-lock-hint { color:#a64122!important; }
.account-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.optional-name { margin:0 0 16px; font-size:.75rem; color:#5d6c5f; }
.optional-name summary { cursor:pointer; }
.optional-name[open] summary { margin-bottom:12px; }
.seller-option { border:1px solid #dce3d7; border-radius:8px; background:#f4f7f0; padding:14px; }
.seller-option span { display:grid; gap:3px; }
.seller-option small { color:#6a7669; font-size:.73rem; }
.account-note { border-left:3px solid #b9753d; padding:14px 16px; background:#faf4e9; font-size:.82rem; color:#6c604d; margin-bottom:25px; border-radius:0 7px 7px 0; }
.validation-summary-errors { font-size:.81rem; padding:12px; border:1px solid #e9b7a9; background:#fff5f2; border-radius:7px; margin-bottom:18px; }
.validation-summary-errors ul { margin:0; padding-left:18px; }
.market-app .account-workspace { padding-top:32px; padding-bottom:56px; }
.account-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; gap:16px; }
.market-app .account-heading h1 { margin:0; font-size:2.25rem; color:#203e30; }
.account-heading .eyebrow { margin-bottom:8px; }
.account-heading>a { font-size:.8rem; color:#48624c; text-decoration:none; }
.account-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:28px; align-items:start; }
.account-sidebar { background:#fff; border:1px solid #dfe5d9; border-radius:12px; padding:14px; position:sticky; top:100px; }
.account-sidebar nav { display:grid; gap:3px; }
.account-sidebar a { text-decoration:none; padding:11px 12px; font-size:.79rem; color:#506152; border-radius:7px; display:flex; justify-content:space-between; gap:8px; }
.account-sidebar a:hover { background:#f1f5ee; }
.account-sidebar a.active { background:#e9f0e3; color:#294c34; font-weight:750; }
.account-nav-label { font-size:.6rem; color:#87917f; font-weight:750; letter-spacing:.12em; padding:15px 12px 8px; }
.account-nav-label:first-child { padding-top:6px; }
.account-content { min-width:0; }
.market-app .account-content h2 { font-size:1.3rem; color:#253e2e; margin:0 0 12px; }
.market-app .account-content h3 { font-size:1rem; color:#253e2e; }
.account-lead,.account-welcome p { font-size:.83rem; line-height:1.6; color:#687264; }
.account-welcome { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.account-welcome p { margin:0; }
.account-status { background:#eef0e8; border:1px solid #dfe3d5; padding:6px 9px; border-radius:5px; font-size:.64rem; color:#5e6a50; white-space:nowrap; }
.account-quick-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.account-quick-links a { display:grid; gap:7px; padding:18px; border:1px solid #dce4d6; border-radius:10px; text-decoration:none; background:#f0f4eb; color:#254630; }
.account-quick-links a>span { font-size:.6rem; color:#7a8869; }
.account-quick-links strong { font-size:.87rem; }
.account-quick-links small { color:#6b7861; font-size:.67rem; }
.account-quick-links a:hover { border-color:#829c70; background:#e7efdf; }
.account-card { background:#fff; border:1px solid #dde3d8; border-radius:12px; padding:24px; min-width:0; }
.profile-details-grid { display:grid; grid-template-columns:1.65fr 1fr; gap:18px; }
.account-card>h2 { margin-bottom:22px!important; }
.account-email-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid #e6e9e0; }
.account-email-row>div { display:grid; gap:5px; min-width:0; }
.account-email-row small { color:#75806f; font-size:.73rem; }
.account-email-row strong { font-size:.83rem; overflow-wrap:anywhere; }
.account-email-row a { font-size:.76rem; color:#a64122; }
.profile-photo-card { text-align:center; }
.profile-photo-card p { font-size:.78rem; line-height:1.6; color:#75806f; max-width:200px; margin:16px auto 22px; }
.profile-photo-card .account-field { text-align:left; }
.account-avatar { width:112px; height:112px; margin:12px auto; border-radius:50%; background:#e9efdf; color:#416434; display:grid; place-items:center; overflow:hidden; border:5px solid #f7f9f3; font-size:2.5rem; font-weight:700; }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.account-field input[type=file] { font-size:.69rem; padding:8px; min-height:40px; overflow:hidden; }
.account-field input::file-selector-button { border:0; border-radius:4px; padding:6px; background:#edf1e6; color:#456136; font-size:.68rem; margin-right:7px; }
.account-section-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:28px 0 16px; }
.account-section-title h2 { margin:0!important; }
.account-section-title>span { color:#74816a; font-size:.73rem; }
.verification-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.verification-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.verification-heading h3 { margin:0; font-size:.92rem!important; }
.verification-card p { font-size:.79rem; overflow-wrap:anywhere; color:#6d7865; margin:12px 0 18px; }
.verification-card small { font-size:.7rem; color:#6d7865; }
.verification-badge { display:inline-block; border-radius:5px; padding:4px 7px; color:#94703d; background:#faf1dd; font-size:.62rem; font-weight:650; }
.verification-badge.is-verified { background:#e7f2e4; color:#366830; }
.code-form { display:flex; align-items:end; gap:10px; margin-top:18px; }
.code-form .account-field { margin-bottom:0; flex:1; }
.code-form input { letter-spacing:.22em; }
.account-narrow { max-width:650px; }
.account-content>.row { padding:22px; background:#fff; border:1px solid #dde3d8; border-radius:12px; margin:18px 0; }
.account-content>.row>.col-md-6 { width:100%; max-width:550px; padding:0; }
.account-content .form-floating label { color:#66755d; font-size:.82rem; }
.account-content .alert { font-size:.84rem; border-radius:8px; }
.account-content .alert-success { color:#315e31; background:#edf5e9; border-color:#c9dfbe; }
.account-content .btn { font-size:.83rem; border-radius:7px; padding:10px 15px; }
.account-content .password-control input { min-height:48px; }
.account-content .form-floating>.password-control { padding-top:20px; }
.account-content .form-floating:has(.password-control)>label { transform:scale(.85) translateY(-.5rem) translateX(.15rem); }
@media(max-width:1199px) {
    .market-app .auth-experience { width:calc(100% - 32px); }
    .auth-panel { padding-inline:32px; }
    .profile-details-grid { grid-template-columns:1.4fr 1fr; }
}
@media(max-width:991px) {
    .account-layout { grid-template-columns:190px minmax(0,1fr); gap:18px; }
    .profile-details-grid { grid-template-columns:1fr; }
    .account-sidebar { padding:10px; }
    .account-quick-links a { padding:13px; }
    .account-quick-links small { display:none; }
}
@media(max-width:767px) {
    .market-app .auth-experience { grid-template-columns:1fr; margin-top:20px; min-height:0; }
    .auth-story { min-height:180px; }
    .auth-story>img { object-position:center 28%; }
    .auth-story::after { inset:0; background:linear-gradient(90deg,#102e23db,transparent); }
    .auth-story-copy { bottom:22px; left:24px; right:16px; }
    .auth-story-copy>span { font-size:.55rem; }
    .market-app .auth-story-copy h2 { font-size:1.7rem; margin:10px 0 0; }
    .auth-story-copy p { display:none; }
    .auth-panel { padding:24px; }
    .auth-content { margin:28px auto 8px; max-width:none; }
    .market-app .auth-content h1 { font-size:1.65rem; }
    .account-layout { grid-template-columns:1fr; }
    .account-sidebar { position:static; overflow-x:auto; padding:7px; }
    .account-sidebar nav { display:flex; width:max-content; }
    .account-sidebar a { white-space:nowrap; padding:10px 13px; }
    .account-nav-label { display:none; }
    .account-sidebar a>span { display:none; }
    .account-heading { margin-bottom:18px; }
    .market-app .account-heading h1 { font-size:1.8rem; }
    .account-heading>a { font-size:.7rem; }
    .account-card { padding:20px; }
    .account-workspace { padding-inline:16px; }
}
@media(max-width:480px) {
    .account-form-grid { gap:12px; }
    .account-welcome { display:block; }
    .account-status { display:inline-block; margin-top:12px; }
    .account-quick-links { gap:8px; }
    .account-quick-links strong { font-size:.74rem; }
    .verification-grid { grid-template-columns:1fr; }
    .account-section-title { flex-wrap:wrap; gap:8px; }
    .account-check { font-size:.76rem; }
}