:root{--page-background: var(--color-page, #0f1221);--panel-background: var(--color-panel, #171b2f);--card-background: var(--color-card, #1f2440);--card-background-secondary: var(--color-card-elevated, #282e4d);--text-primary: var(--color-text, #f7f8ff);--text-muted: var(--color-text-muted, #aeb6d9);--text-soft: var(--color-text-soft, #7f88ae);--border-color: var(--color-border, #343b61);--border-soft: var(--color-border-soft, #252b49);--color-purple: var(--color-primary, #7b61ff);--color-purple-hover: var(--color-primary-hover, #684fe0);--color-purple-subtle: rgba(123, 97, 255, .12);--color-purple-subtle-strong: rgba(123, 97, 255, .2);--color-purple-border: rgba(123, 97, 255, .4);--color-gold: #f5b942;--color-gold-light: var(--color-gold-hover, #ffd77a);--color-blue: var(--color-info, #35b7ff);--color-green: var(--color-success, #35d07f);--color-orange: var(--color-warning, #ff9f43);--color-red: var(--color-danger, #ff5c7a);--color-red-border: rgba(255, 92, 122, .2);--color-gold-background: #241a0a;--color-blue-background: #0d2330;--color-green-background: #0e251b;--color-red-background: #2e1119;--color-auth-input-background: var(--color-input, #101426);--color-modal-overlay: rgba(10, 8, 20, .75);--radius-panel: 1.125rem;--radius-card: 1rem;--radius-small: var(--radius-control, .625rem);--radius-icon-box: .5rem;--radius-pill: 999px;--font-size-tiny: .625rem;--font-size-label: .6875rem;--font-size-caption: .75rem;--font-size-body-small: .8125rem;--font-size-body: .875rem;--font-size-body-large: .9375rem;--font-size-base: 1rem;--font-size-value: 1.125rem;--font-size-heading-small: 1.25rem;--font-size-heading: 1.375rem;--font-size-title: 1.5rem;--font-size-display: 1.625rem;--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-7: .875rem;--space-8: 1rem;--space-9: 1.125rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-14: 1.75rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--size-header: 3.75rem;--size-sidebar: 13.75rem;--size-user-avatar: 2.25rem;--size-nav-icon-box: 1.75rem;--size-avatar-border: .125rem;--size-scrollbar-width: .1875rem;--transition-default: .18s ease;--letter-spacing-tight: -.04em;--letter-spacing-normal: -.02em;--letter-spacing-wide: .04em;--letter-spacing-wider: .06em;--letter-spacing-widest: .1em;--letter-spacing-extreme: .12em;--letter-spacing-label: .14em;--opacity-disabled: .4;--opacity-active-press: .85}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family, Arial, sans-serif);background:var(--page-background);color:var(--text-primary);min-height:100vh;min-width:20rem}:where(a){color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:var(--size-header) 1fr;grid-template-areas:"shell-header shell-header" "shell-sidebar shell-main";height:100vh;overflow:hidden}.shell-header{grid-area:shell-header;background:var(--panel-background);border-bottom:1px solid var(--border-soft);display:flex;align-items:center}.shell-header-inner{width:100%;padding:var(--space-4) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.brand{display:flex;align-items:center;gap:var(--space-5);flex-shrink:0}.brand-mark{font-size:var(--font-size-heading);font-weight:900;color:var(--color-gold);line-height:1}.brand-name{font-size:var(--font-size-value);font-weight:900;letter-spacing:var(--letter-spacing-normal);color:var(--text-primary)}.brand-platform-badge{font-size:var(--font-size-label);font-weight:800;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--text-soft);border:1px solid var(--border-color);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5)}.header-right-section,.header-user-section{display:flex;align-items:center;gap:var(--space-5)}.header-user-name{font-size:var(--font-size-body);font-weight:700;color:var(--text-muted)}.wallet-balance-chip{display:flex;align-items:center;gap:var(--space-5);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-5) var(--space-9)}.wallet-balance-chip-token-badge{font-size:var(--font-size-tiny);font-weight:800;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-purple);background:var(--color-purple-subtle);border:1px solid var(--color-purple-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);flex-shrink:0}.wallet-balance-chip-value{display:block;font-size:var(--font-size-value);font-weight:900;letter-spacing:var(--letter-spacing-normal);color:var(--text-primary)}.user-avatar-circle{width:var(--size-user-avatar);height:var(--size-user-avatar);border-radius:50%;background:var(--color-purple);color:#fff;font-size:var(--font-size-body-small);font-weight:800;display:flex;align-items:center;justify-content:center;border:var(--size-avatar-border) solid var(--color-purple-border);cursor:default;flex-shrink:0;user-select:none;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.shell-sidebar{grid-area:shell-sidebar;background:var(--panel-background);border-right:1px solid var(--border-soft);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;display:flex;flex-direction:column;padding:var(--space-8) 0 0}.shell-sidebar::-webkit-scrollbar{width:var(--size-scrollbar-width)}.shell-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--space-1)}.sidebar-section-heading{font-size:var(--font-size-tiny);font-weight:800;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-soft);padding:0 var(--space-8);margin-bottom:var(--space-2);margin-top:var(--space-10)}.sidebar-section-heading:first-child{margin-top:0}.sidebar-navigation{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-4)}.sidebar-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-navigation li{display:contents}.sidebar-navigation-link{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-small);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-body);font-weight:700;transition:background var(--transition-default),color var(--transition-default)}.sidebar-navigation-link:hover{background:var(--card-background);color:var(--text-primary)}.sidebar-navigation-link.active{background:var(--color-purple-subtle);color:var(--color-purple)}.sidebar-navigation-link-icon{width:var(--size-nav-icon-box);height:var(--size-nav-icon-box);border-radius:var(--radius-icon-box);background:var(--card-background-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-label);font-weight:900;flex-shrink:0;color:var(--text-soft);transition:background var(--transition-default),color var(--transition-default)}.sidebar-navigation-link.active .sidebar-navigation-link-icon{background:var(--color-purple-subtle-strong);color:var(--color-purple)}.sidebar-spacer{flex:1;min-height:var(--space-8)}.sidebar-footer{padding:var(--space-6) var(--space-4);border-top:1px solid var(--border-soft);margin-top:var(--space-4)}.sidebar-logout-button{width:100%;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-small);background:transparent;color:var(--text-soft);border:none;font-size:var(--font-size-body-small);font-weight:700;font-family:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;transition:background var(--transition-default),color var(--transition-default)}.sidebar-logout-button:hover{background:var(--color-red-background);color:var(--color-red)}.shell-main{grid-area:shell-main;overflow-y:auto}.auth-page-layout{min-height:100vh;background:var(--page-background);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12)}.auth-card{background:var(--panel-background);border:1px solid var(--border-soft);border-radius:var(--radius-panel);padding:var(--space-20);width:100%;max-width:26.25rem;box-shadow:0 var(--space-12) var(--space-24) #00000080}.auth-card-brand{display:flex;align-items:center;gap:var(--space-5);justify-content:center;margin-bottom:var(--space-16)}.auth-card-brand-mark{font-size:var(--font-size-display);font-weight:900;color:var(--color-gold)}.auth-card-brand-name{font-size:var(--font-size-heading-small);font-weight:900;color:var(--text-primary)}.auth-card-title-area{margin-bottom:var(--space-14)}.auth-card-title{font-size:var(--font-size-heading);font-weight:900;letter-spacing:var(--letter-spacing-normal);color:var(--text-primary);margin-bottom:var(--space-3);text-align:center}.auth-card-subtitle{font-size:var(--font-size-body-small);color:var(--text-muted);margin-bottom:var(--space-14);text-align:center;line-height:1.5}:where(h1,h2,h3,h4,h5,h6){margin:0 0 var(--space-6);font-weight:900;letter-spacing:var(--letter-spacing-tight);line-height:1.1}:where(h1){font-size:var(--font-size-display)}:where(h2){font-size:var(--font-size-title)}:where(h3){font-size:var(--font-size-heading);font-weight:800}:where(p){margin:0 0 var(--space-8)}:where(p:last-child){margin-bottom:0}:where(.text-muted){color:var(--text-muted)}:where(.text-soft){color:var(--text-soft)}:where(button,.button){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:0;border-radius:var(--radius-small);background:var(--color-purple);color:#fff;font-family:inherit;font-size:var(--font-size-body-small);font-weight:800;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:var(--space-6) var(--space-9);cursor:pointer;transition:background var(--transition-default),opacity var(--transition-default)}:where(button:hover:not(:disabled),.button:hover:not(:disabled)){background:var(--color-purple-hover)}:where(button:disabled,.button:disabled){opacity:var(--opacity-disabled);cursor:not-allowed}.button-full-width{width:100%}:where(.page-main){padding:var(--space-16) var(--space-24)}:where(.panel){background:var(--panel-background);border:1px solid var(--border-soft);border-radius:var(--radius-panel);padding:var(--space-16)}:where(.stats-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-7);list-style:none;margin:0 0 var(--space-12);padding:0}:where(.stat){background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-9);list-style:none}:where(.stat strong){display:block;font-size:var(--font-size-title);margin-bottom:var(--space-2)}:where(.stat span){color:var(--text-muted);font-size:var(--font-size-caption)}:where(.currency):before{content:"ð "}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--space-24);font-size:var(--font-size-body);color:var(--text-soft)}.header-burger-button{display:none;flex-direction:column;justify-content:center;gap:var(--space-3);width:var(--size-user-avatar);height:var(--size-user-avatar);background:transparent;border:none;cursor:pointer;padding:var(--space-3);border-radius:var(--radius-small);flex-shrink:0;transition:background var(--transition-default)}.header-burger-button:hover{background:var(--card-background)}.header-burger-line{display:block;width:100%;height:var(--space-1);background:var(--text-muted);border-radius:var(--radius-pill);transition:transform var(--transition-default),opacity var(--transition-default)}.header-burger-button[aria-expanded=true] .header-burger-line:nth-child(1){transform:translateY(var(--space-4)) rotate(45deg)}.header-burger-button[aria-expanded=true] .header-burger-line:nth-child(2){opacity:0}.header-burger-button[aria-expanded=true] .header-burger-line:nth-child(3){transform:translateY(calc(-1 * var(--space-4))) rotate(-45deg)}.sidebar-mobile-backdrop{position:fixed;top:var(--size-header);left:0;right:0;bottom:0;background:var(--color-modal-overlay);z-index:200}@media(max-width:48rem){.shell{grid-template-columns:1fr;grid-template-areas:"shell-header" "shell-main"}.shell-sidebar{position:fixed;top:var(--size-header);left:0;height:calc(100vh - var(--size-header));width:var(--size-sidebar);z-index:300;transform:translate(-100%);transition:transform var(--transition-default)}.shell-sidebar.mobile-open{transform:translate(0)}.header-burger-button{display:flex}.brand-platform-badge{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}