/* Shared reference design. Presentation only; existing account and transaction handlers remain intact. */
:root{--ref-bg:#0a090f;--ref-panel:#111018;--ref-raised:#1b1726;--ref-line:#2d2838;--ref-text:#f4f1fb;--ref-muted:#9590a5;--ref-profit:#71d8ae;--studio-accent:#b084ed;--muted:#9590a5;--border:#2d2838;--mint:#b084ed;--guri-glass:#111018;--guri-glass-border:#2d2838;--guri-glass-shadow:none}
html.reference-theme,html.reference-theme body{background:var(--ref-bg)!important;color:var(--ref-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
html.reference-theme body::before,html.reference-theme body::after,html.reference-theme #workspace::before,html.reference-theme #workspace::after,html.reference-theme .cosmic-backdrop{display:none!important}
html.reference-theme #workspace{background:var(--ref-bg)!important;color:var(--ref-text)}
html.reference-theme #workspace .main-shell{background:var(--ref-bg)!important;min-width:0}
html.reference-theme #workspace .main-shell>main{width:100%;max-width:1500px;margin:0 auto;padding:34px 38px 48px!important}
html.reference-theme #workspace .main-shell>header{height:68px!important;min-height:68px;padding:0 28px!important;background:#0e0b15!important;border-bottom:1px solid #25202e!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:18px}
html.reference-theme #workspace .header-context{display:none}
html.reference-theme #workspace .workspace-search{width:min(350px,35vw);height:36px;padding:0 12px;border:1px solid var(--ref-line)!important;background:#15111f!important;border-radius:9px;box-shadow:none!important;font-size:11px;color:var(--ref-muted)}
html.reference-theme #workspace .workspace-search kbd{font-size:9px;background:#272032;border:1px solid #40354f;border-radius:4px;padding:2px 4px;color:#a59bb9}
html.reference-theme #workspace .header-right{gap:10px!important;margin-left:auto}
html.reference-theme #workspace #connection{order:0;background:none!important;border:0!important;color:#bdd9ce;font-size:11px;padding:0 8px;box-shadow:none!important;white-space:nowrap}
html.reference-theme #workspace #connection::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ref-profit);margin-right:7px}
html.reference-theme #workspace #connection.stale::before{background:#d8b475}
html.reference-theme #workspace #refresh{order:1}html.reference-theme #workspace #activity-open{order:2}html.reference-theme #workspace #header-profile-open{order:3}
html.reference-theme #workspace :is(.header-bell,.header-profile,#refresh){height:36px;min-height:36px;border:1px solid var(--ref-line)!important;border-radius:9px!important;background:#15111f!important;box-shadow:none!important;color:#d6cbe7}
html.reference-theme #workspace .header-profile{padding:5px 10px 5px 5px;gap:8px}
html.reference-theme #workspace #header-profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--studio-accent)!important;color:#fff;font-size:13px;box-shadow:none!important}
html.reference-theme #workspace .header-profile b{font-size:11px}html.reference-theme #workspace .header-profile small{font-size:9px;color:var(--ref-muted)}
html.reference-theme #workspace #workspace-nav.premium-nav{background:#0e0b15!important;border-color:#25202e!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;top:0!important;bottom:0!important;left:0!important}
html.reference-theme #workspace #workspace-nav.premium-nav nav button{font-size:12px!important;color:#a49ab5;border-radius:8px!important}
html.reference-theme #workspace #workspace-nav.premium-nav nav button.selected{background:#21182e!important;color:#dfc7ff!important}
html.reference-theme #workspace #workspace-nav.premium-nav .rail-connection{background:#13101b!important;border-color:var(--ref-line)!important}
html.reference-theme #workspace .pane :is(h1,h2,h3),html.reference-theme :is(#login,#landing) :is(h1,h2,h3){color:var(--ref-text)!important;text-shadow:none!important;background-image:none!important;-webkit-text-fill-color:currentColor!important}
html.reference-theme #workspace .pane h1{font-size:32px!important;font-weight:650!important;letter-spacing:-1.2px!important;line-height:1.2;margin:10px 0!important}
html.reference-theme #workspace .pane :is(h2,h3){font-size:14px!important;font-weight:600!important;letter-spacing:-.25px}
html.reference-theme #workspace .pane :is(.eyebrow,.mini-label){font-size:9px!important;font-weight:650;letter-spacing:1.6px;color:#c5a2ff!important}
html.reference-theme #workspace .pane :is(.muted,.section-heading p,.page-heading p){font-size:12px!important;line-height:1.65;color:#a9a0ba!important}
html.reference-theme #workspace .section-heading,html.reference-theme #workspace .page-heading{background:none!important;min-height:0!important;padding:0!important;margin-bottom:25px!important;gap:20px}
html.reference-theme #workspace .main-shell :is(.panel,.stats article,.deal-metrics article,.profile-banner,.guri-credit,.wallet-card,.upi-card,.quick-action,.game-card,.preset-card,.presence-card,.settings-card){background:var(--ref-panel)!important;border:1px solid var(--ref-line)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-image:none!important;filter:none!important}
html.reference-theme #workspace .main-shell :is(.panel,.stats article,.profile-banner,.guri-credit):hover{border-color:#42364f!important;box-shadow:none!important}
html.reference-theme #workspace .main-shell :is(.panel,.stats article,.deal-metrics article)::before,html.reference-theme #workspace .main-shell :is(.panel,.stats article,.deal-metrics article)::after{display:none!important}
html.reference-theme #workspace .panel{padding:22px!important}
html.reference-theme #workspace :is(.panel-title,.payment-panel-heading){margin-bottom:18px!important}
html.reference-theme #workspace .panel-title h2{margin:0!important}
html.reference-theme #workspace :is(.positive,.recent-profit,#deal-profit,#overview-profit,#reference-overview-profit,.reference-profit){color:var(--ref-profit)!important;text-shadow:none!important}
html.reference-theme #workspace :is(.stats,.deal-metrics){gap:12px!important}
html.reference-theme #workspace #overview.overview-clean .stats article,html.reference-theme #workspace .reference-stats article{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:18px 20px!important;min-height:120px!important;gap:0!important}
html.reference-theme #workspace #overview.overview-clean .stats .stat-label,html.reference-theme #workspace .reference-stats .stat-label{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#aca0c2!important;font-size:11px!important;font-weight:400!important;padding:0!important;margin:0!important;min-height:20px!important;text-transform:none!important;letter-spacing:0!important}
html.reference-theme #workspace #overview.overview-clean .stats .stat-label>span,html.reference-theme #workspace .reference-stats .stat-label>span{position:static!important;display:grid!important;place-items:center!important;width:19px!important;height:19px!important;min-width:19px!important;background:none!important;border:0!important;box-shadow:none!important;color:#8e7caa!important}
html.reference-theme #workspace #overview.overview-clean .stats strong,html.reference-theme #workspace .reference-stats strong{font-size:25px!important;font-weight:650!important;letter-spacing:-.75px!important;line-height:1.2!important;margin:14px 0 9px!important;padding:0!important}
html.reference-theme #workspace #overview.overview-clean .stats small,html.reference-theme #workspace .reference-stats small{font-size:10px!important;line-height:1.5!important;color:#898096!important;margin:0!important}
html.reference-theme #workspace .primary,html.reference-theme #login .primary,html.reference-theme #landing :is(.primary,.home-cta,.home-cta-main){background:var(--studio-accent)!important;background-image:none!important;color:#160e24!important;border:1px solid #c39cf2!important;border-radius:8px!important;box-shadow:none!important;min-height:36px;padding:9px 14px;font-size:11px;font-weight:600;gap:10px}
html.reference-theme #workspace .primary:hover,html.reference-theme #login .primary:hover{filter:brightness(1.08)}
html.reference-theme #workspace :is(button.small,.text-button,.report-periods button,.settings-tabs button),html.reference-theme #login .text-button{box-shadow:none!important;font-size:11px}
html.reference-theme #workspace button.small{background:#1b1724!important;border-color:#3a3047!important;border-radius:8px!important;padding:9px 12px;color:#ddd1ec}
html.reference-theme #workspace .text-button{color:#c6aadf}
html.reference-theme #workspace :is(.report-periods,.settings-tabs,.payment-tabs,.smart-payment-tabs){background:#121019!important;border-color:var(--ref-line)!important;box-shadow:none!important;border-radius:9px}
html.reference-theme #workspace :is(.report-periods button.active,.settings-tabs button[aria-selected=true],.smart-payment-tabs button.active){background:#2a1d3c!important;color:#d7b4ff!important;box-shadow:none!important}
html.reference-theme #workspace :is(input,select,textarea),html.reference-theme #login :is(input,select,textarea){background:#0e0c14!important;border:1px solid #332b40!important;border-radius:8px!important;color:#ebe3f6!important;box-shadow:none!important;min-height:38px;font-size:12px}
html.reference-theme #workspace :is(input,select,textarea):focus,html.reference-theme #login input:focus{border-color:#aa7ce3!important;outline:2px solid #ad83e522!important;outline-offset:1px}
html.reference-theme #workspace label{font-size:11px;color:#a69ab9}
html.reference-theme #workspace :is(.footnote,.empty,.faint){color:#8b829a!important;font-size:11px;line-height:1.65}
html.reference-theme #workspace :is(.deal-table-wrap,.transcript-results-wrap){border:1px solid var(--ref-line)!important;border-radius:10px!important;background:#111018!important;box-shadow:none!important;backdrop-filter:none!important}
html.reference-theme #workspace :is(table.deal-table,table.transcript-results){border-collapse:collapse!important;border-spacing:0!important;font-size:11px!important}
html.reference-theme #workspace :is(.deal-table,.transcript-results) th{background:#1b1626!important;color:#b5a1d0!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important;padding:13px 14px!important;border:0!important;text-transform:none}
html.reference-theme #workspace :is(.deal-table,.transcript-results) td{background:#111018!important;border:0!important;border-bottom:1px solid #292332!important;padding:16px 14px!important;color:#e4d9f0;font-size:11px!important;box-shadow:none!important}
html.reference-theme #workspace :is(.deal-table,.transcript-results) tr:last-child td{border-bottom:0!important}
html.reference-theme #workspace .recent-type{background:#21182d!important;border-color:#423250!important;font-size:10px}
html.reference-theme #workspace .recent-type i{background:#342146!important;box-shadow:none!important}
html.reference-theme #workspace .deal-pagination{font-size:10px!important;color:#91849f}
html.reference-theme #workspace :is(.notice,.import-status,.soft-chip,.badge){box-shadow:none!important;border-color:#393041;background:#1b1524;color:#bda4d6}
html.reference-theme :is(dialog,.rail-account-menu){background:#111018!important;background-image:none!important;border:1px solid #393043!important;box-shadow:0 24px 70px #0007!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#f0eaf8}
html.reference-theme #login.login-shell{background:var(--ref-bg)!important}
html.reference-theme #login .login-card{background:#111018!important;border:1px solid var(--ref-line)!important;border-radius:16px!important;box-shadow:none!important;backdrop-filter:none!important}
html.reference-theme #landing{background:var(--ref-bg)!important;color:var(--ref-text)}
html.reference-theme #landing :is(.store-nav,.store-footer,.home-feature-grid article,.store-plan,.home-product-window,.preview-stat,.preview-tool-grid>div,.store-faq details){background:#111018!important;background-image:none!important;border-color:var(--ref-line)!important;box-shadow:none!important;backdrop-filter:none!important}
html.reference-theme #landing :is(.home-hero,.home-features,.store-pricing,.store-faq,.home-endcap){background:transparent!important}
html.reference-theme #landing :is(.hero-glow,.hero-grid,.orbit-ring,.home-orbit,.floating-cap)::before,html.reference-theme #landing .home-hero::before{display:none!important}
html.reference-theme #landing :is(em,h1 span,h2 em){color:var(--studio-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
.reference-heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.reference-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px!important;margin-top:22px}
.reference-main-grid>.panel{min-width:0;min-height:330px}
.reference-transactions .reference-transaction{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 0;border-top:1px solid var(--ref-line)}
.reference-transaction-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#291e38;color:#c9a4f4}
.reference-transaction strong{font-size:11px;font-weight:600}.reference-transaction small{display:block;font-size:10px;color:#95849f;margin-top:6px}
.reference-transaction-name{min-width:0;overflow-wrap:anywhere}.reference-transaction-amount{text-align:right;white-space:nowrap}.reference-transaction-amount button{display:block;margin:6px 0 0 auto;padding:0;border:0;background:none;color:#c6a7e8;font-size:10px}
.reference-trend{width:100%;height:auto;display:block;min-height:210px;overflow:visible;margin-top:20px}
.reference-chart-note{display:block;margin-top:14px;color:#82758f;font-size:10px;line-height:1.6}
.reference-endcap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px;margin:30px 0;background:linear-gradient(100deg,#1b1427,#20172d);border:1px solid #443052;border-radius:14px}
.reference-endcap h3{margin:12px 0 6px}.reference-endcap p{font-size:11px;color:#ad98bf;margin:0}.reference-endcap .eyebrow{font-size:9px;letter-spacing:1.5px;color:#caa5fb}
.reference-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 20px}
.reference-stats article{background:var(--ref-panel);border:1px solid var(--ref-line);border-radius:14px;box-shadow:none}
html.reference-theme #workspace .icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.reference-secondary{margin-top:28px}.reference-secondary>.reference-utility-heading{margin:26px 0 18px;color:#a897bb;font-size:12px}
.reference-margin-content .reference-margin-line{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--ref-line);font-size:11px}
.reference-margin-line small{display:block;margin-top:6px;color:#8b7b9d;font-size:10px}.reference-margin-line>b{align-self:center;white-space:nowrap}
.reference-panel-note{color:#93819f;font-size:10px;line-height:1.7;margin-top:20px}
html.reference-theme #workspace :is(.chart-floor,.chart-wire){display:none!important}
@media(min-width:701px){html.reference-theme body:not(.sidebar-collapsed) #workspace .main-shell{margin-left:232px!important}html.reference-theme body:not(.sidebar-collapsed) #workspace #workspace-nav{width:232px!important}html.reference-theme body.sidebar-collapsed #workspace .main-shell{margin-left:76px!important}}
@media(max-width:1100px){html.reference-theme #workspace .main-shell>main{padding:28px 24px 40px!important}.reference-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}html.reference-theme #workspace #connection{font-size:10px}}
@media(max-width:900px){.reference-main-grid{grid-template-columns:1fr}.reference-main-grid>.panel{min-height:270px}.reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html.reference-theme #workspace .header-profile small{display:none}}
@media(max-width:700px){html.reference-theme #workspace .main-shell{margin-left:0!important}html.reference-theme #workspace .main-shell>main{padding:25px 16px 45px!important}html.reference-theme #workspace .main-shell>header{padding:0 14px!important;gap:10px;height:62px!important;min-height:62px}html.reference-theme #workspace .workspace-search{width:36px;min-width:36px;padding:8px}html.reference-theme #workspace .workspace-search :is(span,kbd){display:none}html.reference-theme #workspace .header-right{gap:7px!important}html.reference-theme #workspace #connection{padding:0;font-size:10px}html.reference-theme #workspace .header-profile{padding:4px!important}html.reference-theme #workspace .header-profile>span:last-child{display:none}html.reference-theme #workspace #refresh>span{display:none}html.reference-theme #workspace .pane h1{font-size:28px!important;letter-spacing:-.8px!important}html.reference-theme #workspace :is(input,select,textarea){font-size:16px}html.reference-theme #workspace .panel{padding:18px!important}html.reference-theme #workspace .section-heading,html.reference-theme #workspace .page-heading{align-items:flex-start;flex-wrap:wrap}.reference-endcap{align-items:flex-start;flex-direction:column;padding:20px}.reference-heading-actions{margin-top:4px}.reference-trend{min-height:0}.reference-main-grid{gap:14px}.reference-main-grid>.panel{min-height:0}html.reference-theme #workspace #overview.overview-clean .stats article{padding:15px!important;min-height:119px!important}html.reference-theme #workspace #overview.overview-clean .stats strong,html.reference-theme #workspace .reference-stats strong{font-size:23px!important}html.reference-theme #workspace .reference-stats article{padding:15px!important;min-height:119px!important}.reference-transaction{gap:9px!important}}
@media(prefers-reduced-motion:reduce){html.reference-theme *,html.reference-theme *::before,html.reference-theme *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html.reference-theme #workspace .workspace-planet{display:none!important}html.reference-theme #workspace .ledger-bottom-grid{grid-template-columns:minmax(0,1fr)!important;margin-top:18px}
