@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #0b0e11;--bg-secondary: #0e1217;--bg-tertiary: #131722;--bg-panel: #161a25;--bg-card: #1c2030;--bg-card-hover: #222738;--bg-elevated: #252a3a;--bg-input: #1a1e2e;--text-primary: #d1d4dc;--text-secondary: #848e9c;--text-muted: #5e6673;--text-bright: #f0f0f5;--text-heading: #eaecef;--border: #1f2937;--border-light: #1a1f2e;--border-hover: #2d3748;--border-accent: #363c4e;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--color-up: #0ecb81;--color-up-soft: #0ba36a;--color-up-bg: rgba(14, 203, 129, .08);--color-up-text: #0ecb81;--color-down: #f6465d;--color-down-soft: #cf3a4e;--color-down-bg: rgba(246, 70, 93, .08);--color-down-text: #f6465d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--header-height: 48px;--ticker-height: 32px;--sidebar-width: 280px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}[data-theme=light]{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--bg-tertiary: #f4f5f7;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f7f8fa;--bg-elevated: #f0f1f3;--bg-input: #f4f5f7;--text-primary: #1e2329;--text-secondary: #5e6673;--text-muted: #9aa2ae;--text-bright: #0b0e11;--text-heading: #1e2329;--border: #eaecef;--border-light: #f0f1f3;--border-hover: #d5d8dc;--border-accent: #c8ccd4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app.terminal-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.change-arrow{display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 0 1px currentColor);transition:transform .2s ease}.up .change-arrow,.ticker-change.up .change-arrow{animation:arrowBounceUp .4s ease}.down .change-arrow,.ticker-change.down .change-arrow{animation:arrowBounceDown .4s ease}@keyframes arrowBounceUp{0%{transform:translateY(2px);opacity:.5}60%{transform:translateY(-1px)}to{transform:translateY(0);opacity:1}}@keyframes arrowBounceDown{0%{transform:translateY(-2px);opacity:.5}60%{transform:translateY(1px)}to{transform:translateY(0);opacity:1}}.ticker-tape{height:var(--ticker-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow:hidden;position:relative}.ticker-tape:before,.ticker-tape:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.ticker-tape:before{left:0;background:linear-gradient(to right,var(--bg-secondary),transparent)}.ticker-tape:after{right:0;background:linear-gradient(to left,var(--bg-secondary),transparent)}.ticker-scroll{display:flex;align-items:center;height:100%;animation:tickerScroll 200s linear infinite;width:max-content;will-change:transform}.ticker-tape:hover .ticker-scroll{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.ticker-item{display:flex;align-items:center;gap:6px;padding:0 16px;white-space:nowrap;font-size:11px;border-right:1px solid var(--border-light);cursor:pointer;transition:background .15s;height:100%;border:none;background:none;font-family:inherit;color:inherit}.ticker-item:hover{background:var(--bg-card-hover)}.ticker-symbol{font-weight:600;color:var(--text-heading);font-family:var(--font-mono);font-size:10.5px}.ticker-price{color:var(--text-secondary);font-family:var(--font-mono);font-size:10.5px}.ticker-change{font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:3px}.ticker-change.up{color:#0ecb81;background:#0ecb8126}.ticker-change.down{color:#f6465d;background:#f6465d26}.header{display:flex;align-items:center;height:var(--header-height);padding:0 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:12px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:8px}.logo-icon{display:flex;align-items:center}.logo-icon img{width:30px;height:30px;border-radius:6px;object-fit:contain}.logo-text{font-size:15px;font-weight:700;color:var(--text-heading);letter-spacing:-.3px;line-height:1}.logo-india{font-size:9px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,#f93,#fff,#138808);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;vertical-align:super;margin-left:1px}.header-center{flex:1;max-width:480px;margin:0 24px}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.market-status-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.market-status-badge.open{color:var(--color-up);background:var(--color-up-bg)}.market-status-badge.closed{color:var(--color-down);background:var(--color-down-bg)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.market-status-badge.open .status-dot{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.3}}.theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s}.theme-toggle:hover{background:var(--bg-card);color:var(--text-primary)}.search-autocomplete{position:relative;width:100%}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;gap:8px;height:36px;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.search-icon{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:12px;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-muted)}.search-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:9999}.search-dropdown-item{display:flex;align-items:center;padding:8px 12px;gap:10px;cursor:pointer;transition:background .15s}.search-dropdown-item:hover,.search-dropdown-item.highlighted{background:var(--bg-card-hover)}.search-symbol{font-family:var(--font-mono);font-weight:600;font-size:11.5px;color:var(--text-heading);min-width:100px}.search-name{flex:1;font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-exchange{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-glow);padding:1px 5px;border-radius:2px;letter-spacing:.5px}.search-no-results{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.terminal-body{display:flex;flex:1;overflow:hidden}.terminal-sidebar-left{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,min-width .25s ease;position:relative}.terminal-sidebar-left.collapsed{width:36px;min-width:36px;align-items:center}.sidebar-toggle{position:absolute;top:8px;right:4px;z-index:12;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .15s}.sidebar-toggle:hover{color:var(--text-primary);border-color:var(--accent);background:var(--accent-glow)}.terminal-sidebar-left.collapsed .sidebar-toggle{position:static;margin-top:8px}.sidebar-collapsed-label{display:block;writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:4px;font-size:9px;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);text-align:center;margin-top:14px;-webkit-user-select:none;user-select:none;opacity:.55;pointer-events:none}.watchlist{display:flex;flex-direction:column;height:100%;overflow:hidden}.watchlist-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.watchlist-count{font-size:10px;color:var(--text-muted);background:var(--bg-elevated);padding:2px 6px;border-radius:8px;font-family:var(--font-mono)}.watchlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;flex:1}.watchlist-empty-icon{font-size:28px;margin-bottom:8px;opacity:.3}.watchlist-empty p{font-size:12px;color:var(--text-muted);margin:2px 0}.watchlist-empty .hint{font-size:11px}.watchlist-list{flex:1;overflow-y:auto}.watchlist-item{display:flex;align-items:center;border-bottom:1px solid var(--border-light);position:relative;transition:background .15s}.watchlist-item:hover{background:var(--bg-card-hover)}.watchlist-item.selected{background:var(--accent-glow);border-left:2px solid var(--accent)}.watchlist-item-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;text-align:left}.watchlist-item-left{display:flex;flex-direction:column;gap:1px}.watchlist-symbol{font-family:var(--font-mono);font-weight:600;font-size:11.5px;color:var(--text-heading)}.watchlist-name{font-size:10px;color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watchlist-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.watchlist-price{font-family:var(--font-mono);font-weight:600;font-size:11.5px;color:var(--text-primary)}.watchlist-change{font-family:var(--font-mono);font-size:10px;font-weight:600}.watchlist-change.up{color:var(--color-up)}.watchlist-change.down{color:var(--color-down)}.watchlist-remove{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:var(--text-muted);opacity:0;transition:all .15s}.watchlist-item:hover .watchlist-remove{opacity:1}.watchlist-remove:hover{background:var(--color-down-bg);color:var(--color-down)}.watchlist-loading{padding:8px}.watchlist-selector{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border);position:relative}.watchlist-selector-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:all .15s;min-width:0;flex:1}.watchlist-selector-btn:hover{border-color:var(--accent);background:var(--accent-glow)}.watchlist-selector-name{font-size:12px;font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlist-selector-arrow{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.watchlist-selector-arrow.open{transform:rotate(180deg)}.watchlist-create-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0;border:none}.watchlist-create-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.watchlist-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px #0000004d;z-index:100;max-height:320px;overflow-y:auto}.watchlist-dropdown-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 12px 4px}.watchlist-dropdown-list{list-style:none;padding:0;margin:0}.watchlist-dropdown-item{display:flex;align-items:center;border-bottom:1px solid var(--border-light);transition:background .12s}.watchlist-dropdown-item:hover{background:var(--bg-card-hover)}.watchlist-dropdown-item.active{background:var(--accent-glow);border-left:2px solid var(--accent)}.watchlist-dropdown-select{flex:1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;text-align:left;cursor:pointer;background:none;border:none;color:var(--text-primary);font-size:12px;min-width:0}.watchlist-dropdown-select:hover{color:var(--accent)}.wdd-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wdd-count{font-size:10px;color:var(--text-muted);background:var(--bg-elevated);padding:1px 6px;border-radius:8px;font-family:var(--font-mono);flex-shrink:0;margin-left:6px}.watchlist-dropdown-actions{display:flex;align-items:center;gap:2px;padding-right:6px;flex-shrink:0}.wdd-action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:none;border:none;transition:all .15s}.wdd-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.wdd-action-btn.wdd-delete:hover{background:var(--color-down-bg);color:var(--color-down)}.wdd-delete-confirm{display:flex;gap:4px;padding:2px}.wdd-confirm-yes{font-size:10px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-down);color:#fff;cursor:pointer;border:none;font-weight:600}.wdd-confirm-no{font-size:10px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border:none}.watchlist-rename-row{flex:1;padding:4px 8px}.watchlist-rename-input,.watchlist-create-input{width:100%;padding:4px 8px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:12px;outline:none}.watchlist-rename-input:focus,.watchlist-create-input:focus{box-shadow:0 0 0 2px var(--accent-glow)}.watchlist-create-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border)}.watchlist-create-confirm{padding:4px 12px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:11px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:background .15s}.watchlist-create-confirm:hover{background:var(--accent-hover)}.watchlist-dropdown-create{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;color:var(--accent);font-weight:600;cursor:pointer;border:none;border-top:1px solid var(--border);background:none;transition:background .15s}.watchlist-dropdown-create:hover{background:var(--accent-glow)}.watchlist-search{position:relative;padding:6px 10px;border-bottom:1px solid var(--border)}.watchlist-search-wrapper{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .15s}.watchlist-search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.watchlist-search-icon{color:var(--text-muted);flex-shrink:0}.watchlist-search-input{flex:1;border:none;background:none;color:var(--text-primary);font-size:11.5px;outline:none;min-width:0}.watchlist-search-input::placeholder{color:var(--text-muted);opacity:.7}.watchlist-search-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.watchlist-search-results{position:absolute;top:100%;left:6px;right:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 6px 20px #00000040;z-index:99;max-height:260px;overflow-y:auto;list-style:none;padding:0;margin:0}.watchlist-search-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border-light)}.watchlist-search-item:hover,.watchlist-search-item.highlighted{background:var(--accent-glow)}.wsi-left{display:flex;flex-direction:column;gap:1px;min-width:0}.wsi-symbol{font-family:var(--font-mono);font-weight:600;font-size:11px;color:var(--text-heading)}.wsi-name{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsi-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.wsi-exchange{font-size:9px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:1px 4px;border-radius:3px}.wsi-add-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;line-height:1}.watchlist-search-empty{padding:12px;text-align:center;font-size:11px;color:var(--text-muted)}.ws-selector-row{display:flex;align-items:center;gap:8px;position:relative;flex:1}.ws-selector-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.ws-selector-arrow{color:var(--text-muted);transition:transform .2s}.ws-selector-arrow.open{transform:rotate(180deg)}.ws-create-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;transition:background .15s;flex-shrink:0}.ws-create-btn:hover{background:var(--accent-hover)}.ws-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px #0000004d;z-index:100}.ws-dropdown-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 12px 4px}.ws-dropdown-list{list-style:none;padding:0;margin:0}.ws-dropdown-item{display:flex;align-items:center;border-bottom:1px solid var(--border-light)}.ws-dropdown-item.active{background:var(--accent-glow);border-left:2px solid var(--accent)}.ws-dropdown-select{flex:1;display:flex;justify-content:space-between;padding:10px 12px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer}.ws-dropdown-count{font-size:10px;color:var(--text-muted);background:var(--bg-elevated);padding:1px 6px;border-radius:8px}.ws-dropdown-actions{display:flex;gap:4px;padding-right:8px}.ws-dd-action{font-size:14px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.ws-dd-action:hover{background:var(--bg-elevated);color:var(--text-primary)}.ws-dd-action.ws-dd-delete:hover{background:var(--color-down-bg);color:var(--color-down)}.ws-rename-input{width:100%;padding:6px 10px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.ws-create-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border)}.ws-create-input{flex:1;padding:6px 10px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.ws-create-confirm{padding:6px 14px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;border:none}.ws-dropdown-new{width:100%;padding:10px 12px;font-size:13px;color:var(--accent);font-weight:600;cursor:pointer;border:none;border-top:1px solid var(--border);background:none;text-align:left}.ws-dropdown-new:hover{background:var(--accent-glow)}.ws-search{position:relative;padding:8px 12px;border-bottom:1px solid var(--border)}.ws-search-wrapper{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border)}.ws-search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.ws-search-icon{color:var(--text-muted);flex-shrink:0}.ws-search-input{flex:1;border:none;background:none;color:var(--text-primary);font-size:13px;outline:none}.ws-search-input::placeholder{color:var(--text-muted);opacity:.7}.ws-search-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.ws-search-results{position:absolute;top:100%;left:8px;right:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 6px 20px #00000040;z-index:99;max-height:260px;overflow-y:auto;list-style:none;padding:0;margin:0}.ws-search-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-light)}.ws-search-item:hover,.ws-search-item.highlighted{background:var(--accent-glow)}.ws-search-symbol{font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--text-heading);margin-right:8px}.ws-search-name{font-size:11px;color:var(--text-muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-search-add{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.terminal-center{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.terminal-sidebar-right{width:300px;min-width:260px;max-width:340px;border-left:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.right-panel-price{overflow-y:auto;flex-shrink:0;min-height:40px}.right-panel-bottom{display:flex;flex-direction:column;overflow:hidden;min-height:40px}.right-panel-divider{flex-shrink:0;height:8px;cursor:row-resize;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;z-index:5;transition:background .15s}.right-panel-divider:hover,.right-panel-divider:active{background:var(--accent-glow)}.right-panel-divider-line{width:80%;height:3px;border-radius:2px;background:var(--border-hover);transition:background .15s,box-shadow .15s}.right-panel-divider:hover .right-panel-divider-line,.right-panel-divider:active .right-panel-divider-line{background:var(--accent);box-shadow:0 0 6px #6366f14d}.terminal-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary)}.terminal-chart{flex:1;min-width:0}.live-price-panel{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.lp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.watchlist-action-btn-inline{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);font-size:18px;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .2s;line-height:1}.watchlist-action-btn-inline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.watchlist-action-btn-inline.active{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2414}.lp-stock-name{font-size:14px;font-weight:700;color:var(--text-heading);line-height:1.3}.lp-symbol-row{display:flex;align-items:center;gap:6px;margin-top:2px}.lp-symbol{font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary)}.lp-exchange{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-glow);padding:1px 4px;border-radius:2px}.lp-market-state{font-size:9px;font-weight:700;padding:1px 4px;border-radius:2px;letter-spacing:.5px}.lp-market-state.open{color:var(--color-up);background:var(--color-up-bg)}.lp-market-state.closed{color:var(--color-down);background:var(--color-down-bg)}.lp-live-indicator{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--color-up);letter-spacing:.5px}.lp-price-block{display:flex;flex-direction:column;gap:4px}.lp-price{font-family:var(--font-mono);font-size:26px;font-weight:800;color:var(--text-bright);letter-spacing:-.5px;transition:color .3s}.lp-price.tick-up{color:var(--color-up)!important}.lp-price.tick-down{color:var(--color-down)!important}.lp-change-block{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;font-family:var(--font-mono)}.lp-change-block.up{color:var(--color-up)}.lp-change-block.down{color:var(--color-down)}.lp-change-arrow{font-size:10px}.lp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.lp-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--bg-panel)}.lp-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.lp-stat-value{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary)}.lp-stat-value.green{color:var(--color-up)}.lp-stat-value.red{color:var(--color-down)}.lp-ranges{display:flex;flex-direction:column;gap:10px}.lp-range-header{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-bottom:4px}.lp-range-values{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.lp-range-bar{height:4px;background:var(--bg-elevated);border-radius:2px;position:relative;overflow:visible}.lp-range-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-down),#fcd34d,var(--color-up))}.lp-range-marker{position:absolute;top:-4px;width:3px;height:12px;background:var(--text-bright);border-radius:2px;transform:translate(-50%);box-shadow:0 0 4px #00000080}.lp-fundamentals h4{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px}.lp-fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lp-fund-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-light)}.lp-fund-label{font-size:10px;color:var(--text-muted)}.lp-fund-value{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary)}.watchlist-action-btn{margin:8px 12px 12px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;font-weight:600;text-align:center;color:var(--text-secondary);transition:all .2s}.watchlist-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.watchlist-action-btn.active{color:#fbbf24;border-color:#fbbf244d;background:#fbbf2414}.custom-chart-section{display:flex;flex-direction:column;height:100%;min-height:0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.chart-toolbar-left{display:flex;align-items:center;gap:12px}.chart-toolbar-right{display:flex;align-items:center;gap:8px}.chart-type-toggle{display:flex;background:var(--bg-input);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.chart-type-btn{padding:4px 8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.chart-type-btn:hover{color:var(--text-primary)}.chart-type-btn.active{background:var(--accent);color:#fff}.time-range-buttons{display:flex;gap:2px}.time-btn{padding:4px 10px;font-size:11px;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s;font-family:var(--font-mono)}.time-btn:hover{color:var(--text-primary);background:var(--bg-card)}.time-btn.active{color:var(--accent);background:var(--accent-glow)}.live-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s}.live-btn:hover{border-color:var(--color-up);color:var(--color-up)}.live-btn.active{border-color:var(--color-up);color:var(--color-up);background:var(--color-up-bg)}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.live-dot.pulsing{background:var(--color-up);animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.demo-badge{font-size:9px;font-weight:700;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:2px 6px;border-radius:2px;letter-spacing:.5px}.chart-canvas-container{flex:1 1 auto;position:relative;min-height:200px;cursor:crosshair}.chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chart-ohlcv-tooltip{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary);min-height:24px}.chart-ohlcv-tooltip .ohlcv-date{color:var(--text-muted);margin-right:4px}.chart-ohlcv-tooltip b.up{color:var(--color-up)}.chart-ohlcv-tooltip b.down{color:var(--color-down)}.chart-ohlcv-bar{display:flex;align-items:center;gap:12px;padding:5px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);min-height:28px;flex-wrap:wrap}.chart-stock-identity{display:flex;align-items:center;gap:6px;flex-shrink:0}.chart-stock-name{font-weight:700;font-size:12px;color:var(--text-primary);white-space:nowrap}.chart-stock-symbol{font-size:10.5px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.chart-stock-exchange{font-size:9px;font-weight:600;color:var(--accent);background:var(--accent-glow);padding:1px 5px;border-radius:2px;letter-spacing:.3px;white-space:nowrap}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0e11b3;z-index:5;gap:8px;color:var(--text-muted);font-size:12px}[data-theme=light] .chart-overlay{background:#fafbfcb3}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;gap:8px}.terminal-bottom-panel{border-top:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.bottom-panel-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.panel-tab{padding:8px 16px;font-size:11px;font-weight:600;color:var(--text-muted);position:relative;transition:color .15s;text-transform:uppercase;letter-spacing:.5px}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:var(--accent)}.panel-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.bottom-panel-content{overflow:auto;padding:0;max-height:50vh}.order-book{padding:0}.order-book-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border)}.order-book-header h3{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.order-book-symbol{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.order-book-table{font-family:var(--font-mono);font-size:11px}.ob-row{display:flex}.ob-header-row{padding:4px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:2}.ob-header-row .ob-col{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.ob-bid-side,.ob-ask-side{flex:1;display:flex;align-items:center;padding:3px 8px;position:relative}.ob-bid-side{justify-content:flex-end}.ob-ask-side{justify-content:flex-start}.ob-col{flex:1;text-align:center;font-size:10.5px;padding:0 2px;position:relative;z-index:1}.ob-price-col{font-weight:700}.ob-bid-price{color:var(--color-up)}.ob-ask-price{color:var(--color-down)}.ob-qty{color:var(--text-primary)}.ob-orders{color:var(--text-muted)}.ob-total{color:var(--text-muted);font-size:10px}.ob-depth-bar{position:absolute;top:0;bottom:0;z-index:0;opacity:.15;transition:width .3s ease}.bid-bar{right:0;background:var(--color-up)}.ask-bar{left:0;background:var(--color-down)}.ob-totals-row{border-top:1px solid var(--border);font-weight:700}.ob-total-qty{color:var(--text-heading);font-weight:700}.trades-ticker{display:flex;flex-direction:column;height:100%;overflow:hidden}.trades-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border)}.trades-header h3{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.trades-count{font-size:9px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.trades-table-head{display:flex;padding:4px 12px;border-bottom:1px solid var(--border);font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.trades-table-head .trades-col{flex:1}.trades-table-head .trades-price-col{flex:1.2}.trades-list{overflow-y:auto;flex:1;min-height:0}.trades-row{display:flex;padding:3px 12px;font-family:var(--font-mono);font-size:10.5px;transition:background .15s}.trades-row.trade-new{animation:tradeFlash .4s ease-out}@keyframes tradeFlash{0%{background:#6366f11a}to{background:transparent}}.trades-col{flex:1}.trades-price-col{flex:1.2}.trades-time{color:var(--text-muted)}.trades-price{font-weight:600}.trade-buy .trades-price{color:var(--color-up)}.trade-sell .trades-price{color:var(--color-down)}.trades-qty{color:var(--text-secondary)}.trades-type{font-size:9px;font-weight:800;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px}.trades-type.buy{color:var(--color-up);background:var(--color-up-bg)}.trades-type.sell{color:var(--color-down);background:var(--color-down-bg)}.trades-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:11px}.market-summary{padding:16px}.market-summary.compact{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.market-summary.compact::-webkit-scrollbar{height:0}.index-chip{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .2s;flex-shrink:0}.index-chip:hover{border-color:var(--accent);background:var(--bg-card-hover)}.index-chip.up{border-left:3px solid var(--color-up)}.index-chip.down{border-left:3px solid var(--color-down)}.chip-name{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.chip-price{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-heading)}.chip-change{font-family:var(--font-mono);font-size:10px;font-weight:600}.index-chip.up .chip-change{color:var(--color-up)}.index-chip.down .chip-change{color:var(--color-down)}.overview-section{padding:0}.market-indices,.index-cards{display:flex;gap:12px;margin-top:12px}.index-card{flex:1;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.index-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.index-card.up{border-top:2px solid var(--color-up)}.index-card.down{border-top:2px solid var(--color-down)}.index-name{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.index-price{font-family:var(--font-mono);font-size:18px;font-weight:800;color:var(--text-heading);margin-bottom:4px}.index-change{font-family:var(--font-mono);font-size:11px;font-weight:600}.index-change.up{color:var(--color-up)}.index-change.down{color:var(--color-down)}.index-change-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;font-family:var(--font-mono)}.index-change-badge.up{color:var(--color-up);background:var(--color-up-bg)}.index-change-badge.down{color:var(--color-down);background:var(--color-down-bg)}.market-error{padding:20px;text-align:center;color:var(--text-muted)}.terminal-welcome{padding:0}.welcome-section{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.welcome-icon{margin-bottom:16px}.welcome-section h2{font-size:22px;font-weight:800;color:var(--text-heading);margin-bottom:6px;letter-spacing:-.3px}.welcome-section p{color:var(--text-secondary);font-size:13px;max-width:420px}.welcome-subtitle{font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)!important;margin-top:24px!important;margin-bottom:12px}.popular-stocks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:700px}.popular-stock-btn{display:flex;flex-direction:column;align-items:center;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s;min-width:100px}.popular-stock-btn:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.psb-symbol{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--text-heading)}.psb-name{font-size:9px;color:var(--text-muted);margin-top:2px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-status{position:fixed;bottom:8px;right:12px;display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:9px;font-weight:700;letter-spacing:.5px;z-index:200;transition:all .3s}.ws-status.connected{color:var(--color-up);background:var(--color-up-bg);border:1px solid rgba(14,203,129,.2)}.ws-status.disconnected{color:var(--color-down);background:var(--color-down-bg);border:1px solid rgba(246,70,93,.2)}.ws-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ws-dot.pulsing{animation:wsDotPulse 1.5s ease-in-out infinite}@keyframes wsDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.ws-badge{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);transition:all .3s}.ws-badge.connected{color:var(--color-up);background:var(--color-up-bg)}.ws-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.ws-badge-dot.pulsing{animation:wsDotPulse 1.5s ease-in-out infinite}.skeleton{position:relative;overflow:hidden}.skeleton-line{background:var(--bg-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-title{height:14px;width:60%;margin-bottom:8px}.skeleton-price{height:24px;width:40%;margin-bottom:8px}.skeleton-meta{height:12px;width:80%;margin-bottom:6px}.skeleton-stat{height:32px}.stock-card{padding:16px}.stock-card-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;text-align:center}.error-message{color:var(--color-down);font-size:12px}.btn{padding:6px 14px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.sidebar-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:15;background:transparent;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent)}.mobile-search-bar{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:300;display:flex;align-items:stretch;justify-content:space-around;height:70px;background:var(--bg-secondary);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10px;font-weight:600;transition:color .15s;min-height:44px;-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:9px;letter-spacing:.3px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;visibility:hidden;pointer-events:none}.drawer-overlay.open{visibility:visible;pointer-events:auto}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .3s ease}.drawer-overlay.open .drawer-backdrop{background:#00000080}.drawer-panel{position:absolute;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.32,.72,0,1);will-change:transform}.drawer-bottom{left:0;right:0;bottom:0;max-height:85vh;height:auto;border-radius:16px 16px 0 0;transform:translateY(100%)}.drawer-overlay.open .drawer-bottom{transform:translateY(0)}.drawer-left{left:0;top:0;bottom:0;width:85%;max-width:320px;transform:translate(-100%)}.drawer-overlay.open .drawer-left{transform:translate(0)}.drawer-right{right:0;top:0;bottom:0;width:85%;max-width:320px;transform:translate(100%)}.drawer-overlay.open .drawer-right{transform:translate(0)}.drawer-handle-bar{display:flex;justify-content:center;padding:10px 0 4px;flex-shrink:0}.drawer-handle{width:36px;height:4px;background:var(--border-hover);border-radius:4px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:15px;font-weight:700;color:var(--text-heading)}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s;background:none;border:none;cursor:pointer}.drawer-close:hover{background:var(--bg-card);color:var(--text-primary)}.drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,16px)}.drawer-search-content{padding:12px 16px}.drawer-popular{margin-top:16px}.drawer-popular-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:10px}.drawer-popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mobile-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;scrollbar-width:none}.mobile-tabs::-webkit-scrollbar{height:0}.mobile-tab-btn{flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;position:relative;transition:color .15s;min-height:40px;-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer}.mobile-tab-btn.active{color:var(--accent)}.mobile-tab-btn.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent);border-radius:2px}.mobile-stock-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:var(--space-2);min-height:64px}.msc-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.msc-name-row{display:flex;align-items:center;gap:6px}.msc-name{font-size:14px;font-weight:700;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msc-info{display:flex;align-items:center;gap:6px}.msc-symbol{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.msc-exchange{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-glow);padding:1px 4px;border-radius:2px}.msc-right{display:flex;align-items:flex-end;flex-shrink:0;margin-left:auto}.msc-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.msc-price{font-family:var(--font-mono);font-size:16px;font-weight:800;color:var(--text-bright)}.msc-change{font-family:var(--font-mono);font-size:11px;font-weight:600;white-space:nowrap}.msc-change.up{color:var(--color-up)}.msc-change.down{color:var(--color-down)}.msc-star{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;flex-shrink:0}.msc-star.active{color:#fbbf24}.mobile-search-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer}.mobile-search-btn:hover{background:var(--bg-card);color:var(--text-primary)}.mobile-main{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(70px + env(safe-area-inset-bottom,8px));min-height:0}.mobile-chart-container{width:100%;height:70vh;min-height:300px;flex-shrink:0}.mobile-tab-content{padding:var(--space-2)}.mobile-section,.mobile-fundamentals{padding:0}.mobile-welcome{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center}.mobile-welcome h2{font-size:18px;font-weight:800;color:var(--text-heading);margin-bottom:8px}.mobile-welcome p{color:var(--text-secondary);font-size:12px;margin-bottom:16px}.mobile-popular-stocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:400px}.header.header-mobile{padding:0 var(--space-2);gap:var(--space-2);height:56px}.header.header-mobile .logo-icon svg{width:28px;height:28px}.app-tablet{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tablet-body{display:flex;flex:1;overflow:hidden}.tablet-sidebar-left{border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease;position:relative}.tablet-sidebar-left.open{width:220px;min-width:200px}.tablet-sidebar-left.collapsed{width:36px;min-width:36px}.tablet-sidebar-left .sidebar-toggle{position:absolute;top:8px;right:4px;z-index:12}.tablet-sidebar-left.collapsed .sidebar-toggle{position:static;margin:8px auto 0}.tablet-center{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.tablet-bottom-panel{border-top:1px solid var(--border);background:var(--bg-secondary);max-height:280px;overflow:hidden;display:flex;flex-direction:column}.tablet-bottom-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.tablet-bottom-content{flex:1;overflow-y:auto}.app-mobile{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.ws-status.mobile{bottom:calc(74px + env(safe-area-inset-bottom,4px));right:var(--space-2);font-size:8px;padding:2px 6px}@media (max-width: 479px){html{font-size:12px}.ticker-tape{height:24px}.ticker-item{padding:0 var(--space-2);font-size:9px;gap:3px}.ticker-symbol,.ticker-price{font-size:9px}.ticker-change{font-size:8px}.mobile-stock-card{padding:var(--space-2) 10px}.msc-name{font-size:13px}.msc-price{font-size:14px}.mobile-chart-container{height:60vh;min-height:260px}.lp-price{font-size:20px}.lp-stats-grid{grid-template-columns:1fr 1fr}.lp-fund-grid{grid-template-columns:1fr}.popular-stock-btn{min-width:65px;padding:6px var(--space-2)}.psb-symbol{font-size:11px}.psb-name{font-size:8px}.drawer-popular-grid{grid-template-columns:repeat(2,1fr)}.market-status-badge{font-size:9px;padding:2px 5px}.index-chip{padding:3px var(--space-2);gap:5px}.chip-name{font-size:9px}.chip-price{font-size:10px}.chart-toolbar{padding:var(--space-1) 6px;gap:var(--space-1);flex-wrap:wrap}.time-btn{padding:var(--space-1) 6px;font-size:10px}.chart-type-toggle,.demo-badge{display:none}.chart-ohlcv-tooltip{font-size:9px;gap:6px;padding:3px var(--space-2);flex-wrap:wrap}.index-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.index-card{padding:10px var(--space-3)}.index-price{font-size:15px}}@media (max-width: 767px){:root{--header-height: 56px;--ticker-height: 26px}body{overflow:visible}#root{height:auto;min-height:100vh;min-height:100dvh}.chart-canvas-container{min-height:200px}.ob-row{flex-direction:row}.ob-bid-side,.ob-ask-side{flex:1}.ob-bid-side{justify-content:flex-end}.ob-ask-side{justify-content:flex-start}.ob-header-row{display:flex;font-size:8px}.ob-header-row .ob-bid-side,.ob-header-row .ob-ask-side{padding:3px 8px}.ob-orders,.ob-orders-col{display:none}.ob-col{font-size:10px}.ob-price-col{font-weight:700}.index-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.search-dropdown{max-height:220px}.watchlist-header,.watchlist-item-btn{padding:6px var(--space-2)}.watchlist-symbol,.watchlist-price{font-size:11px}.bottom-panel-tabs{overflow-x:auto}.panel-tab{padding:6px 10px;font-size:10px;white-space:nowrap}.sidebar-resize-handle,.sidebar-collapsed-label,.right-panel-divider{display:none}}@media (min-width: 768px) and (max-width: 1023px){.chart-canvas-container{min-height:280px}.chart-toolbar{flex-wrap:wrap;gap:6px}.index-chip{padding:3px 10px}.lp-stats-grid{grid-template-columns:repeat(3,1fr)}.tablet-bottom-panel{max-height:260px}.index-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}@media (min-width: 1024px) and (max-width: 1439px){.terminal-sidebar-right{width:280px;min-width:240px;max-width:300px}.chart-canvas-container{min-height:350px}.terminal-body{max-width:1400px;margin:0 auto;width:100%}}@media (min-width: 1440px){.terminal-sidebar-right{width:340px;min-width:300px;max-width:400px}.chart-canvas-container{min-height:400px}.terminal-body{max-width:1400px;margin:0 auto;width:100%}}.toast-container{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:90vw}.toast{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:var(--font-sans);pointer-events:auto;cursor:pointer;box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);white-space:nowrap}.toast-success{background:#0ecb8126;border:1px solid rgba(14,203,129,.3);color:#0ecb81}.toast-info{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8}.toast-error{background:#f6465d26;border:1px solid rgba(246,70,93,.3);color:#f6465d}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.toast-success .toast-icon{background:#0ecb8140}.toast-info .toast-icon{background:#6366f140}.toast-error .toast-icon{background:#f6465d40}.toast-message{font-size:13px;letter-spacing:.2px}.toast-enter{animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media (min-width: 1024px){.toast-container{bottom:auto;top:80px;left:auto;right:24px;transform:none;align-items:flex-end}}.watchlist-section{display:flex;flex-direction:column;min-height:0}.ws-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:5}.ws-title{font-size:16px;font-weight:800;color:var(--text-heading);letter-spacing:.3px}.ws-count{font-size:11px;color:var(--text-muted);background:var(--bg-elevated);padding:3px 10px;border-radius:12px;font-family:var(--font-mono);font-weight:600}.ws-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px var(--space-4);text-align:center}.ws-empty-icon{font-size:48px;opacity:.2;margin-bottom:16px}.ws-empty-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.ws-empty-hint{font-size:12px;color:var(--text-muted)}.ws-list{list-style:none;margin:0;padding:0}.ws-item{display:flex;align-items:center;border-bottom:1px solid var(--border-light);position:relative;transition:background .15s}.ws-item:active{background:var(--bg-card-hover)}.ws-item-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px var(--space-4);text-align:left;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:56px}.ws-item-left{display:flex;flex-direction:column;gap:3px;min-width:0}.ws-item-name{font-size:14px;font-weight:700;color:var(--text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-item-meta{display:flex;align-items:center;gap:6px}.ws-item-symbol{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.ws-item-exchange{font-size:9px;font-weight:700;color:var(--accent);background:var(--accent-glow);padding:1px 5px;border-radius:3px}.ws-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.ws-item-price{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-primary)}.ws-item-change{font-family:var(--font-mono);font-size:11px;font-weight:600}.ws-item-change.up{color:var(--color-up)}.ws-item-change.down{color:var(--color-down)}.ws-item-remove{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;color:var(--text-muted);opacity:0;transition:all .15s;background:none;border:none;cursor:pointer}.ws-item:hover .ws-item-remove{opacity:1}@media (max-width: 767px){.ws-item-remove{opacity:.6}}.header-indices{display:flex;align-items:center;gap:4px;margin-left:8px}.header-index-item{display:flex;flex-direction:column;align-items:flex-start;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;background:none;border:none;font-family:inherit;color:inherit;white-space:nowrap;min-width:0}.header-index-item:hover{background:var(--bg-card-hover)}.header-index-name{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.header-index-values{display:flex;align-items:baseline;gap:6px}.header-index-price{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--text-heading)}.header-index-change{font-family:var(--font-mono);font-size:10px;font-weight:600}.header-index-change.up{color:var(--color-up)}.header-index-change.down{color:var(--color-down)}.header-all-indices-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;font-family:inherit;white-space:nowrap;border-radius:20px;transition:all .15s}.header-all-indices-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.indices-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;animation:fadeIn .2s ease}.indices-slide-panel{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:90vw;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:101;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideInRight .25s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.indices-slide-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.indices-slide-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s;background:none;border:none;cursor:pointer}.indices-slide-close:hover{color:var(--text-primary);background:var(--bg-card)}.indices-slide-title{font-size:16px;font-weight:700;color:var(--text-heading)}.indices-slide-hint{font-size:11px;color:var(--text-muted);padding:6px 16px 2px;opacity:.7}.indices-slide-list{flex:1;overflow-y:auto;padding:8px 0}.indices-slide-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;color:inherit;text-align:left;width:100%}.indices-slide-item:hover{background:var(--bg-card-hover)}.indices-slide-item.top-three{border-left:2px solid var(--accent)}.indices-slide-item.dragging{opacity:.4;background:var(--bg-card)}.indices-slide-item.drag-over{border-top:2px solid var(--accent);padding-top:12px}.indices-slide-item-left{display:flex;align-items:center;gap:10px}.indices-slide-drag{font-size:16px;color:var(--text-muted);opacity:.5;cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:1px}.indices-slide-item:active .indices-slide-drag{cursor:grabbing}.indices-slide-name{font-weight:700;font-size:13px;color:var(--text-heading)}.indices-slide-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.indices-slide-price{font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--text-primary)}.indices-slide-change{font-family:var(--font-mono);font-size:11px;font-weight:600}.indices-slide-change.up{color:var(--color-up)}.indices-slide-change.down{color:var(--color-down)}.layout-wrapper{display:flex;flex:1;overflow:hidden;position:relative}.pro-sidebar{display:flex;flex-shrink:0;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:20;transition:width .25s ease}.pro-sidebar.collapsed{width:48px}.pro-sidebar.expanded{width:312px}.sidebar-icon-rail{width:48px;min-width:48px;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;background:var(--bg-secondary);z-index:2}.sidebar-icon-btn{width:44px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s;position:relative;background:none;border:none;font-family:inherit}.sidebar-icon-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.sidebar-icon-btn.active{color:var(--accent);background:var(--accent-glow)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.sidebar-icon-label{font-size:8.5px;font-weight:600;letter-spacing:.2px;line-height:1;color:inherit}.sidebar-drawer{width:264px;min-width:0;overflow:hidden;transition:width .25s ease,opacity .2s ease;border-left:1px solid var(--border-light)}.pro-sidebar.collapsed .sidebar-drawer{width:0;opacity:0;pointer-events:none;border-left:none}.pro-sidebar.expanded .sidebar-drawer{width:264px;opacity:1}.sidebar-drawer-inner{width:264px;height:100%;display:flex;flex-direction:column;overflow:hidden}.sidebar-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-drawer-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.sidebar-drawer-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s;background:none;border:none;cursor:pointer}.sidebar-drawer-close:hover{color:var(--text-primary);background:var(--bg-card)}.sidebar-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-panel{height:100%;display:flex;flex-direction:column}.sidebar-panel .watchlist{border:none}.sidebar-panel .watchlist-header{display:none}.time-range-dropdown{position:relative;z-index:30}.time-range-trigger{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.time-range-trigger:hover{border-color:var(--accent);background:var(--bg-card-hover)}.time-range-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px 0;z-index:50;max-height:380px;overflow-y:auto;animation:fadeIn .12s ease}.time-range-group{padding:2px 0}.time-range-group+.time-range-group{border-top:1px solid var(--border-light);margin-top:2px;padding-top:4px}.time-range-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:6px 14px 4px}.time-range-option{display:block;width:100%;text-align:left;padding:8px 14px;font-size:13px;color:var(--text-primary);background:none;border:none;cursor:pointer;font-family:inherit;transition:background .1s}.time-range-option:hover{background:var(--bg-card-hover)}.time-range-option.active{color:var(--accent);font-weight:700;background:var(--accent-glow)}.right-info-panel{width:300px;min-width:260px;max-width:340px;border-left:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;height:100%}.right-info-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.right-info-scroll>div,.right-info-scroll>section{flex-shrink:0}.chart-section{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}@media (min-width: 768px) and (max-width: 1023px){.pro-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:30;box-shadow:var(--shadow-lg)}.pro-sidebar.collapsed{width:44px;box-shadow:none}.pro-sidebar.expanded{width:300px}.sidebar-icon-rail{width:44px;min-width:44px}.right-info-panel{display:none}.layout-wrapper{position:relative}.header-indices{display:none}}.lp-sector-row{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.lp-sector-tag,.lp-industry-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--accent-glow);color:var(--accent);letter-spacing:.2px}.lp-industry-tag{background:var(--bg-card-hover);color:var(--text-muted)}.lp-trading-info{padding:0 16px 12px}.lp-trading-info h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0 0 8px;padding-top:10px;border-top:1px solid var(--border-light)}.lp-performance{padding:0 16px 16px}.lp-performance h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0 0 8px;padding-top:10px;border-top:1px solid var(--border-light)}.lp-perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-perf-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-card);border-radius:var(--radius-sm)}.lp-perf-label{font-size:11px;color:var(--text-muted)}.lp-perf-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary)}.lp-perf-value.up{color:var(--color-up)}.lp-perf-value.down{color:var(--color-down)}@media (min-width: 1024px) and (max-width: 1439px){.right-info-panel{width:280px;min-width:240px;max-width:300px}.chart-section{min-height:350px}}@media (min-width: 1440px){.right-info-panel{width:340px;min-width:300px;max-width:400px}.chart-section{min-height:400px}}.resizable-panel{position:relative;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;height:100%}.resizable-panel>.right-info-panel{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important}.resizable-panel{container-type:inline-size;container-name:right-panel}@container right-panel (max-width: 310px){.rip-stock-name{font-size:13px}.rip-price{font-size:17px}.rip-change{font-size:11px}.rip-fund-grid{grid-template-columns:1fr}.rip-fund-item{padding:5px 8px}.rip-fund-label{font-size:10px}.rip-fund-value{font-size:11px}.order-form{padding:4px 0 2px}.side-btn{padding:6px 0;font-size:11px}.order-input{padding:5px 6px;font-size:11px}.order-label{width:38px;font-size:10px}.order-summary{padding:5px 6px}.order-summary-row{font-size:10px}.rip-trade-section{padding:6px 10px 8px}.rip-stock-header{padding:10px 10px 8px}}@container right-panel (min-width: 420px){.rip-stock-name{font-size:17px}.rip-price{font-size:24px}.rip-change{font-size:13px}.rip-fund-grid{grid-template-columns:1fr 1fr;gap:8px}.rip-fund-item{padding:8px 12px}.rip-fund-label{font-size:11px}.rip-fund-value{font-size:13px}.rip-stock-header{padding:14px 16px 12px}.rip-trade-section{padding:10px 16px 12px}.order-input{padding:7px 10px;font-size:13px}.side-btn{padding:8px 0;font-size:13px}}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .15s}.resize-handle:hover,.resize-handle:active{background:var(--accent-glow)}.resize-handle-left{left:0}.resize-handle-right{right:0}.resize-handle-bar{width:2px;height:32px;border-radius:2px;background:var(--border-hover);transition:background .15s,height .15s}.resize-handle:hover .resize-handle-bar,.resize-handle:active .resize-handle-bar{background:var(--accent);height:48px}.rip-trade-section{padding:8px 14px 10px;border-top:1px solid var(--border-light)}.rip-positions-section{border-top:1px solid var(--border-light);padding:8px 14px 12px}.rip-stock-header{padding:12px 14px 10px;border-bottom:1px solid var(--border-light)}.rip-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.rip-stock-name{font-size:15px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.rip-watchlist-btn{margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.rip-watchlist-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:#fbbf24}.rip-watchlist-btn.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.rip-exchange-tags{display:flex;gap:4px}.rip-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;background:var(--bg-elevated);color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase}.rip-tag.live{background:#0ecb811a;color:var(--color-up)}.rip-tag.closed{background:#f6465d1a;color:var(--color-down)}.rip-price-row{display:flex;align-items:baseline;gap:10px;margin-top:4px}.rip-price{font-size:20px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px}.rip-change{font-size:12px;font-weight:700;font-family:var(--font-mono)}.rip-change.up{color:var(--color-up)}.rip-change.down{color:var(--color-down)}.rip-fundamentals-section{padding:10px 14px 16px;border-top:1px solid var(--border-light)}.rip-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0 0 10px}.rip-fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rip-fund-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-card);border-radius:var(--radius-sm, 4px);border:1px solid var(--border-light)}.rip-fund-label{font-size:10px;color:var(--text-muted);font-weight:600}.rip-fund-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary)}.rip-range-section{padding:10px 14px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.rip-range-row{display:flex;flex-direction:column;gap:4px}.rip-range-labels{display:flex;justify-content:space-between;align-items:center}.rip-range-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.rip-range-values{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);font-weight:600}.rip-range-bar{position:relative;height:4px;border-radius:2px;background:var(--bg-elevated);overflow:visible}.rip-range-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--color-down),var(--color-up));transition:width .3s ease}.rip-range-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--accent);transition:left .3s ease}.rip-stats-section{padding:10px 14px;border-top:1px solid var(--border-light)}.rip-stats-grid{display:flex;flex-direction:column;gap:0}.rip-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-light)}.rip-stat-row:last-child{border-bottom:none}.rip-stat-label{font-size:11px;color:var(--text-muted);font-weight:600}.rip-stat-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary)}.balance-panel{padding:12px;display:flex;flex-direction:column;gap:12px}.bp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius, 8px);padding:14px}.bp-main-card{background:linear-gradient(135deg,var(--accent-glow),var(--bg-card));border-color:var(--accent)}.bp-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bp-card-icon{color:var(--accent);display:flex}.bp-card-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.bp-main-amount{font-size:24px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px}.bp-breakdown{padding:10px 14px}.bp-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.bp-row-left{display:flex;align-items:center;gap:8px}.bp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bp-dot-green{background:var(--color-up)}.bp-dot-orange{background:#f0a500}.bp-dot-blue{background:#3b82f6}.bp-dot-purple{background:#8b5cf6}.bp-dot-red{background:var(--color-down)}.bp-label{font-size:12px;color:var(--text-secondary);font-weight:500}.bp-value{font-size:13px;font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.bp-value.up{color:var(--color-up)}.bp-value.down{color:var(--color-down)}.bp-divider{height:1px;background:var(--border-light);margin:2px 0}.bp-row-total{padding-top:10px}.bp-row-total .bp-label{font-weight:700}.bp-total{font-size:15px}.bp-actions{display:flex;gap:8px}.bp-add-money-btn,.bp-reset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;border-radius:var(--radius, 8px);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid var(--border)}.bp-add-money-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.bp-add-money-btn:hover{opacity:.85}.bp-reset-btn{background:var(--bg-card);color:var(--color-down);border-color:#f6465d4d}.bp-reset-btn:hover{background:var(--color-down);color:#fff;border-color:var(--color-down)}.bp-reset-btn:disabled{opacity:.5;cursor:not-allowed}.bp-add-money-section{padding:12px}.bp-add-money-title{font-size:12px;font-weight:700;color:var(--text-heading);margin:0 0 10px}.bp-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.bp-quick-btn{padding:6px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.bp-quick-btn:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.bp-custom-amount{display:flex;gap:6px}.bp-amount-input{flex:1;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);outline:none}.bp-amount-input:focus{border-color:var(--accent)}.bp-amount-input::placeholder{color:var(--text-muted)}.bp-confirm-add-btn{padding:7px 16px;background:var(--color-up);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.bp-confirm-add-btn:hover{opacity:.85}.bp-add-error{margin-top:6px;padding:5px 8px;font-size:11px;color:var(--color-down);background:var(--color-down-bg);border-radius:var(--radius-sm)}.bp-add-success{margin-top:6px;padding:5px 8px;font-size:11px;color:var(--color-up);background:var(--color-up-bg);border-radius:var(--radius-sm)}.bp-footnote{font-size:10px;color:var(--text-muted);text-align:center;padding:0 8px;margin:0;font-style:italic;line-height:1.4}.order-form{padding:6px 0 4px}.order-side-toggle{display:flex;gap:4px;margin-bottom:8px}.side-btn{flex:1;padding:7px 0;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.6px;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all .15s;text-align:center}.side-btn.buy.active{background:var(--color-up);color:#fff;border-color:var(--color-up)}.side-btn.sell.active{background:var(--color-down);color:#fff;border-color:var(--color-down)}.side-btn:not(.active):hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.order-product-toggle{display:flex;gap:4px;margin-bottom:10px}.product-btn{flex:1;padding:5px 0;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all .15s;text-align:center}.product-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.product-btn:not(.active):hover{background:var(--bg-card-hover)}.order-form-fields{display:flex;flex-direction:column;gap:6px}.order-field-row{display:flex;align-items:center;gap:8px}.order-label{width:44px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.order-input{flex:1;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm, 4px);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);outline:none;transition:border-color .15s}.order-input:focus{border-color:var(--accent)}.order-input::placeholder{color:var(--text-muted)}.order-type-toggle{display:flex;flex:1;gap:4px}.type-btn{flex:1;padding:5px 0;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:all .15s;text-align:center}.type-btn.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.type-btn:not(.active):hover{background:var(--bg-card-hover)}.order-summary{margin-top:6px;padding:6px 8px;background:var(--bg-card);border-radius:var(--radius-sm, 4px);display:flex;flex-direction:column;gap:3px}.order-summary-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.order-summary-val{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.order-error{margin-top:6px;padding:6px 8px;font-size:11px;font-weight:500;color:var(--color-down);background:var(--color-down-bg);border-radius:var(--radius-sm, 4px);border:1px solid rgba(246,70,93,.2)}.order-success{margin-top:6px;padding:6px 8px;font-size:11px;font-weight:500;color:var(--color-up);background:var(--color-up-bg);border-radius:var(--radius-sm, 4px);border:1px solid rgba(14,203,129,.2)}.order-submit-btn{margin-top:8px;padding:9px 0;border:none;border-radius:var(--radius-sm, 4px);font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:opacity .15s,transform .1s;color:#fff;width:100%}.order-submit-btn.buy{background:var(--color-up)}.order-submit-btn.sell{background:var(--color-down)}.order-submit-btn:hover{opacity:.9}.order-submit-btn:active{transform:scale(.98)}.order-submit-btn:disabled{opacity:.4;cursor:not-allowed}.order-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-confirm-modal{background:var(--bg-panel, #1a1d28);border:1px solid var(--border, #2a2e3a);border-radius:12px;padding:24px;min-width:340px;max-width:420px;box-shadow:0 20px 60px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.order-confirm-title{font-size:16px;font-weight:700;color:var(--text-heading, #e0e0e0);margin:0 0 16px;text-align:center}.order-confirm-body{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.order-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-light, rgba(255,255,255,.06));font-size:13px;color:var(--text-secondary, #9ca3af)}.order-confirm-row.total{border-bottom:none;border-top:1px solid var(--border, #2a2e3a);padding-top:10px;margin-top:4px;font-weight:700;color:var(--text-heading, #e0e0e0)}.order-confirm-val{font-family:var(--font-mono, monospace);font-weight:600;color:var(--text-heading, #e0e0e0)}.order-confirm-val.buy{color:#0ecb81}.order-confirm-val.sell{color:#f6465d}.order-confirm-actions{display:flex;gap:10px}.order-confirm-cancel{flex:1;padding:10px;border:1px solid var(--border, #2a2e3a);border-radius:6px;background:transparent;color:var(--text-secondary, #9ca3af);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.order-confirm-cancel:hover{background:var(--bg-card-hover, rgba(255,255,255,.05));color:var(--text-heading, #e0e0e0)}.order-confirm-submit{flex:1;padding:10px;border:none;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;color:#fff;transition:opacity .15s}.order-confirm-submit.buy{background:#0ecb81}.order-confirm-submit.sell{background:#f6465d}.order-confirm-submit:hover{opacity:.9}.position-summary{padding:10px 0 4px}.position-summary-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0 0 8px}.position-card{background:var(--bg-card);border-radius:var(--radius-sm, 4px);border:1px solid var(--border);padding:8px 10px;margin-bottom:6px;transition:border-color .15s}.position-card.profit{border-left:3px solid var(--color-up)}.position-card.loss{border-left:3px solid var(--color-down)}.position-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.position-card-left{display:flex;align-items:center;gap:6px}.position-side{font-size:10px;font-weight:800;letter-spacing:.5px;padding:1px 6px;border-radius:3px}.position-side.buy{color:var(--color-up);background:var(--color-up-bg)}.position-side.sell{color:var(--color-down);background:var(--color-down-bg)}.position-symbol{font-size:12px;font-weight:700;color:var(--text-primary)}.position-product{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:1px 5px;border-radius:3px}.position-close-btn{font-size:10px;font-weight:700;color:var(--color-down);background:var(--color-down-bg);border:1px solid rgba(246,70,93,.2);padding:3px 10px;border-radius:3px;cursor:pointer;transition:all .15s;letter-spacing:.3px}.position-close-btn:hover{background:var(--color-down);color:#fff}.position-card-body{display:grid;grid-template-columns:1fr 1fr;gap:4px}.position-detail{display:flex;justify-content:space-between;padding:3px 6px;background:var(--bg-input);border-radius:3px}.position-detail-label{font-size:10px;color:var(--text-muted)}.position-detail-value{font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.position-detail-value.green{color:var(--color-up)}.position-detail-value.red{color:var(--color-down)}.position-card-footer{display:flex;gap:10px;margin-top:6px;padding-top:5px;border-top:1px solid var(--border-light)}.position-sl,.position-tgt{font-size:10px;font-weight:600;font-family:var(--font-mono)}.position-sl{color:var(--color-down)}.position-tgt{color:var(--color-up)}.account-balance-header{display:flex;align-items:center;gap:6px;padding:0 10px;border-left:1px solid var(--border);margin-left:8px}.ab-item{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.ab-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);line-height:1}.ab-value{font-size:12px;font-family:var(--font-mono);font-weight:700;color:var(--text-primary);line-height:1.3}.ab-value.up{color:var(--color-up)}.ab-value.down{color:var(--color-down)}.ab-divider{width:1px;height:24px;background:var(--border)}.orders-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.orders-account-summary{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.oas-row{display:flex;justify-content:space-between;align-items:center}.oas-label{font-size:11px;color:var(--text-muted)}.oas-value{font-size:12px;font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.oas-value.up{color:var(--color-up)}.oas-value.down{color:var(--color-down)}.orders-tabs{display:flex;border-bottom:1px solid var(--border)}.orders-tab{flex:1;padding:8px 0;font-size:11px;font-weight:600;text-align:center;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.orders-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.orders-tab:not(.active):hover{color:var(--text-secondary);background:var(--bg-card)}.orders-content{flex:1;overflow-y:auto;padding:8px}.orders-empty{text-align:center;color:var(--text-muted);font-size:12px;padding:24px 12px}.orders-list{display:flex;flex-direction:column;gap:6px}.order-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm, 4px);padding:8px 10px;transition:border-color .15s}.order-list-item:hover{border-color:var(--border-hover)}.order-list-item.history{opacity:.8}.oli-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.oli-side{font-size:10px;font-weight:800;padding:1px 6px;border-radius:3px;letter-spacing:.3px}.oli-side.buy{color:var(--color-up);background:var(--color-up-bg)}.oli-side.sell{color:var(--color-down);background:var(--color-down-bg)}.oli-symbol{font-size:12px;font-weight:700;color:var(--text-primary);flex:1}.oli-product{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:1px 5px;border-radius:3px}.oli-exit-btn,.oli-cancel-btn{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;cursor:pointer;transition:all .15s;letter-spacing:.3px;border:1px solid}.oli-exit-btn{color:var(--color-down);background:var(--color-down-bg);border-color:#f6465d33}.oli-exit-btn:hover{background:var(--color-down);color:#fff}.oli-cancel-btn{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border)}.oli-cancel-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.oli-details{display:flex;gap:10px;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:4px}.oli-footer{display:flex;align-items:center;gap:8px;font-size:10px}.oli-pnl{font-family:var(--font-mono);font-weight:700}.oli-pnl.up{color:var(--color-up)}.oli-pnl.down{color:var(--color-down)}.oli-sl{color:var(--color-down);font-family:var(--font-mono);font-weight:600}.oli-tgt{color:var(--color-up);font-family:var(--font-mono);font-weight:600}.oli-time{color:var(--text-muted)}.oli-status{font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-glow);padding:1px 6px;border-radius:3px}.oli-note{font-size:10px;color:var(--text-muted);font-style:italic}.lp-trading-info .lp-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.lp-trading-info .lp-stat-item{padding:5px 8px}.top-indices-bar{display:flex;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.top-indices-bar::-webkit-scrollbar{display:none}.top-index-chip{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--font-sans);transition:background .15s,border-color .15s}.top-index-chip:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.top-index-chip.up{border-left:3px solid var(--color-up)}.top-index-chip.down{border-left:3px solid var(--color-down)}.top-index-name{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.top-index-price{font-size:12px;font-weight:600;color:var(--text-bright);font-family:var(--font-mono)}.top-index-change{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;font-family:var(--font-mono)}.top-index-chip.up .top-index-change{color:var(--color-up)}.top-index-chip.down .top-index-change{color:var(--color-down)}.top-index-pct{font-size:10px;opacity:.85}.change-arrow{flex-shrink:0}.auth-page{min-height:100vh;display:flex;background:var(--bg-primary)}.auth-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 48px;background:linear-gradient(135deg,#0a0d12,#0e1319 40%,#131a24);position:relative;overflow:hidden;min-height:100vh}.auth-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.auth-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.auth-hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);top:10%;left:20%;animation:auth-float 8s ease-in-out infinite}.auth-hero-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,208,156,.1) 0%,transparent 70%);bottom:15%;right:10%;animation:auth-float 10s ease-in-out infinite reverse}@keyframes auth-float{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.auth-hero-content{position:relative;z-index:1;max-width:480px}.auth-hero-logo{display:flex;align-items:center;gap:14px;margin-bottom:48px}.auth-hero-brand{font-size:22px;font-weight:700;color:#f0f0f5;letter-spacing:-.5px}.auth-hero-brand sup{color:#00d09c;font-size:12px;font-weight:600}.auth-hero-title{font-size:40px;font-weight:800;color:#fff;line-height:1.2;margin:0 0 20px;letter-spacing:-1px}.auth-hero-subtitle{font-size:16px;color:#848e9c;line-height:1.7;margin:0 0 40px;max-width:420px}.auth-hero-chart{width:100%;margin-bottom:40px;opacity:.9}.auth-chart-svg{width:100%;height:auto}.auth-chart-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:auth-draw-chart 2.5s ease-out forwards}.auth-chart-fill{opacity:0;animation:auth-fade-in .8s ease-out 2s forwards}.auth-chart-dot{opacity:0;animation:auth-fade-in .4s ease-out 2.2s forwards}@keyframes auth-draw-chart{to{stroke-dashoffset:0}}@keyframes auth-fade-in{to{opacity:1}}.auth-hero-features{display:flex;flex-direction:column;gap:16px}.auth-feature{display:flex;align-items:center;gap:12px;color:#d1d4dc;font-size:14px;font-weight:500}.auth-form-panel{width:520px;min-width:420px;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto}.auth-form-container{width:100%;max-width:380px}.auth-form-container-signup{max-width:400px}.auth-mobile-logo{display:none;align-items:center;gap:12px;margin-bottom:32px}.auth-mobile-brand{font-size:20px;font-weight:700;color:var(--text-bright)}.auth-mobile-brand sup{color:#00d09c;font-size:11px;font-weight:600}.auth-form-title{font-size:28px;font-weight:700;color:var(--text-bright);margin:0 0 8px;letter-spacing:-.5px}.auth-form-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 32px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-error{display:flex;align-items:center;gap:8px;background:#f6465d14;color:#f6465d;padding:12px 16px;border-radius:10px;font-size:13px;border:1px solid rgba(246,70,93,.15)}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;z-index:1}.auth-input{width:100%;padding:12px 14px 12px 44px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;background:var(--bg-tertiary)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-password-toggle{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background .2s;z-index:1}.auth-password-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.auth-submit{width:100%;padding:13px 24px;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;box-shadow:0 4px 14px #6366f14d}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#8b5cf6);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:28px;font-size:14px;color:var(--text-secondary)}.auth-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-input-with-btn{display:flex;gap:8px;align-items:stretch}.auth-input-wrapper-flex{flex:1;min-width:0}.auth-input-shortened{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none}.auth-otp-btn{flex-shrink:0;padding:10px 16px;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border:none;border-radius:0 10px 10px 0;font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.auth-otp-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#8b5cf6)}.auth-otp-btn:disabled{opacity:.5;cursor:not-allowed}.auth-otp-verify-btn{background:linear-gradient(135deg,#00b386,#00d09c)}.auth-otp-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#00d09c,#00e6ac)}.auth-otp-resend-btn{background:linear-gradient(135deg,#f59e0b,#f97316)}.auth-otp-resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#fb923c)}.auth-otp-field{animation:auth-otp-slide-in .3s ease-out}@keyframes auth-otp-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-otp-timer{color:#f59e0b;font-weight:700;font-size:12px}.auth-otp-error{color:#f6465d;font-size:12px;margin:6px 0 0;display:flex;align-items:center;gap:4px}.auth-otp-success{color:#00d09c;font-size:12px;margin:6px 0 0;display:flex;align-items:center;gap:4px}.auth-verified-badge{color:#00d09c;font-weight:700;font-size:12px;margin-left:8px}.auth-otp-verified-msg{display:flex;align-items:center;gap:8px;background:#00d09c14;color:#00d09c;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid rgba(0,208,156,.15);animation:auth-otp-slide-in .3s ease-out}.auth-otp-section{margin-top:18px;display:flex;flex-direction:column;gap:14px;animation:auth-otp-slide-in .3s ease-out}.auth-otp-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;margin:0;padding:10px 14px;background:#6366f10f;border-radius:10px;border:1px solid rgba(99,102,241,.12)}.auth-otp-info strong{color:var(--text-bright)}.auth-otp-back-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:6px 0;font-family:var(--font-sans);transition:color .2s;text-align:left;width:fit-content}.auth-otp-back-btn:hover{color:var(--text-primary)}.auth-mobile-chart-bg{display:none}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);gap:16px}.auth-loading p{color:var(--text-secondary);font-size:14px}.auth-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .8s linear infinite}@media (max-width: 1023px){.auth-hero{display:none}.auth-form-panel{width:100%;min-width:unset;border-left:none;justify-content:flex-start;padding-top:60px;position:relative;overflow:hidden}.auth-form-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0d12eb,#0e1319e0 40%,#131a24eb);z-index:1;pointer-events:none}.auth-mobile-chart-bg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:80%;opacity:.12;z-index:0;pointer-events:none}.auth-mobile-chart-bg svg{width:100%;height:100%}.auth-form-container{position:relative;z-index:2}.auth-mobile-logo{display:flex}}@media (max-width: 767px){.auth-form-panel{padding:48px 20px 32px}.auth-form-title{font-size:24px}.auth-otp-btn{min-width:90px;padding:10px 12px;font-size:11px}.auth-input-with-btn{gap:6px}}.logout-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:logoutFadeIn .15s ease-out}.logout-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;z-index:10001;text-align:center;animation:logoutSlideIn .2s ease-out}.logout-confirm-icon{margin-bottom:16px}.logout-confirm-title{font-size:18px;font-weight:700;color:var(--text-bright);margin:0 0 8px}.logout-confirm-text{font-size:14px;color:var(--text-secondary);margin:0 0 28px;line-height:1.6}.logout-confirm-actions{display:flex;gap:12px;justify-content:center}.logout-confirm-btn{padding:10px 28px;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:background .2s,transform .1s}.logout-confirm-btn:active{transform:scale(.97)}.logout-confirm-cancel{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.logout-confirm-cancel:hover{background:var(--bg-card-hover)}.logout-confirm-yes{background:var(--color-down);color:#fff}.logout-confirm-yes:hover{background:var(--color-down-soft)}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.header-user-menu{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid var(--border)}.header-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.header-user-name{font-size:12px;color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.header-logout-btn:hover{color:var(--color-down);background:var(--color-down-bg)}.mobile-floating-trade{position:fixed;bottom:78px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:299;padding:6px 12px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-trade-btn{padding:8px 24px;border:none;border-radius:8px;font-size:13px;font-weight:800;font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.8px;transition:transform .1s,opacity .2s;white-space:nowrap;min-width:70px;text-align:center}.mobile-trade-btn:active{transform:scale(.97)}.mobile-trade-btn.buy{background:var(--color-up);color:#fff}.mobile-trade-btn.buy:hover{background:var(--color-up-soft)}.mobile-trade-btn.sell{background:var(--color-down);color:#fff}.mobile-trade-btn.sell:hover{background:var(--color-down-soft)}.mobile-order-drawer-content{padding:0 12px 24px}.mobile-order-drawer-content .order-form{max-width:100%;padding:0}.mobile-order-drawer-content .order-side-toggle{gap:6px;margin-bottom:10px}.mobile-order-drawer-content .side-btn{padding:10px 0;font-size:13px}.mobile-order-drawer-content .order-product-toggle{gap:6px;margin-bottom:12px}.mobile-order-drawer-content .product-btn{padding:8px 0;font-size:12px}.mobile-order-drawer-content .order-field-row{gap:10px}.mobile-order-drawer-content .order-label{width:52px;font-size:12px}.mobile-order-drawer-content .order-input{flex:1;min-width:0;padding:10px 12px;font-size:14px;border-radius:6px;-webkit-appearance:none;-moz-appearance:textfield}.mobile-order-drawer-content .order-input::placeholder{font-size:13px}.mobile-order-drawer-content .order-type-toggle{gap:6px}.mobile-order-drawer-content .type-btn{padding:8px 0;font-size:12px}.mobile-order-drawer-content .order-form-fields{gap:10px}.mobile-order-drawer-content .order-summary{padding:10px 12px;margin-top:10px}.mobile-order-drawer-content .order-summary-row{font-size:12px;padding:2px 0}.mobile-order-drawer-content .order-submit-btn{padding:14px 0;font-size:15px;margin-top:12px;border-radius:8px}.mobile-orders-section,.mobile-balance-section{padding:8px 0}.mobile-orders-section .orders-panel,.mobile-balance-section .balance-panel{max-height:none}.tablet-order-section{padding:12px;max-width:480px}.tablet-order-section .order-form{max-width:100%}.layout-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.layout-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .8s linear infinite}@media (max-width: 767px){.mobile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab-btn{min-width:max-content;white-space:nowrap;padding:8px 16px}.app-mobile{overflow-x:hidden;width:100vw}.mobile-main{overflow-x:hidden}.mobile-floating-trade{bottom:78px}}@media (min-width: 768px) and (max-width: 1023px){.tablet-bottom-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0}.tablet-bottom-tabs::-webkit-scrollbar{display:none}.tablet-bottom-tabs .panel-tab{white-space:nowrap;flex-shrink:0}}