:root{--page-background: #0f1221;--panel-background: #171b2f;--card-background: #1f2440;--card-background-secondary: #282e4d;--text-primary: #f7f8ff;--text-muted: #aeb6d9;--text-soft: #7f88ae;--border-color: #343b61;--border-soft: #252b49;--color-purple: #7b61ff;--color-purple-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: #ffd77a;--color-blue: #35b7ff;--color-green: #35d07f;--color-orange: #ff9f43;--color-red: #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: #101426;--color-modal-overlay: rgba(10, 8, 20, .75);--radius-panel: 1.125rem;--radius-card: 1rem;--radius-small: .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:Arial,sans-serif;background:var(--page-background);color:var(--text-primary);min-height:100vh;min-width:20rem}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;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;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}.auth-form{display:flex;flex-direction:column;gap:var(--space-7)}.form-field{display:flex;flex-direction:column;gap:var(--space-3)}.form-field-label{font-size:var(--font-size-body-small);font-weight:700;color:var(--text-muted)}.form-field-input{background:var(--color-auth-input-background);border:1px solid var(--border-color);border-radius:var(--radius-small);padding:var(--space-5) var(--space-7);font-size:var(--font-size-body-large);color:var(--text-primary);transition:border-color var(--transition-default);outline:none;width:100%;font-family:inherit}.form-field-input:focus{border-color:var(--color-purple)}.form-field-input::placeholder{color:var(--text-soft)}.auth-error-message{font-size:var(--font-size-body-small);color:var(--color-red);background:var(--color-red-background);border:1px solid var(--color-red-border);border-radius:var(--radius-small);padding:var(--space-5) var(--space-7);margin-top:var(--space-2)}.auth-divider{display:flex;align-items:center;gap:var(--space-6);margin:var(--space-3) 0}.auth-divider-line{flex:1;height:1px;background:var(--border-soft)}.auth-divider-label{font-size:var(--font-size-label);color:var(--text-soft);font-weight:700;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.auth-dev-environment-note{font-size:var(--font-size-label);color:var(--text-soft);text-align:center;margin-top:var(--space-10);line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:0;border-radius:var(--radius-small);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;font-family:inherit;transition:background var(--transition-default),opacity var(--transition-default)}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button:active:not(:disabled){opacity:var(--opacity-active-press)}.button-full-width{width:100%}.button-primary{background:var(--color-purple);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-purple-hover)}.button-gold{background:var(--color-gold);color:#1e1600}.button-gold:hover:not(:disabled){background:var(--color-gold-light)}.button-secondary{background:var(--card-background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.button-secondary:hover:not(:disabled){background:var(--card-background)}.status-badge{display:inline-block;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:var(--font-size-label);font-weight:800;letter-spacing:var(--letter-spacing-wide)}.status-badge-active{background:#153c2b;color:var(--color-green)}.status-badge-pending{background:#12384d;color:var(--color-blue)}.status-badge-error{background:#4b1f2b;color:var(--color-red)}.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}}