/* Account layout, inspired by the supplied account-page reference. */
.dashboard-page{background:#0a0a0a;color:#fafafa;--panel:#111;--line:#242424;--muted:#969399;--highlight:#eaa2f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.dashboard-page button,.dashboard-page input,.dashboard-page textarea{font-family:inherit}
.dashboard{grid-template-columns:252px minmax(0,1fr)}
.dash-side{background:#101010;border-right:1px solid #202020;padding:28px 18px;gap:3px}
.dash-side .brand{margin:0 14px 26px;font-size:30px;letter-spacing:-1.7px}
.dash-side .brand-icon,.dash-side .dot{color:var(--highlight)}
.dash-search{position:relative;margin:0 0 22px}.dash-search input{width:100%;padding:12px 35px 12px 12px;background:#191919;border:1px solid #292929;border-radius:10px;color:#eee;font-size:12px}.dash-search span{position:absolute;right:12px;top:10px;color:#8b858f;pointer-events:none}.dash-search input:focus{outline:1px solid var(--highlight)}
.dash-label{color:#77737c;font-size:11px;font-weight:650;letter-spacing:.06em;margin:14px 12px 5px}.dash-group{margin-top:23px}
.dash-nav{border-radius:9px;color:#b8b4bd;font-size:14px;padding:12px;gap:12px;min-height:43px}.dash-nav.active{background:#261a2a;color:#f0b7fc}.dash-nav:hover{background:#202020;color:#fafafa}.dash-nav.active:hover{background:#302034}
.dash-user{display:flex;gap:11px;align-items:center;border-top:1px solid #272727;margin-top:24px;padding:20px 5px 10px;font-size:13px}.dash-user small{font-size:11px;color:#928b98}.account-avatar{width:36px;height:36px;border-radius:50%;background:#34203b;color:#efbaff;display:grid;place-items:center;flex:none;overflow:hidden;font-weight:700}.account-avatar img{width:100%;height:100%;object-fit:cover}.dash-logout{font-size:12px;padding-left:52px;color:#a49aaa}
.dash-main{max-width:1600px;padding:0 38px 50px;align-self:start}.dash-top{min-height:91px;border-bottom:1px solid #202020;align-items:center;margin:0 0 32px;gap:14px}.dash-top h1{font-size:16px;font-weight:600;letter-spacing:0;margin:0}.dash-top p,.dash-top .eyebrow{display:none}.dash-top-actions{min-width:0}.dash-top-actions a{border:0;background:none;color:#aaa2b2;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top-actions button{background:#24182a;color:#eab7f5;border:1px solid #412649;padding:10px 14px;white-space:nowrap}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 26px}.account-kicker{font-size:10px;letter-spacing:.12em;color:#918396;font-weight:650}.account-heading h2{font-size:25px;letter-spacing:-.7px;margin:7px 0}.account-heading p{color:var(--muted);font-size:13px;margin:0}.account-open{border:1px solid #353036;background:#191619;padding:11px 15px;border-radius:10px;font-size:13px;white-space:nowrap}.account-open span{margin-left:16px;color:var(--highlight)}
.account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.account-metrics article{background:#27152b;border:1px solid #3b2041;border-radius:17px;padding:21px;display:flex;flex-direction:column;gap:13px;min-width:0}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#dfb5e7;gap:6px}.metric-label>span{font-size:19px;color:#ebadf7}.account-metrics strong{font-size:27px;letter-spacing:-.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.account-metrics small,.metric-action{font-size:11px;color:#be99c6}.metric-action{padding:0;border:0;background:none;text-align:left;text-decoration:underline;text-underline-offset:3px}
.account-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.account-stack{display:grid;gap:25px}.account-panel{background:var(--panel);border:1px solid #202020;border-radius:15px;padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.panel-symbol{color:#afa2b5;font-size:21px}.account-panel p{font-size:13px;color:var(--muted);line-height:1.65;margin:10px 0 20px}.account-pill{font-size:11px;border:1px solid #403045;background:#281e2e;color:#e1adef;border-radius:7px;padding:5px 8px;white-space:nowrap}
.completion-panel progress{appearance:none;display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;margin:24px 0;background:#27212a;accent-color:#d596e6}.completion-panel progress::-webkit-progress-bar{background:#27212a;border-radius:10px}.completion-panel progress::-webkit-progress-value{background:#d596e6;border-radius:10px}.completion-panel progress::-moz-progress-bar{background:#d596e6}.completion-panel h4{font-size:15px;font-weight:550;margin:25px 0 0}.completion-list{display:grid;gap:8px;margin-top:25px}.completion-list button{display:flex;align-items:center;gap:10px;width:100%;background:#181518;border:1px solid #2b242e;border-radius:10px;padding:14px;color:#c8c1cd;text-align:left;font-size:13px}.completion-list .complete{background:#201623;border-color:#3b2742;color:#edc9f5}.completion-mark{font-size:18px;color:#bba1c5}.complete .completion-mark{color:#e4a8f3}.task-arrow{margin-left:auto;color:#a18aa9}
.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-actions button,.account-summary button{background:#1e1921;border:1px solid #342939;color:#d9c6e1;border-radius:8px;padding:11px 12px;font-size:12px;text-align:left}.account-actions button:last-child{grid-column:1/-1}.account-actions button span{float:right}.account-actions button:hover,.completion-list button:hover{border-color:#855292;background:#2b1d30}.account-text-button{background:none;border:0;color:#d3a1e0;padding:0;font-size:12px;display:inline-flex;gap:14px}.account-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.account-badges:empty{display:none}.account-summary{margin-top:25px}.account-summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;margin-top:25px}.account-summary-grid>div{min-width:0;display:grid;gap:10px;align-content:start}.account-summary-grid>div>span{font-size:11px;color:var(--muted)}.account-summary-grid a{font-size:13px;color:#dec0e7;overflow-wrap:anywhere}.account-summary-grid button{width:fit-content;padding:0;border:0;background:none;color:#dec0e7}
/* Carry the account palette through the existing editor and management screens. */
.dashboard-page .editor-block,.dashboard-page .overview-section,.dashboard-page .links-section,.dashboard-page .custom-badge-form,.dashboard-page .badge-card,.dashboard-page .template-item{background:#111;border-color:#262229;border-radius:15px}.dashboard-page .overview-section,.dashboard-page .links-section{margin-top:0}.dashboard-page .editor input:not([type=color]):not([type=range]):not([type=file]),.dashboard-page .editor textarea,.dashboard-page .editor input[type=color],.dashboard-page .admin-section input,.dashboard-page .admin-section select{background:#19161c;border-color:#3a303f}.dashboard-page .full-button{background:#d5a0e4;color:#211127}.dashboard-page .subtle-button{background:#211725;border-color:#54345e;color:#e6c9ee}.dashboard-page .overview-cards article{background:#27152b;border-color:#3b2041}.dashboard-page .eyebrow{color:#d5a0e4}.dashboard-page .preview-frame{border-color:#332938}.dashboard-page .audio-dialog{background:#111;border-color:#362b3b}.dashboard-page button:focus-visible,.dashboard-page a:focus-visible{outline:2px solid #e4abf5;outline-offset:3px}.dashboard-page button{transition:background .15s,border-color .15s}
@media(min-width:1500px){.dash-main{padding-left:55px;padding-right:55px}}
@media(max-width:1150px){.dashboard{grid-template-columns:220px minmax(0,1fr)}.dash-main{padding:0 24px 35px}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}.account-stack{grid-template-columns:1fr 1fr}.account-actions{grid-template-columns:1fr}.account-actions button:last-child{grid-column:auto}.account-summary-grid{grid-template-columns:1fr 1fr}.account-summary-grid>div:first-child{grid-column:1/-1}.editor-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:420px;width:100%;margin:auto}}
@media(max-width:750px){.dashboard{display:block}.dash-side{position:static;height:auto;padding:17px 18px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid #242424;overflow:visible}.dash-side .brand{width:auto;margin:0 auto 10px 0;font-size:25px}.dash-search{width:100%;margin:0 0 8px}.dash-label,.dash-side .dash-spacer,.dash-side .dash-user{display:none}.dash-nav{width:auto;flex:0 0 auto;min-height:36px;font-size:12px;padding:8px 10px;margin:0}.dash-logout{padding:8px 10px;margin:0;font-size:12px}.dash-main{padding:0 18px 30px}.dash-top{min-height:72px;margin-bottom:24px}.dash-top-actions a{display:none}.dash-top-actions button{font-size:11px}.account-heading{align-items:flex-start}.account-heading h2{font-size:21px}.account-heading p{font-size:12px}.account-open{padding:9px 10px;font-size:11px}.account-open span{margin-left:5px}.account-metrics{gap:10px}.account-metrics article{padding:16px;border-radius:13px;gap:12px}.account-metrics strong{font-size:24px}.metric-label{font-size:11px}.metric-label>span{font-size:15px}.account-stack{grid-template-columns:1fr}.account-panel{padding:20px}.account-grid,.account-stack{gap:17px}.account-summary{margin-top:17px}.account-summary-grid{gap:20px}.panel-heading h3{font-size:16px}.account-pill{font-size:10px}.account-actions{grid-template-columns:1fr 1fr}.account-actions button:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.dashboard-page button{transition:none}}
@media(max-width:750px){.dashboard-page .dash-nav span{display:inline}.dashboard-page .dash-top{flex-direction:row;align-items:center;text-align:left}.dashboard-page .dash-top-actions{margin:0}.account-metrics strong{font-size:22px}}
.daily-chart{display:flex;align-items:flex-end;gap:4px;height:180px;border-bottom:1px solid #654275;margin:25px 0}.daily-bar{flex:1;min-width:2px;background:#cd98e5;border-radius:4px 4px 0 0}.daily-bar:focus{outline:2px solid white}.analytics-table{width:100%;text-align:left;border-collapse:collapse}.analytics-table td,.analytics-table th{padding:8px;border-bottom:1px solid #333}#settingsSection>.account-panel{margin-top:20px}#analyticsDays{padding:8px;background:#221828;color:white;border:1px solid #534060;border-radius:8px}.dashboard-page .dash-side{align-self:start}.social-row-options .social-visible input[type=checkbox]{width:16px!important;flex:none;margin:0!important}.social-row-options .social-visible{white-space:nowrap}