.account-page { min-height: 100vh; }
.account-topbar { width: min(1440px,calc(100% - 72px)); height: 76px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1); }
.auth-back, .account-legal, .dashboard-footer { color: #918985; font-size: 8px; letter-spacing: .14em; }
.auth-back span, .auth-footer-link span:last-child { color: var(--red-hot); }
.auth-main { width: min(1110px,calc(100% - 64px)); min-height: calc(100vh - 132px); margin-inline: auto; padding-block: 75px; display: grid; grid-template-columns: 1fr 430px; gap: 85px; align-items: center; }
.auth-aside { max-width: 535px; }
.auth-aside .eyebrow { margin-bottom: 29px; }
.auth-aside h1, .dashboard-heading h1 { margin: 0 0 22px; font-family: "Arial Black",Impact,sans-serif; font-size: clamp(58px,8vw,99px); line-height: .85; letter-spacing: -.095em; }
.auth-aside h1 span { color: #817977; }
.auth-aside > p:not(.eyebrow) { max-width: 370px; color: #a79f9c; font-size: 13px; line-height: 1.9; }
.auth-aside-mark { margin-top: 46px; display: block; color: #6c6562; font-size: 8px; letter-spacing: .16em; }
.auth-panel { position: relative; padding: 30px; border: 1px solid rgba(255,255,255,.15); background: linear-gradient(145deg,rgba(255,255,255,.035),transparent 47%),#101010; box-shadow: 0 32px 90px rgba(0,0,0,.36); }
.auth-panel::before { position: absolute; top: -1px; left: -1px; width: 45px; height: 2px; background: var(--red); content: ""; }
.auth-panel > .eyebrow { margin-bottom: 13px; color: #e0636c; }
.auth-panel h2 { margin: 0 0 20px; font-family: "Arial Black",Impact,sans-serif; font-size: 32px; letter-spacing: -.07em; }
.auth-tabs { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255,255,255,.12); }
.auth-tabs button { position: relative; min-height: 37px; padding: 0; color: #827b78; border: 0; background: transparent; font-size: 7px; letter-spacing: .14em; cursor: pointer; }
.auth-tabs button[aria-selected="true"] { color: #f3efec; }
.auth-tabs button[aria-selected="true"]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: var(--red); content: ""; }
.account-form { display: grid; gap: 9px; }
.account-form[hidden] { display: none; }
.account-form > label, .settings-card > label, .script-upload-form > label, .hwid-card label { margin-top: 5px; color: #aaa19d; font-size: 7px; letter-spacing: .14em; }
.account-form input, .settings-card input, .script-upload-form input, .script-upload-form textarea, .hwid-card textarea { width: 100%; min-height: 42px; padding: 10px 11px; color: #eee9e6; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: rgba(0,0,0,.35); font: inherit; font-size: 10px; }
.account-form .auth-remember { display: flex; align-items: center; gap: 8px; margin-top: 4px; color: #aaa19d; font-size: 9px; letter-spacing: 0; cursor: pointer; }
.account-form .auth-remember input { width: 14px; min-height: 14px; margin: 0; padding: 0; accent-color: var(--red); }
.auth-totp { margin-top: 12px; padding-top: 14px; display: grid; gap: 10px; border-top: 1px solid rgba(255,255,255,.12); }
.auth-totp[hidden] { display: none; }
.auth-totp p, .settings-card > p { margin: 0; color: #aaa19d; font-size: 9px; line-height: 1.7; }
.auth-totp-label { color: #aaa19d; font-size: 7px; letter-spacing: .14em; }
.auth-totp code, .settings-card code { overflow-wrap: anywhere; padding: 10px; display: block; color: #f3efec; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.35); font-size: 10px; letter-spacing: .08em; }
.auth-totp a, .settings-card > a { color: #e4b5b8; font-size: 9px; text-decoration: underline; }
.auth-totp ul, .totp-recovery ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 0; padding: 10px; list-style: none; border: 1px solid rgba(255,255,255,.12); }
.auth-totp li, .totp-recovery li { color: #f3efec; font-family: monospace; font-size: 10px; }
.password-field { position: relative; }
.password-field > input { padding-right: 58px; }
.password-toggle { position: absolute; top: 50%; right: 10px; padding: 6px 0; transform: translateY(-50%); color: #928986; border: 0; background: transparent; font-size: 7px; letter-spacing: .12em; cursor: pointer; }
.password-toggle:hover { color: white; }
.password-toggle:focus-visible { outline: 2px solid var(--red-hot); outline-offset: 3px; }
.account-form input:focus, .settings-card input:focus, .script-upload-form input:focus, .script-upload-form textarea:focus, .hwid-card textarea:focus { border-color: rgba(239,41,56,.72); outline: 1px solid rgba(239,41,56,.35); }
.account-form small, .auth-footnote { color: #88817e; font-size: 8px; line-height: 1.65; }
.account-form .button { margin-top: 12px; justify-content: space-between; }
.auth-text-button { width: fit-content; padding: 5px 0; color: #c3bcb8; border: 0; background: none; font-size: 9px; text-align: left; cursor: pointer; }
.auth-text-button:hover { color: white; }
.auth-footnote { margin: 4px 0 0; }
.form-intro { margin: 0 0 5px; color: #aaa19d; font-size: 10px; line-height: 1.75; }
.account-notice { min-height: 16px; margin: 7px 0 12px; color: #f08a91; font-size: 9px; line-height: 1.65; }
.account-notice[data-kind="success"] { color: #9fc7a6; }
.auth-footer-link { margin-top: 21px; padding-top: 15px; display: block; color: #88817d; border-top: 1px solid rgba(255,255,255,.1); font-size: 7px; letter-spacing: .1em; }
.auth-footer-link > span:first-of-type { padding-inline: 5px; color: #b3444e; }
.account-legal { width: min(1440px,calc(100% - 72px)); min-height: 56px; margin-inline: auto; display: flex; align-items: center; gap: 8px; border-top: 1px solid rgba(255,255,255,.08); }
.account-legal a { color: #c4bcb8; }

.dashboard-topbar { width: 100%; padding-inline: max(36px,calc((100% - 1440px)/2)); }
.topbar-user { display: flex; align-items: center; gap: 10px; color: #aaa29e; font-size: 8px; letter-spacing: .13em; }
.account-status-dot { width: 6px; height: 6px; border-radius: 50%; background: #86bb8c; box-shadow: 0 0 9px rgba(134,187,140,.55); }
.topbar-user .auth-text-button { margin-left: 10px; }
.owner-badge { padding: 5px 7px; color: #f0c6c8; border: 1px solid rgba(239,41,56,.4); font-size: 7px; letter-spacing: .1em; }
.owner-badge[hidden] { display: none; }
.dash-welcome .text-link + .text-link { margin-top: 9px; }
.dashboard-shell { width: min(1440px,calc(100% - 72px)); margin: 0 auto; display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 56px; }
.dashboard-sidebar { position: sticky; top: 25px; height: fit-content; padding-top: 52px; }
.dashboard-sidebar > .eyebrow { margin-bottom: 20px; font-size: 7px; }
.dashboard-sidebar nav { display: grid; border-top: 1px solid rgba(255,255,255,.1); }
.dashboard-sidebar nav a { min-height: 42px; padding: 0 10px; display: flex; align-items: center; color: #98908d; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 10px; transition: color .2s ease,background .2s ease; }
.dashboard-sidebar nav a:hover, .dashboard-sidebar nav a.is-active { color: #fff; background: linear-gradient(90deg,rgba(239,41,56,.14),transparent); }
.dashboard-sidebar nav a.is-active { box-shadow: inset 2px 0 var(--red); }
.sidebar-caption { margin-top: 28px; display: block; color: #746d69; font-size: 7px; letter-spacing: .17em; }
.dashboard-main { min-width: 0; padding: 54px 0 40px; }
.dashboard-heading { margin-bottom: 30px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.dashboard-heading .eyebrow { margin-bottom: 18px; }
.dashboard-heading h1 { margin-bottom: 12px; font-size: clamp(48px,6vw,72px); }
.dashboard-heading h1 span, .dashboard-section-heading h2 span { color: var(--red); }
.dashboard-heading > div > p:last-child { margin: 0; color: #a49c98; font-size: 10px; }
.dashboard-heading > div > p:last-child strong { color: #eee9e6; font-weight: 600; }
.dashboard-heading > .button { flex: 0 0 auto; min-height: 40px; font-size: 9px; }
.dashboard-notice:empty { display: none; }
.dash-overview-grid { display: grid; grid-template-columns: 1.12fr 1fr .8fr; gap: 11px; }
.dash-card { position: relative; min-height: 184px; padding: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: rgba(15,15,15,.84); }
.dash-label { color: #928986; font-size: 7px; letter-spacing: .14em; }
.dash-welcome { background: radial-gradient(ellipse at 85% 15%,rgba(150,19,32,.15),transparent 45%),#101010; }
.dash-welcome h2 { margin: 20px 0 9px; font-family: "Arial Black",Impact,sans-serif; font-size: 31px; line-height: .95; letter-spacing: -.07em; }
.dash-card > p { color: #99918e; font-size: 8px; line-height: 1.7; }
.dash-welcome .text-link { margin-top: 8px; font-size: 8px; }
.dash-plan-summary { display: flex; flex-direction: column; align-items: flex-start; }
.dash-plan-summary > strong { margin-top: 20px; font-size: 18px; letter-spacing: -.04em; }
.plan-state { margin-top: 5px; color: #89817e; font-size: 7px; letter-spacing: .13em; }
.plan-state[data-active="true"] { color: #a5cca9; }
.dash-plan-summary > p { margin: 10px 0 auto; }
.dash-plan-summary > .button { min-height: 35px; padding-inline: 11px; font-size: 8px; }
.dash-release { display: flex; flex-direction: column; align-items: flex-start; }
.dash-release > strong { margin-top: 22px; color: #f0ece9; font-size: 16px; letter-spacing: -.04em; }
.dash-release > .release-access { color: #f0747e; }
.dash-release > p { margin: 9px 0 auto; }
.release-platform { color: #716966; font-size: 6px; letter-spacing: .13em; }
.dashboard-section { padding-top: 56px; scroll-margin-top: 28px; }
.dashboard-section-heading { margin-bottom: 20px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.dashboard-section-heading .eyebrow { margin-bottom: 10px; }
.dashboard-section-heading h2 { margin: 0; font-family: "Arial Black",Impact,sans-serif; font-size: clamp(31px,4vw,43px); line-height: .96; letter-spacing: -.075em; }
.dashboard-section-heading .section-description { max-width: 570px; margin: 12px 0 0; color: #a49c98; font-size: 9px; line-height: 1.75; }
.section-description code { color: #f27c85; font-family: Consolas,monospace; }
.section-aside { color: #88817e; font-size: 7px; letter-spacing: .12em; text-align: right; }
.admin-dashboard { padding: 22px; border: 1px solid rgba(239,41,56,.26); background: radial-gradient(ellipse at 95% 0,rgba(152,20,33,.12),transparent 40%),rgba(12,12,12,.82); }
.admin-dashboard[hidden], [data-admin-only][hidden] { display: none; }
.admin-dashboard .dashboard-section-heading { margin-bottom: 15px; }
.admin-heading-actions { display: grid; justify-items: end; gap: 11px; }
.admin-heading-actions .section-aside { color: #e4a4a8; }
.admin-refresh { min-height: 34px; padding: 0 11px; color: #d8d0cd; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.3); font: inherit; font-size: 8px; cursor: pointer; transition: border-color .2s ease,background .2s ease,color .2s ease; }
.admin-refresh:hover { color: white; border-color: rgba(239,41,56,.52); background: rgba(239,41,56,.1); }
.admin-refresh:disabled { opacity: .58; cursor: wait; }
.admin-refresh:focus-visible { outline: 2px solid var(--red-hot); outline-offset: 3px; }
.admin-notice:empty { display: none; }
.admin-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.admin-metric { min-height: 75px; padding: 13px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.32); }
.admin-metric > strong { color: #f1ece9; font-size: 21px; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.admin-workspace { margin-top: 18px; display: grid; gap: 18px; }
.admin-panel { min-width: 0; }
.admin-panel-heading { margin-bottom: 10px; display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.admin-user-search-label { display: block; margin: 12px 0 6px; color: #aaa19d; font-size: 7px; letter-spacing: .13em; }
.admin-user-search { width: 100%; min-height: 40px; padding: 10px; color: #eee9e6; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: #101010; font: inherit; font-size: 10px; }
.admin-user-status { margin: 8px 0; font-size: 9px; }
.admin-user-results { display: grid; gap: 6px; max-height: 280px; overflow: auto; }
.admin-user-result { width: 100%; padding: 10px 12px; display: flex; justify-content: space-between; gap: 12px; color: #eee9e6; text-align: left; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.3); cursor: pointer; }
.admin-user-result:hover, .admin-user-result[aria-pressed="true"] { border-color: rgba(239,41,56,.6); }
.admin-user-result small { color: #a49c98; }
.admin-user-detail { margin-top: 12px; padding: 14px; border: 1px solid rgba(239,41,56,.2); background: rgba(0,0,0,.25); }
.admin-user-detail[hidden] { display: none; }
.admin-user-detail h4 { margin: 0 0 8px; color: #f1ece9; font-size: 13px; }
.admin-user-detail p { margin: 5px 0; color: #aaa19d; font-size: 9px; line-height: 1.6; overflow-wrap: anywhere; }
.admin-user-history { margin-top: 10px; display: grid; gap: 6px; }
.admin-user-history article { padding: 8px; border-left: 2px solid rgba(239,41,56,.45); background: rgba(255,255,255,.025); }
.admin-user-history strong { color: #eee9e6; font-size: 8px; }
.admin-user-history span { display: block; margin-top: 4px; color: #aaa19d; font-size: 8px; }
.admin-user-search:focus-visible, .admin-user-result:focus-visible { outline: 2px solid #ef2938; outline-offset: 2px; }
.admin-panel-heading h3 { margin: 6px 0 0; color: #eee9e6; font-size: 16px; letter-spacing: -.035em; }
.admin-purchase-table, .admin-grant-table { min-width: 760px; }
.admin-grant-form { padding: 17px; display: grid; grid-template-columns: minmax(0,1fr); align-items: end; gap: 9px 12px; border: 1px solid rgba(255,255,255,.11); background: rgba(0,0,0,.25); }
.admin-grant-form label { color: #aaa19d; font-size: 7px; letter-spacing: .13em; }
.admin-grant-form input, .admin-grant-form select, .admin-grant-form textarea { width: 100%; min-width: 0; min-height: 38px; padding: 9px; color: #eee9e6; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: #101010; font: inherit; font-size: 9px; }
.admin-grant-form textarea { resize: vertical; }
.admin-grant-form input, .admin-grant-form select, .admin-grant-form textarea, .admin-grant-form button { grid-column: 1 / -1; }
.admin-grant-form textarea { min-height: 62px; }
.admin-grant-form button { min-height: 39px; justify-self: start; font-size: 8px; }
.grant-state-active { color: #a4cba8 !important; }
.grant-state-revoked, .grant-state-expired { color: #e88a90 !important; }
.grant-revoke { min-height: 28px; padding: 0 9px; color: #f0a0a6; border: 1px solid rgba(239,41,56,.35); background: transparent; font-size: 7px; cursor: pointer; }
.grant-revoke:hover { border-color: rgba(239,41,56,.8); background: rgba(239,41,56,.1); }
.grant-revoke:disabled { opacity: .5; cursor: wait; }
.grant-revoke-form { min-width: 180px; padding: 9px; display: grid; gap: 7px; border: 1px solid rgba(239,41,56,.25); background: #101010; white-space: normal; }
.grant-revoke-form[hidden] { display: none; }
.grant-revoke-form > label { color: #aaa19d; font-size: 6px; letter-spacing: .12em; }
.grant-revoke-form > textarea { width: 100%; min-height: 48px; padding: 7px; resize: vertical; color: #eee9e6; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: #080808; font: inherit; font-size: 8px; }
.grant-revoke-controls { display: flex; align-items: center; gap: 6px; }
.grant-cancel { min-height: 28px; padding: 0 8px; color: #aaa19d; border: 1px solid rgba(255,255,255,.14); background: transparent; font-size: 7px; cursor: pointer; }
.plan-detail-card, .download-access-card, .hwid-card, .settings-card { padding: 21px; border: 1px solid rgba(255,255,255,.12); background: rgba(15,15,15,.76); }
.plan-detail-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.plan-detail-top h3 { margin: 10px 0 6px; font-size: 22px; letter-spacing: -.05em; }
.plan-detail-top p { margin: 0; color: #8e8783; font-size: 8px; }
.plan-detail-top > .plan-price { color: white; font-size: 37px; }
.plan-feature-list { margin: 19px 0 0; padding: 15px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px 18px; border-top: 1px solid rgba(255,255,255,.09); list-style: none; }
.plan-feature-list li { color: #c7c0bd; font-size: 8px; line-height: 1.5; }
.plan-feature-list li::before { margin-right: 8px; color: var(--red); content: "+"; }
.download-access-card { min-height: 88px; display: flex; align-items: center; gap: 17px; }
.download-access-mark { width: 45px; height: 45px; display: grid; flex: 0 0 auto; place-items: center; color: #f0636e; border: 1px solid rgba(239,41,56,.4); font-family: "Arial Black",sans-serif; font-size: 10px; }
.download-access-card > div { margin-right: auto; }
.download-access-card h3 { margin: 0 0 6px; font-size: 12px; }
.download-access-card p { margin: 0; color: #99918d; font-size: 8px; line-height: 1.6; }
.download-access-card .button { min-height: 38px; font-size: 8px; }
.script-upload-form { padding: 18px; display: grid; grid-template-columns: 1fr; gap: 8px; border: 1px solid rgba(255,255,255,.12); background: rgba(12,12,12,.85); }
.script-upload-form input { max-width: 340px; }
.script-upload-form textarea, .hwid-card textarea { resize: vertical; min-height: 100px; font-family: Consolas,"SFMono-Regular",monospace; font-size: 9px; line-height: 1.65; }
.script-upload-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.script-upload-footer > span, .form-help { color: #827a77; font-size: 8px; line-height: 1.6; }
.script-upload-footer .button { min-height: 38px; font-size: 8px; }
.script-library { margin-top: 10px; display: grid; gap: 7px; }
.script-row { min-width: 0; padding: 12px 14px; display: grid; grid-template-columns: minmax(120px,1fr) auto auto auto auto auto; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.018); }
.script-row-name { overflow: hidden; color: #e8e3e0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.script-row-info { color: #88817e; font-size: 7px; }
.script-row button, .script-row a { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; color: #d2cbc8; border: 1px solid rgba(255,255,255,.13); background: transparent; font-size: 7px; cursor: pointer; }
.script-row button:hover, .script-row a:hover { border-color: rgba(239,41,56,.55); }
.script-row .script-delete { color: #ed9298; }
.script-row-editor { grid-column: 1 / -1; display: grid; gap: 9px; }
.script-row-editor[hidden] { display: none; }
.script-row-editor > label { color: #aaa19d; font-size: 7px; letter-spacing: .14em; }
.script-row-editor > textarea { width: 100%; min-height: 190px; padding: 12px; resize: vertical; color: #eee9e6; border: 1px solid rgba(255,255,255,.15); border-radius: 0; background: rgba(0,0,0,.4); font: 10px/1.65 Consolas,"SFMono-Regular",monospace; }
.script-row-editor > textarea:focus { border-color: rgba(239,41,56,.72); outline: 1px solid rgba(239,41,56,.35); }
.script-editor-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.script-editor-footer > span { margin-right: auto; color: #827a77; font-size: 8px; line-height: 1.6; }
.script-editor-footer > button { min-height: 30px; padding: 0 10px; color: #d2cbc8; border: 1px solid rgba(255,255,255,.13); background: transparent; font-size: 8px; cursor: pointer; }
.script-editor-footer > button[type="submit"] { color: white; border-color: rgba(239,41,56,.55); background: rgba(239,41,56,.12); }
.script-editor-footer > button:disabled { opacity: .5; cursor: wait; }
.empty-state { padding: 15px; color: #89817d; border: 1px dashed rgba(255,255,255,.12); font-size: 9px; text-align: center; }
.table-scroll { overflow-x: auto; border: 1px solid rgba(255,255,255,.12); }
.purchase-table { width: 100%; border-collapse: collapse; text-align: left; }
.purchase-table th { padding: 12px 13px; color: #867e7b; background: rgba(255,255,255,.025); font-size: 6px; font-weight: 500; letter-spacing: .13em; white-space: nowrap; }
.purchase-table td { padding: 13px; color: #c5bebb; border-top: 1px solid rgba(255,255,255,.075); font-size: 8px; white-space: nowrap; }
.purchase-table .empty-state { white-space: normal; }
.purchase-status { color: #d8c994; }
.purchase-status[data-status="paid"] { color: #a4cba8; }
.purchase-status[data-status="failed"], .purchase-status[data-status="expired"] { color: #e88a90; }
.purchase-status[data-status="underpaid"], .purchase-status[data-status="confirming"] { color: #d8c994; }
.transaction-id { max-width: 120px; display: inline-block; overflow: hidden; color: #aaa09c; text-overflow: ellipsis; vertical-align: middle; }
.hwid-card { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.hwid-card > div { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.hwid-card > div > strong { color: #e4dfdc; font-size: 14px; }
.hwid-card > div > p { max-width: 360px; margin: 0; color: #948c88; font-size: 8px; line-height: 1.7; }
.hwid-card form { display: grid; gap: 8px; }
.hwid-card label { display: flex; justify-content: space-between; gap: 12px; }
.hwid-card label span { color: #9b555b; font-size: 6px; }
.hwid-card textarea { min-height: 62px; }
.hwid-card form .button { width: fit-content; min-height: 36px; font-size: 8px; }
.hwid-card form .button:disabled { opacity: .45; cursor: not-allowed; }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.settings-card { display: grid; align-content: start; gap: 8px; }
.settings-card h3 { margin: 0 0 9px; font-size: 14px; }
.settings-card input { min-height: 38px; }
.settings-card > button { width: fit-content; min-height: 36px; margin-top: 8px; font-size: 8px; }
.settings-card input[readonly] { color: #8e8783; }
.security-card { grid-column: 1 / -1; }
.security-card label { margin-top: 5px; color: #aaa19d; font-size: 7px; letter-spacing: .14em; }
.security-card form { display: grid; gap: 8px; margin-top: 8px; }
.security-card form > button, .security-card > button { width: fit-content; min-height: 36px; margin-top: 5px; font-size: 8px; }
.totp-recovery { display: grid; gap: 10px; margin-top: 10px; }
.totp-recovery[hidden] { display: none; }
.dashboard-footer { min-height: 62px; margin-top: 49px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid rgba(255,255,255,.1); font-size: 7px; }
.dashboard-footer a { color: #c7bfbb; }

@media (max-width: 1000px) {
  .auth-main { grid-template-columns: 1fr 400px; gap: 38px; }
  .dashboard-shell { grid-template-columns: 150px minmax(0,1fr); gap: 30px; }
  .dash-overview-grid { grid-template-columns: 1fr 1fr; }
  .dash-release { grid-column: 1 / -1; min-height: 120px; }
  .plan-feature-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .account-topbar { width: calc(100% - 38px); height: 66px; }
  .auth-main { width: calc(100% - 38px); min-height: unset; padding-block: 48px; grid-template-columns: 1fr; gap: 31px; }
  .auth-aside h1 { font-size: clamp(48px,12vw,76px); }
  .auth-aside .eyebrow { margin-bottom: 19px; }
  .auth-aside > p:not(.eyebrow) { max-width: 420px; font-size: 11px; }
  .auth-aside-mark { margin-top: 22px; }
  .auth-panel { padding: 23px 19px; }
  .account-legal { width: calc(100% - 38px); }
  .dashboard-topbar { width: 100%; padding-inline: 19px; }
  .topbar-user { gap: 7px; font-size: 7px; }
  .topbar-user .auth-text-button { margin-left: 0; font-size: 8px; }
  .dashboard-shell { width: 100%; display: flex; flex-direction: column; gap: 0; }
  .dashboard-sidebar { position: sticky; top: 0; z-index: 10; padding: 9px 19px; overflow-x: auto; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(8,8,8,.96); backdrop-filter: blur(14px); }
  .dashboard-sidebar > .eyebrow, .sidebar-caption { display: none; }
  .dashboard-sidebar nav { width: max-content; display: flex; gap: 5px; border: 0; }
  .dashboard-sidebar nav a { min-height: 35px; padding-inline: 10px; border: 0; font-size: 8px; white-space: nowrap; }
  .dashboard-sidebar nav a.is-active { box-shadow: inset 0 -2px var(--red); }
  .dashboard-main { padding: 36px 19px 30px; }
  .dashboard-heading { align-items: flex-start; }
  .dashboard-heading h1 { font-size: clamp(44px,12vw,63px); }
  .dashboard-heading > .button { min-height: 34px; padding-inline: 10px; font-size: 7px; }
  .dash-overview-grid { grid-template-columns: 1fr 1fr; }
  .dash-card { min-height: 155px; padding: 14px; }
  .dash-welcome { grid-column: 1 / -1; }
  .dash-welcome h2 { font-size: 27px; }
  .dash-plan-summary > strong { font-size: 14px; }
  .dash-release { grid-column: auto; }
  .dashboard-section { padding-top: 43px; }
  .admin-dashboard { padding: 15px; }
  .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-section-heading { align-items: flex-start; }
  .dashboard-section-heading .section-aside { max-width: 115px; padding-top: 4px; font-size: 6px; }
  .plan-feature-list { grid-template-columns: 1fr 1fr; gap: 9px; }
  .download-access-card { align-items: flex-start; flex-wrap: wrap; }
  .download-access-card > div { min-width: calc(100% - 70px); }
  .download-access-card .button { margin-left: 62px; }
  .script-upload-form { padding: 13px; }
  .script-upload-footer { align-items: flex-start; flex-direction: column; }
  .script-row { grid-template-columns: minmax(80px,1fr) repeat(5,auto); }
  .script-row-info { grid-column: 1; }
  .purchase-table { min-width: 610px; }
  .hwid-card, .settings-grid { grid-template-columns: 1fr; }
  .hwid-card { gap: 22px; padding: 16px; }
}
@media (max-width: 420px) {
  .auth-panel { padding-inline: 16px; }
  .topbar-user > span:nth-child(2) { display: none; }
  .dashboard-heading { flex-direction: column; gap: 13px; }
  .dashboard-heading > .button { align-self: flex-start; }
  .dash-overview-grid { grid-template-columns: 1fr; }
  .dash-welcome, .dash-release { grid-column: auto; }
  .dash-card { min-height: 135px; }
  .plan-detail-card { padding: 15px; }
  .plan-feature-list { grid-template-columns: 1fr; }
  .script-row { grid-template-columns: minmax(65px,1fr) repeat(5,auto); gap: 6px; padding: 10px 8px; }
  .script-row-info { grid-column: 1 / -1; }
  .script-row button, .script-row a { padding-inline: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-sidebar { scroll-behavior: auto; }
}