:root{
  --account-danger:#ff8585;
  --account-success:#9ed7a4;
  --account-warning:#f1bf68;
}
body.account-page{min-height:100vh;background:var(--bg);color:var(--text)}
.account-shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}
.account-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.account-back{color:#aaa;text-decoration:none;font-size:14px}.account-back:hover{color:var(--gold)}
.account-heading{margin:0 0 8px;font-size:clamp(30px,5vw,44px);line-height:1.05}.account-lead{margin:0 0 30px;color:#999;line-height:1.65}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151515,#0e0e0e)}.account-card.full{grid-column:1/-1}.account-card h2{margin:0 0 8px;font-size:20px}.account-card h3{margin:22px 0 8px;font-size:15px}.account-description{margin:0 0 18px;color:#929292;line-height:1.55}.account-status{display:flex;align-items:center;gap:8px;margin:10px 0 18px;color:#b9b9b9}.account-status-dot{width:8px;height:8px;border-radius:50%;background:#777}.account-status-dot.ok{background:var(--account-success)}.account-status-dot.warn{background:var(--account-warning)}
.account-email,.account-panel{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow-wrap:anywhere}.account-email{margin:0 0 16px}
.account-form-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.account-field{display:grid;gap:7px;margin:14px 0}.account-field label{color:#aaa;font-size:12px;font-weight:800;letter-spacing:.45px}.account-field input,.account-field select{width:100%;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;outline:0;background:var(--soft);color:#fff;font:inherit}.account-field input:focus,.account-field select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,189,0,.12)}
.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.account-actions .ms-button{margin:0}.ms-button.account-secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);color:#fff}.ms-button.account-secondary:hover{border-color:var(--gold);color:var(--gold)}.ms-button.account-danger{border:1px solid rgba(255,133,133,.5);background:transparent;color:var(--account-danger)}.ms-button.account-danger:hover{border-color:var(--account-danger);color:#fff;background:rgba(255,133,133,.1)}.ms-button.account-compact{min-height:38px;padding:0 15px;font-size:10px}.ms-button.account-active{background:linear-gradient(90deg,var(--gold2),#fc0);color:#000;border-color:transparent}.ms-button:focus-visible,.account-icon-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.account-language{display:flex;gap:8px}.account-language .ms-button{min-width:58px}
.account-list{display:grid;gap:10px;margin-top:14px}.account-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.account-list-main{min-width:0}.account-list-title{display:block;font-weight:800;overflow-wrap:anywhere}.account-list-meta{display:block;margin-top:3px;color:#808080;font-size:12px}.account-list-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.account-icon-button{min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#111;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.account-icon-button:hover{border-color:var(--gold);color:var(--gold)}.account-icon-button.danger{color:var(--account-danger)}
.account-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:rgba(255,189,0,.06);color:#a9a9a9;font-size:13px;line-height:1.55}.account-warning{border-left-color:var(--account-warning)}
.account-message{display:none;margin:14px 0 0;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-line}.account-message.show{display:block}.account-message.error{border:1px solid rgba(255,133,133,.45);background:rgba(255,133,133,.08);color:var(--account-danger)}.account-message.success{border:1px solid rgba(158,215,164,.4);background:rgba(158,215,164,.07);color:var(--account-success)}.account-message.info{border:1px solid rgba(255,189,0,.35);background:rgba(255,189,0,.06);color:#d6c59a}
.account-auth-card{width:min(520px,100%);margin:0 auto;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151515,#0e0e0e)}.account-auth-card h1{margin:0 0 10px;font-size:30px}.account-auth-card .account-lead{margin-bottom:24px}.account-auth-card .ms-button{width:100%}.account-auth-links{display:grid;gap:8px;margin-top:22px;text-align:center;font-size:13px}.account-auth-links a{color:var(--gold);text-decoration:none}.account-auth-links a:hover{text-decoration:underline}
.mfa-setup{margin-top:14px;padding:16px;border:1px solid rgba(255,189,0,.3);border-radius:14px;background:#101010}.mfa-qr{display:block;width:min(220px,100%);margin:14px auto;padding:10px;background:#fff;border-radius:10px}.mfa-secret{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}.settings-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.settings-nav a{padding:7px 12px;border:1px solid var(--line);border-radius:18px;color:#aaa;text-decoration:none;font-size:11px;font-weight:800}.settings-nav a:hover{border-color:var(--gold);color:var(--gold)}
[hidden]{display:none!important}
@media(max-width:760px){.account-grid{grid-template-columns:1fr}.account-card.full{grid-column:auto}.account-form-row{grid-template-columns:1fr}.account-list-item{grid-template-columns:1fr}.account-list-actions{justify-content:flex-start}.account-shell{padding-top:24px}.account-card{padding:20px}.account-auth-card{padding:24px 20px}}
.account-auth-shell{width:min(560px,calc(100% - 32px));padding-top:42px}.account-auth-language{justify-content:flex-end;margin:0 0 16px}.account-auth-card select{width:100%;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:var(--soft);color:#fff;font:inherit}.account-auth-card h2{margin:24px 0 8px;font-size:18px}

.account-secure-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.account-secure-dialog{width:min(440px,100%);padding:24px;border:1px solid var(--line);border-radius:18px;background:#111;box-shadow:0 24px 70px rgba(0,0,0,.55)}.account-secure-dialog h3{margin:0 0 16px;color:#fff;font-size:18px}.account-secure-dialog input[type="password"]{-webkit-text-security:disc;font-family:Arial,sans-serif;letter-spacing:.08em}.account-secure-dialog .account-actions{justify-content:flex-end}


.account-password-wrap{position:relative}
.account-password-wrap input{padding-right:74px}
.account-password-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  min-width:54px;padding:5px 8px;border:0;background:transparent;color:var(--gold);
  font:800 12px/1 Arial,Helvetica,sans-serif;cursor:pointer;border-radius:8px
}
.account-password-toggle:hover,.account-password-toggle:focus-visible{
  background:rgba(255,189,0,.10);outline:1px solid rgba(255,189,0,.28)
}