:root,[data-theme=dark]{--color-bg: #0b0e14;--color-bg-elevated: #0f1420;--color-panel: #12161f;--color-panel-hover: #171c28;--color-border: #232935;--color-border-strong: #313a4a;--color-text: #e8eaed;--color-text-muted: #8b93a1;--color-text-faint: #5a6373;--color-brand: #f5b942;--color-brand-strong: #ffcc66;--color-brand-ink: #1a1406;--color-gain: #2dd4a7;--color-gain-bg: rgba(45, 212, 167, .12);--color-loss: #ff5c72;--color-loss-bg: rgba(255, 92, 114, .12);--color-focus: #6cb7ff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .55);--shadow-pop: 0 12px 40px -8px rgba(0, 0, 0, .65);color-scheme:dark}[data-theme=light]{--color-bg: #f5f6f8;--color-bg-elevated: #ffffff;--color-panel: #ffffff;--color-panel-hover: #f0f2f6;--color-border: #dfe3ea;--color-border-strong: #c7cdd8;--color-text: #171b24;--color-text-muted: #5c6577;--color-text-faint: #8b93a1;--color-brand: #c98a1c;--color-brand-strong: #a86f0f;--color-brand-ink: #ffffff;--color-gain: #158a68;--color-gain-bg: rgba(21, 138, 104, .1);--color-loss: #d63a52;--color-loss-bg: rgba(214, 58, 82, .1);--color-focus: #1b6fd6;--shadow-card: 0 1px 2px rgba(20, 24, 34, .06), 0 8px 24px -12px rgba(20, 24, 34, .15);--shadow-pop: 0 12px 40px -8px rgba(20, 24, 34, .25);color-scheme:light}:root{--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar-width: 240px;--topbar-height: 64px;--ticker-height: 40px;--transition-fast: .14s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition-base),color var(--transition-base)}#root{min-height:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}ul{list-style:none;margin:0;padding:0}img{max-width:100%;display:block}::selection{background:var(--color-brand);color:var(--color-brand-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar ticker" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.brand-mark{width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--color-brand-ink);font-size:15px;flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em}.nav-list{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link svg{width:18px;height:18px;flex-shrink:0}.nav-link:hover{background:var(--color-panel-hover);color:var(--color-text)}.nav-link.active{background:var(--color-panel-hover);color:var(--color-brand);position:relative}.nav-link.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:var(--radius-pill);background:var(--color-brand)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-panel-hover);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:600;flex-shrink:0}.user-meta{min-width:0}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account{font-size:11px;color:var(--color-text-faint);font-family:var(--font-mono)}.ticker-tape{grid-area:ticker;height:var(--ticker-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;position:relative}.ticker-tape:before,.ticker-tape:after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none}.ticker-tape:before{left:0;background:linear-gradient(90deg,var(--color-bg-elevated),transparent)}.ticker-tape:after{right:0;background:linear-gradient(270deg,var(--color-bg-elevated),transparent)}.ticker-track{display:flex;gap:var(--space-6);white-space:nowrap;animation:ticker-scroll 38s linear infinite;padding-left:var(--space-4)}.ticker-tape:hover .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:12.5px}.ticker-symbol{font-weight:600;color:var(--color-text)}.ticker-price{color:var(--color-text-muted)}.ticker-delta.up{color:var(--color-gain)}.ticker-delta.down{color:var(--color-loss)}.main-content{grid-area:main;padding:var(--space-6) var(--space-6) var(--space-8);max-width:1280px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:26px}.page-subtitle{color:var(--color-text-muted);font-size:14px;margin-top:var(--space-1)}.mobile-topbar,.mobile-tabbar{display:none}@media (max-width: 960px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "ticker" "main";padding-bottom:72px}.sidebar{display:none}.mobile-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.main-content{padding:var(--space-4) var(--space-4) var(--space-7)}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabbar .nav-link{flex:1;flex-direction:column;gap:2px;border-radius:0;font-size:10.5px;padding:var(--space-2) 0;text-align:center}.mobile-tabbar .nav-link.active:before{left:50%;top:4px;transform:translate(-50%);width:18px;height:3px}}@media (max-width: 560px){.page-title{font-size:21px}}.card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-tight{padding:var(--space-4)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media (max-width: 960px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.summary-grid{grid-template-columns:1fr}}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-weight:600}.stat-value{font-family:var(--font-mono);font-size:24px;font-weight:600;letter-spacing:-.01em}.stat-delta{font-family:var(--font-mono);font-size:13px;display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;padding:2px 8px;border-radius:var(--radius-pill)}.stat-delta.up{color:var(--color-gain);background:var(--color-gain-bg)}.stat-delta.down{color:var(--color-loss);background:var(--color-loss-bg)}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-5);align-items:start}@media (max-width: 960px){.two-col{grid-template-columns:1fr}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card-title{font-size:15px;font-weight:600}.card-title-sub{font-size:12px;color:var(--color-text-faint);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:9px 16px;font-size:13.5px;font-weight:600;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-brand);color:var(--color-brand-ink)}.btn-primary:hover{background:var(--color-brand-strong)}.btn-secondary{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-panel-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background:var(--color-panel-hover)}.btn-danger{background:transparent;border-color:var(--color-loss);color:var(--color-loss)}.btn-danger:hover{background:var(--color-loss-bg)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-block{width:100%}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text-muted);transition:all var(--transition-fast)}.icon-btn:hover{color:var(--color-text);border-color:var(--color-border-strong)}.icon-btn svg{width:17px;height:17px}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;background:var(--color-panel-hover);color:var(--color-text-muted);border:1px solid var(--color-border)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:600;padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);font-size:13.5px;vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-panel-hover)}.data-table tbody tr:last-child td{border-bottom:none}.cell-symbol{display:flex;align-items:center;gap:var(--space-3)}.symbol-badge{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-panel-hover);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;flex-shrink:0}.symbol-name{font-size:12px;color:var(--color-text-faint)}.text-gain{color:var(--color-gain)}.text-loss{color:var(--color-loss)}.text-right{text-align:right}.table-scroll{overflow-x:auto}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:12.5px;font-weight:600;color:var(--color-text-muted)}.field input,.field select{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:10px 12px;color:var(--color-text);font-size:14px;width:100%;transition:border-color var(--transition-fast)}.field input:focus,.field select:focus{border-color:var(--color-focus)}.search-input-wrap{position:relative;max-width:320px;width:100%}.search-input-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-faint)}.search-input-wrap input{padding-left:36px}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--color-text-muted);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:7px;transition:all var(--transition-fast)}.segmented button.active{background:var(--color-panel-hover);color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);animation:fade-in var(--transition-base) ease}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:100%;max-width:420px;padding:var(--space-5);animation:modal-in var(--transition-base) cubic-bezier(.2,.9,.3,1.2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.trade-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.trade-toggle button{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);font-weight:600;font-size:13.5px;transition:all var(--transition-fast)}.trade-toggle button.buy.active{border-color:var(--color-gain);background:var(--color-gain-bg);color:var(--color-gain)}.trade-toggle button.sell.active{border-color:var(--color-loss);background:var(--color-loss-bg);color:var(--color-loss)}.trade-summary{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;font-size:13px;margin-bottom:var(--space-4)}.form-error{color:var(--color-loss);font-size:12.5px;margin-top:-var(--space-2);margin-bottom:var(--space-3)}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--color-text-muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--color-text-muted)}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-2);font-size:16px}.offline-banner{background:var(--color-loss-bg);color:var(--color-loss);font-size:13px;font-weight:600;text-align:center;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.api-error-banner{background:var(--color-loss-bg);border:1px solid var(--color-loss);color:var(--color-loss);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);font-size:13.5px}.api-error-banner code{font-family:var(--font-mono);background:#0003;padding:1px 5px;border-radius:4px}.sparkline{display:block}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-pop);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:13.5px;font-weight:600;z-index:200;animation:toast-in var(--transition-base) ease;display:flex;align-items:center;gap:var(--space-2)}.toast.success{border-color:var(--color-gain);color:var(--color-gain)}.toast.error{border-color:var(--color-loss);color:var(--color-loss)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 960px){.toast{bottom:80px}}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 860px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}}.login-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.login-form-card{width:100%;max-width:380px}.login-visual{background:radial-gradient(circle at 30% 20%,#182033,var(--color-bg));border-left:1px solid var(--color-border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-visual-chart{width:82%}.login-quote{position:absolute;bottom:var(--space-7);left:var(--space-6);right:var(--space-6);color:var(--color-text-muted);font-size:13px;font-family:var(--font-mono)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.stock-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-fast),border-color var(--transition-fast)}.stock-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.stock-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.stock-card-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.watch-toggle{background:transparent;border:none;color:var(--color-text-faint);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-shrink:0}.watch-toggle:hover,.watch-toggle.active{color:var(--color-brand)}.watch-toggle svg{width:18px;height:18px}.stock-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:13px;font-weight:600;margin-bottom:var(--space-4)}.back-link:hover{color:var(--color-text)}.back-link svg{width:15px;height:15px}.price-hero{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.price-hero .amount{font-family:var(--font-mono);font-size:40px;font-weight:600}.stat-inline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}@media (max-width: 640px){.stat-inline-grid{grid-template-columns:repeat(2,1fr)}}.stat-inline-label{font-size:11px;text-transform:uppercase;color:var(--color-text-faint);letter-spacing:.05em;margin-bottom:4px}.stat-inline-value{font-family:var(--font-mono);font-size:14.5px;font-weight:600}.legend-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.legend-row{display:flex;align-items:center;gap:var(--space-3);font-size:13px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-symbol{font-weight:600;flex:1}.legend-percent{font-family:var(--font-mono);color:var(--color-text-muted)}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}