.account-container{max-width:1120px}
.account-head{align-items:flex-end}
.profile-completion{width:230px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.profile-completion__top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}
.profile-completion__top strong{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}
.profile-completion__bar{height:5px;margin-top:9px;border-radius:999px;background:#ececef;overflow:hidden}
.profile-completion__bar span{display:block;width:0;height:100%;background:var(--accent);transition:width .2s ease}

.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.account-sidebar{position:sticky;top:80px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.account-tab{width:100%;display:flex;align-items:flex-start;gap:10px;padding:11px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.account-tab:hover{background:var(--surface-subtle)}
.account-tab.is-active{background:var(--accent-soft)}
.account-tab__icon{width:20px;height:20px;display:grid;place-items:center;color:var(--muted);font-size:16px;line-height:1}
.account-tab.is-active .account-tab__icon{color:var(--accent)}
.account-tab strong{display:block;font-size:13px;font-weight:600}
.account-tab small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}

.account-content{min-width:0}
.account-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.account-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}
.account-panel__head h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.025em}
.account-panel__head p{max-width:650px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.save-state{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px;background:var(--surface-subtle)}
.save-state.is-dirty{color:#92400e;background:var(--warning-soft);border-color:#f3dfad}
.save-state.is-saved{color:var(--success);background:var(--success-soft);border-color:#bbf7d0}

.account-form{padding:0 24px 24px}
.form-section{padding:22px 0;border-bottom:1px solid var(--line)}
.form-section__title{margin-bottom:15px}
.form-section__title h3,.security-block h3{margin:0;font-size:14px;font-weight:600}
.form-section__title p,.security-block p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.account-form .form-field input,.account-form .form-field select,.security-fields .form-field input{font-weight:450}

.company-details{margin:20px 0 0;border:1px solid var(--line);border-radius:7px;background:var(--surface-subtle)}
.company-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.company-details summary::-webkit-details-marker{display:none}
.company-details summary strong{display:block;font-size:12px;font-weight:600}
.company-details summary small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.company-details__chevron{color:var(--muted);transition:transform .15s ease}
.company-details[open] .company-details__chevron{transform:rotate(180deg)}
.company-details__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:0 14px 14px}

.account-actions{display:flex;justify-content:flex-end;margin-top:20px}
.account-actions--left{justify-content:flex-start}
.account-message{margin-top:14px;padding:10px 11px;border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.45}
.account-message--error{background:var(--danger-soft);border-color:#fecaca;color:#991b1b}
.account-message--success{background:var(--success-soft);border-color:#bbf7d0;color:#166534}

.security-block{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:28px;padding:22px 24px;border-bottom:1px solid var(--line)}
.security-block:last-child{border-bottom:0}
.security-email{justify-self:start;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-subtle);font-size:12px;font-weight:550}
.security-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;max-width:570px}
.security-fields .form-field--wide,.security-fields .password-hint,.security-fields .account-message,.security-fields .account-actions{grid-column:1/-1}
.password-hint{color:var(--muted);font-size:10px;line-height:1.45}

@media (max-width:860px){
  .account-head{align-items:flex-start;flex-direction:column}
  .profile-completion{width:100%;max-width:320px}
  .account-layout{grid-template-columns:1fr}
  .account-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}
  .account-panel__head{padding:18px}
  .account-form{padding:0 18px 18px}
  .security-block{grid-template-columns:1fr;gap:14px;padding:18px}
}

@media (max-width:620px){
  .account-sidebar{grid-template-columns:1fr}
  .account-form-grid,.company-details__body,.security-fields{grid-template-columns:1fr}
  .account-form-grid .form-field--wide,.security-fields .form-field--wide{grid-column:auto}
  .account-panel__head{flex-direction:column}
  .save-state{align-self:flex-start}
}

html[data-theme="dark"] .profile-completion__bar{background:#252a30}
html[data-theme="dark"] .account-tab:hover{background:#1a1e22}
html[data-theme="dark"] .account-tab.is-active{background:#112925}
html[data-theme="dark"] .save-state.is-dirty{background:#2a2415;border-color:#51401e;color:#eab65a}
html[data-theme="dark"] .save-state.is-saved{background:#14281c;border-color:#245c35;color:#67d58a}
html[data-theme="dark"] .company-details,html[data-theme="dark"] .security-email{background:#171b1f}
html[data-theme="dark"] .account-message--error{background:#2b1719;border-color:#5a3033;color:#fca5a5}
html[data-theme="dark"] .account-message--success{background:#14281c;border-color:#245c35;color:#86efac}
.auth-check{display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;font-size:12px;line-height:1.45;color:var(--muted);cursor:pointer}.auth-check input{width:14px;height:14px;margin:2px 0 0;accent-color:#111}.auth-check a{color:var(--text)}