.account-shell { max-width:1320px; min-height:72vh; margin:auto; padding:42px 30px 90px; display:grid; grid-template-columns:230px minmax(0,1fr); gap:34px; }
.account-sidebar { position:sticky; top:105px; align-self:start; padding:20px 14px; border:1px solid var(--line); border-radius:20px; background:#091725; }
.account-person { padding:8px 10px 20px; border-bottom:1px solid var(--line); }
.account-avatar { display:grid; place-items:center; width:45px; height:45px; margin-bottom:11px; border-radius:15px; color:#07111f; background:var(--lime); font:800 17px Outfit; }
.account-person strong,.account-person span { display:block; overflow:hidden; text-overflow:ellipsis; }
.account-person span { margin-top:3px; color:#71869a; font-size:9px; }
.account-nav { display:grid; gap:5px; padding:16px 0; }
.account-nav a { padding:12px 11px; border-radius:10px; color:#8da2b6; font-size:12px; font-weight:700; }
.account-nav a:hover,.account-nav a.active { color:#ecf7ff; background:#102337; }
.account-nav a.active { box-shadow:inset 3px 0 var(--lime); }
.signout-button { width:100%; padding:11px; border:0; border-top:1px solid var(--line); color:#7890a5; background:transparent; cursor:pointer; text-align:left; font-weight:700; }
.account-content { min-width:0; }
.account-welcome { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:27px; }
.account-welcome h1 { margin:0 0 8px; font:800 clamp(39px,5vw,61px)/1 Outfit; letter-spacing:-2px; }
.account-welcome p:not(.eyebrow) { margin:0; color:#8499ad; }
.account-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr); gap:20px; margin-top:24px; }
.account-grid:has(> [hidden]) { grid-template-columns:minmax(0,1fr); }
.account-content .dashboard-stats { grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); }
.account-panel { padding:23px; border:1px solid var(--line); border-radius:20px; background:#091725; }
.account-panel-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:17px; }
.account-panel-head h2 { margin:0; font:800 24px Outfit; }
.account-panel-head a { color:#78c7f3; font-size:10px; }
.account-actions { display:grid; gap:10px; }
.account-action { padding:15px; display:flex; align-items:center; gap:13px; border:1px solid var(--line); border-radius:13px; background:#0b1b2b; }
.account-action b { display:grid; place-items:center; flex:0 0 35px; height:35px; border-radius:10px; color:var(--lime); background:rgba(142,229,46,.09); }
.account-action strong { display:block; font-size:11px; }
.account-action span { color:#748a9e; font-size:9px; }
.account-action::after { content:"→"; margin-left:auto; color:#78c7f3; }
.account-gate { max-width:920px; margin:70px auto; padding:55px; text-align:center; border:1px solid var(--line); border-radius:28px; background:#091725; }
.account-gate h1 { margin:12px auto; max-width:700px; font:800 clamp(42px,6vw,68px)/1 Outfit; }
.account-gate > p { max-width:620px; margin:0 auto 25px; color:#8da2b6; line-height:1.7; }
.gate-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.sales-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:20px 0; }
.sales-filters { display:flex; flex-wrap:wrap; gap:7px; }
.sales-filters button { padding:9px 13px; border:1px solid var(--line); border-radius:999px; color:#8298ac; background:#091725; cursor:pointer; font-size:10px; font-weight:800; }
.sales-filters button.active { border-color:var(--lime); color:#07111f; background:var(--lime); }
.profile-form { max-width:760px; }
.profile-form h2 { margin-top:0; font:800 28px Outfit; }
.profile-email { padding:13px; border:1px solid var(--line); border-radius:11px; color:#879caf; background:#07131f; }
.profile-actions { display:flex; align-items:center; gap:13px; margin-top:21px; }
.danger-zone { max-width:760px; margin-top:25px; border-color:rgba(255,108,108,.22); }
.danger-button { padding:11px 15px; border:1px solid rgba(255,108,108,.35); border-radius:10px; color:#ff9797; background:transparent; cursor:pointer; font-weight:700; }
.profile-message { color:var(--lime); font-size:11px; }
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-sidebar{position:static;display:grid;grid-template-columns:1fr auto;align-items:center}.account-person{border:0;padding:5px 10px}.account-avatar{display:none}.account-nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.account-nav a{text-align:center}.signout-button{width:auto;border:0}.account-grid{grid-template-columns:1fr}}
@media(max-width:580px){.account-shell{padding:30px 16px 65px}.account-welcome{align-items:flex-start;flex-direction:column}.account-gate{margin:35px 16px;padding:35px 20px}.account-nav a{font-size:10px}.dashboard-stats{grid-template-columns:1fr 1fr!important}.trade-row{padding:16px}.sales-toolbar{align-items:flex-start;flex-direction:column}}
.account-verify-notice {display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border:1px solid #37617a;border-radius:18px;background:#0d2334;margin-bottom:24px;font-size:14px;}
.account-verify-notice p {margin:4px 0 0;}
.account-person span,.account-action span,.account-panel-head a {font-size:12px;}
.account-action strong {font-size:14px;}
#account-load-error {margin:20px auto;max-width:900px;}
@media(max-width:900px){.account-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){.account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account-nav a{font-size:13px;min-height:44px}}
.account-verify-notice [role="status"] {flex-basis:100%;}
.account-welcome-actions {display:grid;gap:10px;flex-shrink:0;}
.account-next-step {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin:0 0 22px;border:1px solid #35627a;border-left:4px solid var(--lime);border-radius:18px;background:linear-gradient(120deg,#102b3b,#0b1c2c);}
.account-next-step h2 {margin:0 0 8px;font:800 clamp(23px,3vw,30px)/1.15 Outfit;}
.account-next-step p:not(.eyebrow) {max-width:58ch;margin:0 0 12px;color:#b6c6d6;line-height:1.6;}
.next-step-reference {color:#b6c6d6;font-size:13px;overflow-wrap:anywhere;}
.account-next-step > .button {flex-shrink:0;}
.account-content > .account-panel {margin-top:24px;}
.account-grid {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}
@media(max-width:1100px){.account-grid{grid-template-columns:1fr}.account-next-step{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.account-welcome-actions{width:100%;grid-template-columns:1fr 1fr}.account-welcome-actions a{padding:12px 10px;font-size:14px}.account-next-step{padding:20px}.account-next-step > .button{width:100%}}
