:root{--msl-bg:#050505;--msl-panel:#101010;--msl-gold:#e0aa36;--msl-gold2:#ffd96a;--msl-text:#f5f1e8;--msl-muted:#aaa;--msl-line:rgba(224,170,54,.35);--msl-danger:#e36b6b;--msl-ok:#63d17b}
*{box-sizing:border-box}body.msl-account{margin:0;min-height:100vh;background:#050505;color:var(--msl-text);font-family:Arial,Helvetica,sans-serif}.account-wrap{width:min(1180px,calc(100% - 28px));margin:34px auto;padding:0 0 50px}.account-head,.account-card{background:linear-gradient(145deg,#141414,#070707);border:1px solid var(--msl-line);border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.55)}.account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-bottom:20px}.account-head h1{margin:0;color:var(--msl-gold2);font-family:Georgia,serif}.account-head p{margin:6px 0 0;color:var(--msl-muted)}.account-nav{display:flex;flex-wrap:wrap;gap:8px}.account-nav a,.gold-btn,.dark-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font:inherit}.gold-btn{background:linear-gradient(90deg,#b97812,#ffd96a);color:#111}.dark-btn,.account-nav a{background:#090909;border-color:#594317;color:#e9c36b}.danger-btn{background:#261010;border-color:#823d3d;color:#ffaaaa}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-card{padding:24px}.account-card.full{grid-column:1/-1}.account-card h2{margin:0 0 18px;color:var(--msl-gold2)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{color:#d9bd79;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #4b3a1b;border-radius:10px;background:#050505;color:#fff;padding:12px;font:inherit}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(255,210,80,.35);border-color:var(--msl-gold)}.notice{padding:12px 15px;border-radius:10px;margin:0 0 18px}.notice.ok{background:#0e2815;border:1px solid #276b39;color:#9aefad}.notice.error{background:#2a1010;border:1px solid #803838;color:#ffb0b0}.muted{color:var(--msl-muted)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact{padding:14px;border:1px solid #30291e;border-radius:12px;background:#080808}.fact small{display:block;color:#999;margin-bottom:5px}.fact strong{color:#f5d37d}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-card{border:1px solid var(--msl-line);border-radius:14px;overflow:hidden;background:#080808}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-card-body{padding:12px}.profile-hero{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:28px}.profile-main-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--msl-line);background:#050505}.profile-placeholder{aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--msl-line);border-radius:16px;color:#9f7b34;font-size:54px;background:#050505}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid #6d5423;color:#f4cf73;background:#100d06;font-size:13px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.history{width:100%;border-collapse:collapse}.history th,.history td{text-align:left;padding:11px;border-bottom:1px solid #30291e}.history th{color:#d9bd79}.checkbox{display:flex;align-items:center;gap:9px;color:#ddd}.checkbox input{width:auto}.account-footer{margin-top:20px;text-align:center}.account-footer a{color:#e9bd56}.upload-drop{padding:25px;border:1px dashed #806329;border-radius:14px;text-align:center;background:#070707}
@media(max-width:780px){.account-head{align-items:flex-start;flex-direction:column}.account-grid,.field-grid,.profile-hero{grid-template-columns:1fr}.field.full,.account-card.full{grid-column:auto}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{grid-template-columns:1fr}.history{display:block;overflow-x:auto}}
.account-profile-card{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(140px,4fr);align-items:center;gap:20px;margin-bottom:20px}.account-profile-photo{width:min(100%,190px);aspect-ratio:1;overflow:hidden;border:1px solid var(--msl-gold);border-radius:14px;background:#050505;display:grid;place-items:center;color:var(--msl-gold2);font-size:52px}.account-profile-photo img{width:100%;height:100%;object-fit:cover}.account-profile-identity{display:grid;gap:8px;align-content:center}.account-profile-identity strong{font-size:clamp(18px,2vw,28px);color:var(--msl-gold2)}.account-profile-identity small{display:flex;align-items:center;gap:7px}.account-profile-view{width:100%;min-height:50px;background:linear-gradient(100deg,#9b5d04,#f1bd3a 45%,#fff0a4)!important;color:#120a00!important}.account-profile-view:hover{filter:brightness(1.08)}.account-profile-view:active{transform:translateY(1px)}.account-profile-view:focus-visible{outline:2px solid #fff0a4;outline-offset:3px}@media(max-width:780px){.account-profile-card{grid-template-columns:minmax(90px,30%) 1fr}.account-profile-view{grid-column:1/-1}.account-profile-photo{max-width:140px}}
@media(max-width:470px){.account-wrap{width:min(100% - 16px,1180px);margin-top:14px}.account-card,.account-head{padding:17px}.photo-grid{grid-template-columns:1fr}.account-nav{width:100%}.account-nav a{flex:1}}

/* Standalone account-page canvas; cards and panels keep their existing surfaces. */
:root{
  --msl-global-page-bg:
    radial-gradient(ellipse at 50% -12%,rgba(255,255,255,.032) 0,transparent 43%),
    linear-gradient(118deg,transparent 0 41%,rgba(212,175,55,.014) 49%,transparent 59%),
    radial-gradient(circle,rgba(212,175,55,.075) 0 .45px,transparent .85px) 19px 31px/173px 149px,
    radial-gradient(circle,rgba(248,229,140,.048) 0 .35px,transparent .75px) 83px 67px/257px 211px,
    #000;
}
html,
body.msl-account{
  background:var(--msl-global-page-bg)!important;
}

/* Gold-account typography; semantic success/error notices retain their colors. */
body.msl-account{
  --msl-text:#e8c75f;
  --msl-muted:#cdb66f;
  color:#e8c75f;
}
body.msl-account :is(h1,h2,h3,h4,h5,h6,label,legend,li,dt,dd,th,td,small,strong),
body.msl-account p:not(.notice){color:#e8c75f}
body.msl-account :is(input,select,textarea){color:#f0d77d}
.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(214,165,56,.42);border-radius:12px;background:linear-gradient(150deg,#100a02,#030303);color:#eee}.notification-item.is-unread{border-color:#f0c35b;box-shadow:0 0 14px rgba(230,169,47,.18)}.notification-item p{margin:6px 0;color:#d7c7a2;line-height:1.45}.notification-item small{color:#8f8168}.notification-item form{flex:0 0 auto}
