body{margin:0;min-width:320px;min-height:100vh}:root{--color-background: #0B0D10;--color-surface: #121417;--color-surface-alt: #151A1E;--color-primary-gold: #D4AF37;--color-primary-gold-hover: #C8A959;--color-secondary-gradient-start: #9945FF;--color-secondary-gradient-mid: #14F195;--color-secondary-gradient-end: #00FFA3;--color-text-primary: #E6E9EF;--color-text-secondary: #9AA3AF;--color-text-muted: #6B7280;--color-status-success: #18C29C;--color-status-warning: #F59E0B;--color-status-error: #F43F5E;--color-divider: rgba(255, 255, 255, .06);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-4: .5rem;--spacing-6: .75rem;--spacing-8: 1rem;--spacing-12: 1.5rem;--spacing-16: 2rem;--spacing-20: 2.5rem;--spacing-24: 3rem;--spacing-32: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-full: 9999px;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .2);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .15);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .25);--shadow-strong: 0 16px 40px rgba(0, 0, 0, .35);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease: cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 2px var(--color-primary-gold)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-primary-gold)}.text-success{color:var(--color-status-success)}.text-warning{color:var(--color-status-warning)}.text-error{color:var(--color-status-error)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-mono{font-family:var(--font-family-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-8);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease);text-decoration:none;white-space:nowrap}.btn:focus{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary-gold);color:var(--color-background);box-shadow:var(--shadow-subtle)}.btn-primary:hover:not(:disabled){background:var(--color-primary-gold-hover);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text-primary);box-shadow:var(--shadow-subtle)}.btn-secondary:hover:not(:disabled){background:var(--color-surface);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-danger{background:var(--color-status-error);color:#fff}.btn-danger:hover:not(:disabled){background:#e53e5a;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-divider)}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-lg)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}.card-alt{background:var(--color-surface-alt)}.card-body{padding:var(--spacing-12)}.card-header{padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-divider)}.input{width:100%;padding:var(--spacing-6) var(--spacing-8);background:var(--color-surface-alt);border:1px solid var(--color-divider);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);transition:all var(--duration-fast) var(--ease)}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-primary-gold);box-shadow:var(--focus-ring)}.input-mono{font-family:var(--font-family-mono)}.container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.p-4{padding:var(--spacing-4)}.p-8{padding:var(--spacing-8)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.m-4{margin:var(--spacing-4)}.m-8{margin:var(--spacing-8)}.m-12{margin:var(--spacing-12)}.mb-8{margin-bottom:var(--spacing-8)}.mt-8{margin-top:var(--spacing-8)}@keyframes vault-unlock{0%{transform:rotate(0)}to{transform:rotate(15deg)}}.vault-icon{transition:transform var(--duration-normal) var(--ease)}.vault-icon.unlocking{animation:vault-unlock var(--duration-normal) var(--ease)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:3rem;height:3rem;border:3px solid var(--color-surface);border-top:3px solid var(--color-primary-gold);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast{animation:slide-in var(--duration-normal) var(--ease)}.toast.success{background:var(--color-status-success);color:#fff;position:relative;overflow:hidden}.toast.success:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);animation:shimmer 2s ease-in-out}@keyframes shimmer{0%{left:-100%}to{left:100%}}.solana-gradient{background:linear-gradient(135deg,var(--color-secondary-gradient-start),var(--color-secondary-gradient-mid),var(--color-secondary-gradient-end))}.nav-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--color-divider)}.nav-tab{padding:var(--spacing-6) var(--spacing-12);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;font-size:var(--font-size-base);font-weight:500;transition:all var(--duration-fast) var(--ease);white-space:nowrap}.nav-tab.active{background:var(--color-surface);color:var(--color-text-primary);border-bottom-color:var(--color-primary-gold);font-weight:600}.nav-tab:hover:not(.active){color:var(--color-text-primary);background:#ffffff05}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{min-width:max-content;text-align:center}.btn{font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-6)}.input{font-size:var(--font-size-base)}.text-4xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-xl)}}@media (max-width: 480px){.text-4xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-divider: rgba(255, 255, 255, .2);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .4);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3)}}.btn:focus-visible,.input:focus-visible,.nav-tab:focus-visible{outline:2px solid var(--color-primary-gold);outline-offset:2px}.grid-responsive{grid-template-columns:1fr!important}.app-container{max-width:1440px;margin:0 auto;padding:var(--spacing-8)}.legacy-button{transition:all var(--duration-fast) var(--ease)}.legacy-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.legacy-input{transition:border-color var(--duration-fast) var(--ease)}.legacy-input:focus{outline:none;border-color:var(--color-primary-gold);box-shadow:var(--focus-ring)}