:root{--color-bg: #0f1117;--color-bg-elevated: #161822;--color-surface: #1c1f2e;--color-surface-hover: #242738;--color-surface-active: #2a2d40;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-border-focus: rgba(99, 130, 255, .5);--color-text-primary: #e8eaed;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-text-muted: #4b5563;--color-accent: #6382ff;--color-accent-hover: #7b94ff;--color-accent-light: rgba(99, 130, 255, .12);--color-accent-subtle: rgba(99, 130, 255, .06);--color-positive: #34d399;--color-positive-bg: rgba(52, 211, 153, .1);--color-negative: #f87171;--color-negative-bg: rgba(248, 113, 113, .1);--color-danger: #dc2626;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-purple: #a78bfa;--color-purple-bg: rgba(167, 139, 250, .12);--color-purple-dark: #7c3aed;--color-purple-darker: #5b21b6;--color-purple-border: rgba(167, 139, 250, .3);--color-positive-hover: #059669;--color-teal: #0d9488;--color-orange: #fb923c;--color-indigo-deep: #312e81;--color-indigo: #4c1d95;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 28px;--font-size-3xl: 36px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow-accent: 0 0 20px rgba(99, 130, 255, .15);--shadow-glow-positive: 0 0 20px rgba(52, 211, 153, .1);--shadow-glow-negative: 0 0 20px rgba(248, 113, 113, .1);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-navbar: 1000;--z-modal: 1100;--z-toast: 1200;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 56px;--topbar-height: 48px;--transition-sidebar: .2s cubic-bezier(.22, 1, .36, 1);--color-sidebar-bg: #12141c;--color-sidebar-border: rgba(255, 255, 255, .06);--color-sidebar-item-hover: rgba(255, 255, 255, .04);--color-sidebar-item-active: rgba(99, 130, 255, .1);--color-sidebar-text: #8b8fa3;--color-sidebar-text-active: #e8eaed;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--color-bg: #f5f7fb;--color-bg-elevated: #eef2f9;--color-surface: #ffffff;--color-surface-hover: #f4f7ff;--color-surface-active: #e8edf8;--color-border: rgba(15, 23, 42, .12);--color-border-light: rgba(15, 23, 42, .08);--color-border-focus: rgba(79, 70, 229, .45);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-light: rgba(79, 70, 229, .12);--color-accent-subtle: rgba(79, 70, 229, .06);--color-positive: #059669;--color-positive-bg: rgba(5, 150, 105, .12);--color-negative: #dc2626;--color-negative-bg: rgba(220, 38, 38, .1);--color-danger: #b91c1c;--color-warning: #b45309;--color-warning-bg: rgba(245, 158, 11, .14);--color-purple: #7c3aed;--color-purple-bg: rgba(124, 58, 237, .12);--color-purple-dark: #6d28d9;--color-purple-darker: #5b21b6;--color-purple-border: rgba(124, 58, 237, .28);--color-positive-hover: #047857;--color-teal: #0f766e;--color-orange: #ea580c;--color-indigo-deep: #4338ca;--color-indigo: #6366f1;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .14);--shadow-glow-accent: 0 0 20px rgba(79, 70, 229, .16);--shadow-glow-positive: 0 0 20px rgba(5, 150, 105, .1);--shadow-glow-negative: 0 0 20px rgba(220, 38, 38, .1);--color-sidebar-bg: #eef2f9;--color-sidebar-border: rgba(15, 23, 42, .12);--color-sidebar-item-hover: rgba(15, 23, 42, .06);--color-sidebar-item-active: rgba(79, 70, 229, .1);--color-sidebar-text: #475569;--color-sidebar-text-active: #0f172a;color-scheme:light}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);scrollbar-width:thin;scrollbar-color:var(--color-text-muted) transparent}input,select,textarea{color:var(--color-text-primary)!important;background-color:var(--color-surface)!important;border-color:var(--color-border)!important}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)!important}#root{width:100%}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.5em 1em;font-size:var(--font-size-md);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:#6382ff4d;color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-bg);padding:20px}.auth-card{background:var(--color-surface);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:100%;max-width:400px}.auth-card h1{text-align:center;margin-bottom:28px;color:var(--color-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-base)}.form-group input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6382ff1a}.form-group input::placeholder{color:var(--color-text-tertiary)}.auth-button{background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin-top:6px;transition:all var(--transition-base)}.auth-button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent)}.auth-button:disabled{background:var(--color-surface-active);color:var(--color-text-muted);cursor:not-allowed}.message{padding:10px 12px;border-radius:var(--radius-md);margin:14px 0;text-align:center;font-size:var(--font-size-base);font-weight:500}.message.success{background:var(--color-positive-bg);color:var(--color-positive);border:1px solid rgba(52,211,153,.2)}.message.error{background:var(--color-negative-bg);color:var(--color-negative);border:1px solid rgba(248,113,113,.2)}.auth-switch{text-align:center;margin-top:20px;color:var(--color-text-secondary);font-size:var(--font-size-base)}.link-button{background:none;border:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:var(--font-size-base);margin-left:4px}.link-button:hover{color:var(--color-accent-hover);text-decoration:none}.sidebar-market-list{display:flex;flex-direction:column;gap:6px;transition:opacity .2s ease}.sidebar-market-list.refreshing{opacity:.6}a.sidebar-market-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-decoration:none;cursor:pointer}a.sidebar-market-item:hover{background:var(--color-sidebar-item-hover)}.sidebar-market-name{font-size:11px;font-weight:500;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-market-price{font-size:11px;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sidebar-market-change{font-size:10px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.sidebar-market-change.positive{color:var(--color-positive)}.sidebar-market-change.negative{color:var(--color-negative)}.sidebar-market-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 0;margin-top:4px;border-top:1px solid var(--color-sidebar-border)}.sidebar-market-status{font-size:9px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-market-status.open{color:var(--color-positive)}.sidebar-market-updated{font-size:9px;color:var(--color-text-muted)}.sidebar-refresh-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-refresh-btn:hover:not(:disabled){background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.sidebar-refresh-btn:disabled{cursor:not-allowed}.sidebar-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.sidebar-market-collapsed{display:flex;justify-content:center;padding:6px 0!important}.sidebar-market-indicator{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.sidebar-market-indicator-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-tertiary)}.sidebar-market-indicator.open .sidebar-market-indicator-dot{background:var(--color-positive);box-shadow:0 0 0 2px #34d39933}.sidebar-market-indicator.closed .sidebar-market-indicator-dot{background:var(--color-text-tertiary)}.sidebar-portfolio-list{display:flex;flex-direction:column;gap:2px}.sidebar-portfolio-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:6px 8px;border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast)}.sidebar-portfolio-item:hover{background:var(--color-sidebar-item-hover)}.sidebar-portfolio-item--active{background:var(--color-sidebar-item-active)}.sidebar-portfolio-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-portfolio-name{font-size:12px;font-weight:500;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-portfolio-item--active .sidebar-portfolio-name{color:var(--color-text-primary)}.sidebar-portfolio-value{font-size:11px;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sidebar-portfolio-return{font-size:10px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.sidebar-portfolio-return.positive{color:var(--color-positive)}.sidebar-portfolio-return.negative{color:var(--color-negative)}.sidebar-portfolio-more{font-size:11px;color:var(--color-text-muted);padding:4px 8px;text-decoration:none;transition:color var(--transition-fast)}.sidebar-portfolio-more:hover{color:var(--color-accent)}.sidebar-portfolios-collapsed{display:flex;justify-content:center;padding:8px!important}.sidebar-watchlist-list{display:flex;flex-direction:column;gap:4px}.sidebar-watchlist-item{display:grid;grid-template-columns:auto 1fr 40px auto auto;gap:6px;align-items:center;padding:5px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sidebar-watchlist-item:hover{background:var(--color-sidebar-item-hover)}.sidebar-watchlist-ticker-link{font-size:11px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em;text-decoration:none;transition:color var(--transition-fast)}.sidebar-watchlist-ticker-link:hover{color:var(--color-accent)}.sidebar-watchlist-ticker{font-size:11px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.sidebar-watchlist-price{font-size:11px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.sidebar-sparkline{width:40px;height:16px}.sidebar-watchlist-change{font-size:10px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.sidebar-watchlist-change.positive{color:var(--color-positive)}.sidebar-watchlist-change.negative{color:var(--color-negative)}.sidebar-watchlist-external{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);opacity:0}.sidebar-watchlist-item:hover .sidebar-watchlist-external{opacity:1}.sidebar-watchlist-external:hover{background:var(--color-accent-light);color:var(--color-accent)}.sidebar-watchlist-more{font-size:11px;color:var(--color-text-muted);padding:4px 8px;text-decoration:none;transition:color var(--transition-fast)}.sidebar-watchlist-more:hover{color:var(--color-accent)}.sidebar-watchlist-collapsed{display:flex;justify-content:center;padding:8px!important}.sidebar-count-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-mono)}.sidebar-movers{display:flex;gap:8px;padding:0 8px}.sidebar-mover{display:flex;align-items:center;gap:4px;flex:1;padding:4px 6px;border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast)}a.sidebar-mover:hover{background:var(--color-sidebar-item-hover)}.sidebar-mover-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-mover-icon.positive{color:var(--color-positive)}.sidebar-mover-icon.negative{color:var(--color-negative)}.sidebar-mover-symbol{font-size:11px;font-weight:600;color:var(--color-text-primary)}.sidebar-mover-change{font-size:10px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sidebar-mover-change.positive{color:var(--color-positive)}.sidebar-mover-change.negative{color:var(--color-negative)}.sidebar-activity-list{display:flex;flex-direction:column;gap:4px}.sidebar-activity-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sidebar-activity-item:hover{background:var(--color-sidebar-item-hover)}.sidebar-activity-text{font-size:11px;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-activity-time{font-size:10px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.sidebar-activity-loading,.sidebar-empty-state{font-size:11px;color:var(--color-text-muted);padding:8px;text-align:center}.sidebar-empty-state a{color:var(--color-accent);text-decoration:none}.sidebar-empty-state a:hover{text-decoration:underline}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-expanded);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;transition:width var(--transition-sidebar);z-index:var(--z-sticky);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;background:var(--color-sidebar-bg)}.sidebar-logo{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.sidebar-logo-button{width:100%;border:none;background:transparent;padding:0;cursor:pointer;border-radius:var(--radius-sm);justify-content:flex-start}.sidebar-logo-button:hover .sidebar-logo-text{color:var(--color-accent)}.sidebar-logo-button:hover .sidebar-logo-icon{filter:brightness(1.06)}.sidebar-logo-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;transition:opacity .15s,width .15s}.sidebar--collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-text-muted) transparent}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px}.sidebar-section{padding:12px 8px 8px;border-bottom:1px solid var(--color-sidebar-border)}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 8px;white-space:nowrap;overflow:hidden;transition:opacity .15s}.sidebar--collapsed .sidebar-section-title{opacity:0;height:0;padding:0;overflow:hidden}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px}.sidebar-section-header .sidebar-section-title{padding:0}.sidebar-section-action{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-section-action:hover{background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 4px;border-radius:var(--radius-sm);color:var(--color-sidebar-text);text-decoration:none;font-size:13px;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);position:relative;white-space:nowrap;overflow:hidden}.sidebar-nav-item:hover{background:var(--color-sidebar-item-hover);color:var(--color-text-primary)}.sidebar-nav-item--active{background:var(--color-sidebar-item-active);color:var(--color-accent)}.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--color-accent);border-radius:1px}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav-label{opacity:1;transition:opacity .15s}.sidebar--collapsed .sidebar-nav-label{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .sidebar-nav-item{justify-content:center;width:34px;height:34px;padding:0;margin:4px auto;border:1px solid transparent}.sidebar--collapsed .sidebar-nav-icon{width:18px;height:18px}.sidebar--collapsed .sidebar-nav-item--active:before{display:none}.sidebar--collapsed .sidebar-nav-item--active{border-color:#6382ff66}.sidebar--collapsed .sidebar-section{padding:8px 0 6px}.sidebar-user{padding:12px;border-top:1px solid var(--color-sidebar-border);background:var(--color-sidebar-bg);flex-shrink:0}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),var(--color-purple-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;letter-spacing:.02em}.sidebar-user-details{flex:1;min-width:0;overflow:hidden;transition:opacity .15s,width .15s}.sidebar--collapsed .sidebar-user-details{opacity:0;width:0}.sidebar-user-email{font-size:12px;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-user-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-sidebar-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar-user-menu:hover{background:var(--color-negative-bg);color:var(--color-negative)}.sidebar--collapsed .sidebar-user-menu{display:none}.sidebar--collapsed .sidebar-user-info{justify-content:center;padding:8px 0}.sidebar-shortcut-hint{font-size:10px;color:var(--color-text-muted);text-align:center;margin-top:8px;opacity:.7}.sidebar-shortcut-hint kbd{font-family:var(--font-mono);font-size:9px;padding:2px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;margin:0 2px}@media (max-width: 1024px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar .sidebar-logo-text,.sidebar .sidebar-nav-label,.sidebar .sidebar-section-title,.sidebar .sidebar-user-details,.sidebar .sidebar-shortcut-hint{opacity:0;width:0;overflow:hidden}.sidebar .sidebar-nav-item{justify-content:center;padding:10px;margin:2px 8px}.sidebar .sidebar-user-info{justify-content:center}}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%);z-index:var(--z-modal)}.sidebar--mobile-open{transform:translate(0)}.sidebar--mobile-open .sidebar-logo-text,.sidebar--mobile-open .sidebar-nav-label,.sidebar--mobile-open .sidebar-section-title,.sidebar--mobile-open .sidebar-user-details,.sidebar--mobile-open .sidebar-shortcut-hint{opacity:1;width:auto}.sidebar--mobile-open .sidebar-nav-item{justify-content:flex-start;padding:8px 10px;margin:0 4px}.sidebar--mobile-open .sidebar-user-info{justify-content:flex-start}.sidebar--mobile-open .sidebar-user-menu{display:flex}.sidebar-logo-button{justify-content:flex-start}}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);gap:16px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-menu-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.topbar-breadcrumb{display:flex;align-items:center;gap:8px}.topbar-brand{font-size:15px;font-weight:600;color:var(--color-text-primary);display:none}.topbar-center{flex:1;max-width:480px;display:flex;justify-content:center;position:relative}.topbar-search{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.topbar-search.focused,.topbar-search:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6382ff1a}.topbar-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--color-text-primary);outline:none;padding:0;min-width:0}.topbar-search-input::placeholder{color:var(--color-text-muted)}.topbar-search-kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);white-space:nowrap}.topbar-search-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-search-clear:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.search-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-dropdown);max-height:400px;overflow-y:auto}.search-section{padding:8px 0;border-bottom:1px solid var(--color-border)}.search-section:last-of-type{border-bottom:none}.search-section-title{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 12px 8px}.search-result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background var(--transition-fast)}.search-result:hover,.search-result.selected{background:var(--color-surface-hover)}.search-result-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.search-result-ticker{min-width:50px;font-size:12px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-mono)}.search-result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-result-name{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:11px;color:var(--color-text-muted)}.search-result-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.search-result-action-btn{padding:3px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.search-result-action-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.search-loading,.search-empty{padding:16px 12px;text-align:center;font-size:13px;color:var(--color-text-muted)}.search-footer{display:flex;justify-content:space-between;padding:8px 12px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted)}.search-footer kbd{font-family:var(--font-mono);font-size:10px;padding:1px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;margin:0 2px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-theme-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1}.topbar-theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-focus)}.topbar-theme-icon{font-size:12px}.topbar-theme-label{letter-spacing:.01em}.topbar-market-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--color-text-secondary)}.topbar-market-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.topbar-market-dot--open{background:var(--color-positive);box-shadow:0 0 6px var(--color-positive)}.topbar-market-dot--closed{background:var(--color-negative)}.topbar-market-label{text-transform:uppercase;letter-spacing:.04em}@media (max-width: 1024px){.topbar{padding:0 16px}.topbar-center{max-width:320px}.topbar-search-kbd{display:none}}@media (max-width: 768px){.topbar{padding:0 12px}.topbar-menu-btn{display:flex}.topbar-brand{display:block}.topbar-center,.topbar-market-label,.topbar-theme-label{display:none}.topbar-theme-toggle{padding:5px 8px}}.app-layout{display:flex;min-height:100vh;background:var(--color-bg)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width-expanded);transition:margin-left var(--transition-sidebar)}.sidebar-collapsed .app-main{margin-left:var(--sidebar-width-collapsed)}.app-content{flex:1;padding:24px 32px;width:100%;max-width:1800px}.sidebar-backdrop{display:none}@media (max-width: 1200px){.app-content{padding:20px 24px}}@media (max-width: 1024px){.app-main,.sidebar-collapsed .app-main{margin-left:var(--sidebar-width-collapsed)}}@media (max-width: 768px){.app-main,.sidebar-collapsed .app-main{margin-left:0}.app-content{padding:8px 16px 16px}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-modal) - 1);opacity:1;transition:opacity .2s ease}}.app-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 12px 30px #0f172a0a}table.app-table{width:100%;min-width:640px;table-layout:fixed;border-collapse:collapse;border-spacing:0;background:var(--color-surface)}.app-table th,.app-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);vertical-align:middle;min-width:0;font-size:13px;color:var(--color-text-primary)}.app-table th{background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:right;white-space:nowrap}.app-table thead th{border-bottom:1px solid var(--color-border)}.app-table th.app-table-th-left,.app-table td.app-table-td-left{text-align:left}.app-table th.app-table-th-center,.app-table td.app-table-td-center{text-align:center}.app-table th.app-table-th-num,.app-table td.app-table-td-num{text-align:right;font-variant-numeric:tabular-nums}.app-table tbody tr:hover td{background:var(--color-surface-hover)}.app-table tbody tr:last-child td{border-bottom:none}.app-table .tx-type{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.app-table .tx-type-buy{background:var(--color-positive-bg);color:var(--color-positive)}.app-table .tx-type-sell{background:var(--color-negative-bg);color:var(--color-negative)}.app-table .tx-type-dividend{background:#6382ff1f;color:var(--color-accent)}.app-table .tx-type-fee{background:#fbbf241f;color:var(--color-warning)}.app-table .tx-type-deposit{background:var(--color-positive-bg);color:var(--color-positive)}.app-table .tx-type-withdrawal{background:var(--color-negative-bg);color:var(--color-negative)}.app-table .tx-type-transfer{background:var(--color-accent-light);color:var(--color-accent)}.app-table .tx-type-other{background:var(--color-surface-hover);color:var(--color-text-secondary)}.app-table .tx-cash-label{font-weight:600;color:var(--color-positive)}.app-table .tx-symbol-exchange{color:var(--color-text-tertiary);font-size:11px;font-weight:500;margin-left:4px}.app-table .app-table-actions-inner{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.app-table .app-table-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--color-text-secondary);transition:background-color .15s,border-color .15s,color .15s}.app-table .app-table-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.app-table .app-table-btn-primary:hover{border-color:#6382ff59;color:var(--color-accent)}.app-table .app-table-btn-danger:hover{border-color:#f8717159;color:var(--color-negative)}.app-table .app-position-symbol{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.app-table .app-position-symbol .ticker{font-weight:700;font-size:13px;color:var(--color-text-primary);letter-spacing:-.01em}.app-table .app-position-symbol .exchange{font-size:11px;color:var(--color-text-tertiary);font-weight:500}.app-table .pos-positive{color:var(--color-positive);font-weight:600}.app-table .pos-negative{color:var(--color-negative);font-weight:600}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-bg)}.loading{padding:20px;font-size:15px;color:var(--color-text-secondary)}.button{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-base)}.button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent)}.button:disabled{background:var(--color-surface-active);color:var(--color-text-muted);cursor:not-allowed;opacity:.7;box-shadow:none}.button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.button.secondary:hover{background:var(--color-surface-hover);border-color:#ffffff1f}.error{color:var(--color-negative);font-size:var(--font-size-base);margin-top:8px}.success{color:var(--color-positive);font-size:var(--font-size-base);margin-top:8px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6382ff1a}label{display:block;margin-bottom:6px;font-weight:500;font-size:var(--font-size-base);color:var(--color-text-secondary)}.positive{color:var(--color-positive)!important}.negative{color:var(--color-negative)!important}