:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-red-500: #ef4444;--color-red-600: #dc2626;--bg-main: var(--color-slate-900);--bg-card: rgba(30, 41, 59, .7);--bg-input: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .05);--bg-sidebar: var(--bg-card);--bg-elevated: var(--color-slate-800);--text-primary: var(--color-slate-50);--text-secondary: var(--color-slate-400);--text-muted: var(--color-slate-500);--text-tertiary: var(--color-slate-500);--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .1);--glass-shine: rgba(255, 255, 255, .05);--glass-bg: rgba(30, 41, 59, .7);--accent-primary: var(--color-indigo-500);--accent-success: var(--color-emerald-500);--accent-danger: var(--color-red-500);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 70px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-background: 0;--z-card: 10;--z-header: 50;--z-sidebar: 80;--z-overlay: 70;--z-modal: 100;--z-tooltip: 110;--skeleton-base: var(--color-slate-800);--skeleton-highlight: var(--color-slate-700)}[data-theme=light]{--bg-main: var(--color-slate-50);--bg-card: #ffffff;--bg-input: var(--color-slate-100);--bg-hover: var(--color-slate-100);--bg-sidebar: #ffffff;--bg-elevated: #ffffff;--skeleton-base: var(--color-slate-200);--skeleton-highlight: var(--color-slate-100);--text-primary: var(--color-slate-900);--text-secondary: var(--color-slate-500);--text-muted: var(--color-slate-400);--text-tertiary: var(--color-slate-400);--border-subtle: var(--color-slate-200);--border-strong: var(--color-slate-300);--glass-border: rgba(0, 0, 0, .08);--glass-shine: rgba(255, 255, 255, .4);--glass-bg: rgba(255, 255, 255, .8);--accent-primary: var(--color-indigo-600);--accent-success: var(--color-emerald-600);--accent-danger: var(--color-red-600)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.1) 0%,transparent 25%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.glass-header{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:var(--z-header);position:sticky;top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-main);color:var(--text-primary);gap:var(--space-4)}.error-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-main);color:var(--accent-danger);font-weight:var(--font-medium)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}button,a{transition:all .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hover-bg:hover{background-color:var(--bg-hover)!important}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.section-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-primary)}@media(max-width:640px){.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid,.charts-grid{grid-template-columns:1fr;gap:var(--space-4)}}.market-table-cell{padding:var(--space-4) var(--space-6)}@media(max-width:640px){.market-table-cell{padding:var(--space-3) var(--space-2);font-size:var(--text-xs)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .22s ease-out}.settings-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.settings-list>.settings-row:last-child{border-bottom:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media(max-width:600px){.settings-row--stacks{flex-direction:column;align-items:flex-start;gap:12px}.settings-row--stacks .settings-row-control{width:100%}.settings-row--stacks .settings-row-control>div{width:100%!important}.settings-row--stacks .settings-row-control>div>button{flex:1;justify-content:center}}.pwa-toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);max-width:380px;width:calc(100% - var(--space-12))}.pwa-toast-content{background:var(--bg-elevated);border:1px solid var(--border-strong);border-left:3px solid var(--accent-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 8px 24px #0006}.pwa-toast-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.pwa-toast-info{display:flex;gap:var(--space-4);align-items:flex-start}.pwa-toast-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-lg);flex-shrink:0}.pwa-toast-icon--update{background:#6366f126;color:var(--accent-primary)}.pwa-toast-icon--offline{background:#10b98126;color:var(--accent-success)}.pwa-toast-text{display:flex;flex-direction:column}.pwa-toast-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.pwa-toast-desc{margin:var(--space-1) 0 0 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.pwa-toast-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pwa-toast-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.pwa-toast-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.pwa-toast-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease}.pwa-toast-btn--later{background:transparent;color:var(--text-secondary)}.pwa-toast-btn--later:hover{color:var(--text-primary);background:var(--bg-hover)}.pwa-toast-btn--update{background:var(--accent-primary);color:var(--color-slate-50);box-shadow:0 4px 10px #6366f14d}.pwa-toast-btn--update:hover{background:var(--color-indigo-600);transform:translateY(-1px)}.pwa-toast-btn--update:active{transform:translateY(0)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-toast{animation:toast-in .35s cubic-bezier(.16,1,.3,1) forwards}.spin-slow{animation:spin 3s linear infinite}.spin-icon{transition:transform .2s ease}.pwa-toast-btn--update:hover .spin-icon{transform:rotate(180deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}