.account-page { min-height: 70vh; background: var(--surface-soft); }
.account-banner { position:relative; isolation:isolate; display:grid; align-items:center; min-height:240px; background-image:linear-gradient(90deg,rgba(4,22,39,.88) 0%,rgba(4,22,39,.72) 42%,rgba(4,22,39,.42) 100%),url('../img/account-banner.webp'); background-position:center 42%; background-size:cover; color:#fff; }
.account-banner .site-shell { position:relative; z-index:1; }
.account-banner h1 { color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.5); }
.account-banner p { max-width:620px; margin:.45rem 0 0; color:rgba(255,255,255,.88); text-shadow:0 1px 8px rgba(0,0,0,.55); }
.account-eyebrow,.account-kicker { display:block; color:var(--green); font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.account-page-shell { padding-top: 2rem; padding-bottom: 4rem; }
.account-notice { position:fixed; top:96px; right:24px; z-index:1000; display:grid; grid-template-columns:36px minmax(0,1fr) 28px; gap:.75rem; align-items:center; width:min(420px,calc(100vw - 32px)); padding:.9rem; border:1px solid var(--line); border-left:4px solid var(--blue); border-radius:12px; background:var(--surface-raised); color:var(--ink); box-shadow:0 18px 48px rgba(0,0,0,.24); animation:account-notice-enter 180ms ease-out; }
.account-notice[hidden] { display:none !important; }
.account-notice.is-error { border-left-color:#d64242; }
.account-notice.is-success { border-left-color:var(--green); }
.account-notice-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:var(--blue-pale); color:var(--link); font-size:1.05rem; font-weight:900; }
.account-notice.is-success .account-notice-icon { background:color-mix(in srgb,var(--green) 16%,var(--surface-raised)); color:var(--green); }
.account-notice.is-error .account-notice-icon { background:color-mix(in srgb,#d64242 14%,var(--surface-raised)); color:#d64242; }
.account-notice-copy,.account-notice-copy strong,.account-notice-copy span { display:block; }
.account-notice-copy strong { margin-bottom:.12rem; color:var(--ink); font-size:.92rem; }
.account-notice-copy span { color:var(--ink-soft); font-size:.86rem; line-height:1.4; }
.account-notice-close { display:grid; width:28px; height:28px; place-items:center; padding:0; border:0; border-radius:6px; background:transparent; color:var(--ink-soft); font:inherit; font-size:1.2rem; cursor:pointer; }
.account-notice-close:hover,.account-notice-close:focus-visible { background:var(--surface-soft); color:var(--ink); }
@keyframes account-notice-enter { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }
.account-session-loading { display:flex; align-items:center; justify-content:center; gap:.75rem; max-width:900px; min-height:110px; margin:1.5rem auto; border:1px solid var(--line); border-radius:16px; background:var(--surface-raised); color:var(--ink-soft); box-shadow:var(--shadow); }
.account-session-spinner { width:20px; height:20px; border:3px solid var(--line); border-top-color:var(--blue); border-radius:50%; animation:account-session-spin .8s linear infinite; }
.account-session-loading[hidden],.account-login-card[hidden],.account-app[hidden] { display:none !important; }
@keyframes account-session-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .account-session-spinner,.account-notice { animation:none; } }
.account-login-card { display:grid; grid-template-columns:1.2fr .8fr; max-width:900px; margin:1.5rem auto; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--surface-raised); box-shadow:var(--shadow); }
.account-login-copy { padding:3rem; background:linear-gradient(145deg,var(--navy),var(--navy-deep)); color:#fff; }
.account-login-copy h2 { margin:.4rem 0 1rem; color:#fff; font-size:2rem; }
.account-login-copy p,.account-trust-list { color:rgba(255,255,255,.78); }
.account-trust-list { margin:1.5rem 0 0; padding-left:1.2rem; }
.account-trust-list li { margin:.55rem 0; }
.account-login-form { justify-content:center; padding:3rem; }
.account-app { display:grid; grid-template-columns:250px minmax(0,1fr); gap:1.5rem; align-items:start; }
.account-sidebar,.account-content { border:1px solid var(--line); border-radius:14px; background:var(--surface-raised); box-shadow:var(--shadow); }
.account-sidebar { position:sticky; top:100px; overflow:hidden; }
.account-identity { display:flex; gap:.75rem; align-items:center; padding:1.25rem; border-bottom:1px solid var(--line); }
.account-identity strong,.account-identity span { display:block; }
.account-identity span { color:var(--ink-soft); font-size:.8rem; }
.account-avatar-mark { display:grid!important; width:42px; height:42px; place-items:center; border-radius:50%; background:var(--green); color:#fff!important; font-size:1.1rem!important; font-weight:900; }
.account-avatar-mark[hidden] { display:none!important; }
.account-avatar-mark.has-profile-badge { border-radius:0; background:transparent; }
.account-avatar-mark img { display:block; width:auto; max-width:38px; height:auto; max-height:38px; image-rendering:auto; }
.account-nav { display:grid; padding:.7rem; gap:.2rem; }
.account-nav button,.account-signout { width:100%; padding:.75rem .85rem; border:0; border-radius:8px; background:transparent; color:var(--ink); font:inherit; font-weight:700; text-align:left; cursor:pointer; }
.account-nav button:hover,.account-nav button.is-active { background:var(--blue-pale); color:var(--link); }
.account-signout { margin:.2rem .7rem .8rem; width:calc(100% - 1.4rem); color:#c83d3d; border-top:1px solid var(--line); border-radius:0; }
.account-content { min-height:620px; }
.account-panel { display:none; padding:2rem; }
.account-panel.is-active { display:block; }
.account-panel h2 { margin:.35rem 0 .6rem; font-size:1.9rem; }
.account-panel h3 { margin:2rem 0 .8rem; }
.account-panel-intro { color:var(--ink-soft); }
.account-panel-heading,.account-security-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.account-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.5rem 0; }
.account-stat { padding:1.15rem; border:1px solid var(--line); border-radius:10px; background:var(--surface-soft); }
.account-stat span,.account-detail-card span { display:block; color:var(--ink-soft); font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.account-stat strong { display:block; margin-top:.35rem; font-size:1.55rem; }
.account-sim-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.account-sim-card { display:grid; grid-template-columns:82px minmax(0,1fr); grid-template-rows:auto auto; gap:1rem; align-content:start; padding:1rem; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.account-sim-portrait { position:relative; display:grid; width:82px; height:82px; place-items:center; overflow:hidden; border-radius:10px; background:#304058; color:#70cfff; font-size:2rem; font-weight:900; }
.account-sim-initials { position:relative; z-index:0; }
.account-sim-portrait img { position:absolute; z-index:1; width:66px; height:66px; border-radius:6px; object-fit:fill; image-rendering:pixelated; }
.account-sim-card h4 { margin:.15rem 0 .35rem; font-size:1.15rem; }
.account-sim-summary { min-width:0; }
.account-sim-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; }
.account-sim-title-row h4 { min-width:0; overflow-wrap:anywhere; }
.account-sim-title-row>span { flex:none; color:var(--ink-soft); font-size:.78rem; white-space:nowrap; }
.account-sim-balance { color:var(--ink-soft); font-size:.88rem; }
.account-sim-meta { display:flex; flex-wrap:wrap; gap:.35rem .75rem; color:var(--ink-soft); font-size:.86rem; }
.account-online-dot { width:.55rem; height:.55rem; display:inline-block; margin-right:.3rem; border-radius:50%; background:#8996a4; }
.account-online-dot.is-online { background:var(--green); }
.account-property-line { margin:.65rem 0 0; padding-top:.65rem; border-top:1px solid var(--line); font-size:.86rem; }
.account-sim-home { grid-column:1/-1; display:grid; grid-template-columns:34px minmax(0,1fr); gap:.7rem; align-items:center; min-height:48px; padding-top:.85rem; border-top:1px solid var(--line); }
.account-sim-home strong,.account-sim-home span { display:block; }
.account-sim-home strong { overflow:hidden; color:var(--ink); font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }
.account-sim-home>div>span { color:var(--ink-soft); font-size:.72rem; }
.account-sim-home.is-empty strong { color:var(--ink-soft); }
.account-home-placeholder { display:grid!important; width:32px; height:32px; place-items:center; border:1px dashed var(--line); border-radius:9px; color:var(--ink-soft); font-size:1.15rem; }
.account-category-badge { position:relative; display:grid; width:38px; height:38px; flex:none; place-items:center; border:1px solid var(--line); border-radius:10px; background:var(--surface-raised); outline:0; }
.account-category-badge.is-small { width:32px; height:32px; border-radius:8px; }
.account-category-badge.is-large { width:46px; height:46px; }
.account-category-badge img { position:absolute; top:50%; left:50%; display:block; width:30px; height:30px; object-fit:contain; object-position:center; image-rendering:pixelated; transform:translate(-50%,-50%); }
.account-category-badge.is-small img { width:24px; height:24px; }
.account-category-badge.is-large img { width:36px; height:36px; }
.account-category-badge:focus-visible { outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent); outline-offset:2px; }
.account-category-tooltip { position:absolute; left:50%; bottom:calc(100% + 8px); z-index:20; width:max-content; max-width:180px; padding:.4rem .55rem; border-radius:7px; background:var(--navy-deep); color:#fff!important; font-size:.72rem!important; font-weight:700; line-height:1.2; pointer-events:none; opacity:0; transform:translate(-50%,4px); transition:opacity 140ms ease,transform 140ms ease; }
.account-category-tooltip::after { position:absolute; top:100%; left:50%; border:5px solid transparent; border-top-color:var(--navy-deep); content:""; transform:translateX(-50%); }
.account-category-badge:hover .account-category-tooltip,.account-category-badge:focus .account-category-tooltip { opacity:1; transform:translate(-50%,0); }
.account-sim-switcher { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1.5rem 0; }
.account-sim-selector { display:flex; min-width:0; align-items:center; gap:.75rem; padding:.75rem; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); color:var(--ink); font:inherit; text-align:left; cursor:pointer; transition:border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease; }
.account-sim-selector:hover { border-color:color-mix(in srgb,var(--blue) 50%,var(--line)); transform:translateY(-1px); }
.account-sim-selector.is-active { border-color:var(--blue); background:var(--blue-pale); box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 16%,transparent); }
.account-sim-selector:focus-visible { outline:3px solid color-mix(in srgb,var(--blue) 30%,transparent); outline-offset:2px; }
.account-sim-portrait.is-selector { width:54px; height:54px; flex:none; border-radius:9px; font-size:1.25rem; }
.account-sim-portrait.is-selector img { width:44px; height:44px; }
.account-sim-selector-copy { display:block; min-width:0; }
.account-sim-selector-copy strong,.account-sim-selector-copy span { display:block; }
.account-sim-selector-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-sim-selector-copy>span { margin-top:.18rem; color:var(--ink-soft); font-size:.75rem; }
.account-sim-detail { min-height:300px; }
.account-detail-loading { display:flex; min-height:220px; align-items:center; justify-content:center; gap:.7rem; border:1px solid var(--line); border-radius:14px; background:var(--surface-soft); color:var(--ink-soft); }
.account-detail-error { display:flex; min-height:180px; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; }
.account-sim-profile { display:grid; gap:1.15rem; }
.account-sim-profile-header { display:grid; grid-template-columns:auto minmax(0,1fr); gap:1.15rem; align-items:center; padding:1.3rem; border-radius:16px; background:linear-gradient(135deg,var(--navy),var(--navy-deep)); color:#fff; box-shadow:var(--shadow); }
.account-sim-portrait.is-profile { width:108px; height:108px; border:1px solid rgba(255,255,255,.16); border-radius:14px; font-size:2.4rem; }
.account-sim-portrait.is-profile img { width:88px; height:88px; border-radius:8px; }
.account-profile-name-row { display:flex; align-items:center; gap:.75rem; }
.account-profile-name-row h3 { margin:.2rem 0!important; color:#fff; font-size:1.75rem; }
.account-sim-profile-identity p { margin:.25rem 0 0; color:rgba(255,255,255,.7); font-size:.86rem; }
.account-status-pill,.account-role-pill { display:inline-flex; align-items:center; width:max-content; padding:.3rem .55rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.88); font-size:.75rem; font-weight:800; }
.account-profile-quick-stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.account-profile-quick-stats>div { min-width:0; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:rgba(255,255,255,.06); }
.account-profile-quick-stats span,.account-profile-quick-stats strong { display:block; }
.account-profile-quick-stats span { color:rgba(255,255,255,.62); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.account-profile-quick-stats strong { margin-top:.25rem; overflow:hidden; color:#fff; font-size:.92rem; text-overflow:ellipsis; white-space:nowrap; }
.account-profile-card { padding:1.25rem; border:1px solid var(--line); border-radius:14px; background:var(--surface-soft); }
.account-profile-card h3 { margin:.25rem 0 1rem; font-size:1.45rem; }
.account-profile-card h4 { margin:0; }
.account-profile-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.account-skills-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.4rem; }
.account-skill-row { min-width:0; }
.account-skill-label { display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; margin-bottom:.38rem; }
.account-skill-label strong { font-size:.88rem; }
.account-skill-label span { color:var(--ink-soft); font-size:.75rem; font-variant-numeric:tabular-nums; }
.account-skill-track { display:grid; grid-template-columns:repeat(20,minmax(3px,1fr)); gap:2px; }
.account-skill-segment { display:block; height:15px; overflow:hidden; border:1px solid color-mix(in srgb,var(--line) 78%,transparent); border-radius:2px; background:color-mix(in srgb,var(--surface-raised) 74%,var(--navy)); }
.account-skill-segment>span { display:block; height:100%; background:#41a7cf; }
.account-skill-segment.is-earned>span { background:linear-gradient(180deg,#63cbe5,#2585b4); }
.account-skill-segment.is-locked>span { background:linear-gradient(180deg,#f16c64,#c43f43); }
.account-skill-legend { display:flex; flex-wrap:wrap; gap:.7rem; color:var(--ink-soft); font-size:.72rem; }
.account-skill-legend span { display:flex; align-items:center; gap:.3rem; }
.account-skill-legend i { width:.7rem; height:.7rem; border-radius:2px; background:#41a7cf; }
.account-skill-legend i.is-locked { background:#d94c4c; }
.account-lock-summary { margin-top:1.1rem; padding-top:.9rem; border-top:1px solid var(--line); color:var(--ink-soft); font-size:.86rem; }
.account-lock-summary strong { color:var(--ink); }
.account-profile-columns { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr); gap:1.15rem; align-items:start; }
.account-current-career { padding:1rem; border:1px solid var(--line); border-radius:12px; background:var(--surface-raised); }
.account-career-type { color:var(--ink-soft); font-size:.76rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.account-current-career h4 { margin:.28rem 0; font-size:1.28rem; }
.account-career-level { color:var(--link); font-size:.82rem; font-weight:800; }
.account-career-facts { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:1rem 0; }
.account-career-facts>div { padding:.65rem; border-radius:8px; background:var(--surface-soft); }
.account-career-facts dt { color:var(--ink-soft); font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.account-career-facts dd { margin:.22rem 0 0; font-size:.8rem; font-weight:700; }
.account-career-progress>div:first-child { display:flex; justify-content:space-between; gap:1rem; font-size:.78rem; }
.account-progress-track { height:10px; margin:.4rem 0; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--surface-soft) 65%,var(--navy)); }
.account-progress-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue),var(--green)); }
.account-career-progress small,.account-career-progress-note { color:var(--ink-soft); font-size:.74rem; }
.account-career-progress-note,.account-career-max { margin-top:.75rem; padding:.65rem; border-radius:8px; background:var(--blue-pale); color:var(--link); font-size:.78rem; font-weight:700; }
.account-career-history { margin-top:1.25rem; }
.account-career-history>h4 { font-size:1rem; }
.account-career-history>p { margin:.25rem 0 .65rem; color:var(--ink-soft); font-size:.76rem; }
.account-career-history ul,.account-household ul { display:grid; gap:.45rem; margin:0; padding:0; list-style:none; }
.account-career-history li { display:flex; justify-content:space-between; gap:.75rem; padding:.7rem 0; border-bottom:1px solid var(--line); }
.account-career-history li>div strong,.account-career-history li>div span { display:block; }
.account-career-history li>div span,.account-career-history li>span { color:var(--ink-soft); font-size:.74rem; }
.account-career-empty,.account-property-empty { display:flex; min-height:180px; flex-direction:column; align-items:center; justify-content:center; padding:1rem; border:1px dashed var(--line); border-radius:12px; color:var(--ink-soft); text-align:center; }
.account-career-empty strong { color:var(--ink); }
.account-career-empty span { margin-top:.25rem; font-size:.8rem; }
.account-property-showcase { display:grid; grid-template-columns:180px minmax(0,1fr); gap:1rem; }
.account-property-showcase+.account-property-showcase { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line); }
.account-property-image { position:relative; display:grid; width:180px; height:180px; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#304058; }
.account-property-image img { display:block; width:100%; height:100%; object-fit:cover; }
.account-property-image-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; color:rgba(255,255,255,.76); font-size:.78rem; text-align:center; }
.account-property-image-fallback[hidden] { display:none; }
.account-property-image-fallback svg { width:58px; height:58px; color:rgba(255,255,255,.82); }
.account-property-title { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
.account-property-title h4 { margin:.35rem 0 0; font-size:1.2rem; }
.account-role-pill { border-color:var(--line); background:var(--blue-pale); color:var(--link); }
.account-property-description { display:-webkit-box; margin:.65rem 0; overflow:hidden; color:var(--ink-soft); font-size:.8rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.account-household { margin-top:.85rem; padding-top:.75rem; border-top:1px solid var(--line); }
.account-household>h4 { margin-bottom:.55rem; font-size:.84rem; }
.account-household li { display:flex; align-items:center; gap:.55rem; }
.account-household li>div strong,.account-household li>div span { display:block; }
.account-household li>div strong { font-size:.8rem; }
.account-household li>div span { color:var(--ink-soft); font-size:.7rem; }
.account-sim-portrait.is-household { width:40px; height:40px; flex:none; border-radius:8px; font-size:.9rem; }
.account-sim-portrait.is-household img { width:32px; height:32px; border-radius:5px; }
.account-property-empty>span { font-size:2.2rem; }
.account-property-empty strong { margin-top:.3rem; color:var(--ink); }
.account-property-empty p { margin:.25rem 0 0; font-size:.8rem; }
.account-form { display:flex; flex-direction:column; gap:1rem; }
.account-form label { display:grid; gap:.4rem; color:var(--ink); font-weight:750; }
.account-form input,.account-form select { width:100%; min-height:44px; padding:.65rem .75rem; border:1px solid var(--field-border); border-radius:8px; background:var(--surface); color:var(--ink); font:inherit; }
.account-form input:focus,.account-form select:focus { outline:3px solid color-mix(in srgb,var(--blue) 24%,transparent); border-color:var(--blue); }
.account-action-form { max-width:640px; margin-top:1.25rem; }
.account-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.account-primary-button,.account-danger-button { align-self:flex-start; min-width:180px; }
.account-danger-button { background:#b93636; border-color:#b93636; }
.account-help-link { color:var(--link); font-weight:700; text-align:center; }
.account-info-box,.account-warning-box { margin:1rem 0; padding:1rem; border-radius:9px; border-left:4px solid var(--blue); background:var(--blue-pale); }
.account-warning-box { border-left-color:#e69d2e; background:color-mix(in srgb,#e69d2e 14%,var(--surface-raised)); }
.account-choice-group { display:grid; gap:.65rem; padding:0; border:0; }
.account-choice-group legend { margin-bottom:.5rem; font-weight:800; }
.account-choice { grid-template-columns:auto 1fr!important; align-items:start; padding:.85rem; border:1px solid var(--line); border-radius:9px; background:var(--surface-soft); }
.account-choice input,.account-confirm-check input { width:auto; min-height:0; margin-top:.2rem; }
.account-choice strong,.account-choice small { display:block; }
.account-choice small { margin-top:.2rem; color:var(--ink-soft); font-weight:400; }
.account-confirm-check { grid-template-columns:auto 1fr!important; align-items:center; }
.account-detail-card { display:grid; grid-template-columns:160px 1fr; gap:.8rem 1rem; max-width:620px; margin:1.25rem 0; padding:1.2rem; border:1px solid var(--line); border-radius:10px; background:var(--surface-soft); }
.account-activity-list,.account-session-list { display:grid; gap:.55rem; }
.account-activity,.account-session { display:flex; justify-content:space-between; gap:1rem; padding:.85rem 0; border-bottom:1px solid var(--line); }
.account-activity span,.account-session span { color:var(--ink-soft); font-size:.86rem; }
.account-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-top:1.5rem; }
.account-section-heading h3 { margin:0; }
.account-section-heading span { color:var(--ink-soft); font-size:.86rem; }
.account-pagination { display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding-top:1rem; }
.account-pagination span { color:var(--ink-soft); font-size:.9rem; }
.account-pagination .account-text-button:disabled { color:var(--ink-soft); cursor:not-allowed; opacity:.55; }
.account-text-button { border:0; background:transparent; color:var(--link); font:inherit; font-weight:800; cursor:pointer; }
.account-danger-text { color:#c83d3d; }
.account-empty { padding:1.25rem; border:1px dashed var(--line); border-radius:9px; color:var(--ink-soft); text-align:center; }
.account-loading { opacity:.55; pointer-events:none; }
@media (max-width:1150px) { .account-profile-columns { grid-template-columns:1fr; } }
@media (max-width:1050px) { .account-sim-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .account-app { grid-template-columns:1fr; } .account-sidebar { position:static; } .account-nav { grid-template-columns:repeat(2,1fr); } .account-signout { text-align:center; } }
@media (max-width:680px) { .account-notice { top:78px; right:16px; } .account-login-card { grid-template-columns:1fr; } .account-login-copy,.account-login-form,.account-panel { padding:1.35rem; } .account-stat-grid,.account-sim-grid,.account-form-grid,.account-sim-switcher,.account-skills-grid,.account-profile-quick-stats { grid-template-columns:1fr; } .account-nav { grid-template-columns:1fr; } .account-detail-card { grid-template-columns:1fr; } .account-panel-heading,.account-security-heading,.account-profile-card-heading { align-items:flex-start; flex-direction:column; } .account-pagination { justify-content:space-between; } .account-sim-profile-header { grid-template-columns:1fr; justify-items:center; text-align:center; } .account-profile-name-row { flex-direction:column; gap:.35rem; } .account-property-showcase { grid-template-columns:1fr; } .account-property-image { width:min(100%,288px); height:auto; aspect-ratio:1; margin:0 auto; } .account-career-facts { grid-template-columns:1fr; } }