*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-8{height:2rem}.h-\[270px\]{height:270px}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-12{min-height:3rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-2{width:.5rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[460px\]{max-width:460px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}.divide-slate-200\/60>:not([hidden])~:not([hidden]){border-color:rgb(226 232 240/.6)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-\[16px\]{border-radius:16px}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{border-color:var(--border)}.border-slate-200\/60{border-color:rgb(226 232 240/.6)}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/60{border-color:rgb(30 41 59/.6)}.border-slate-800\/80{border-color:rgb(30 41 59/.8)}.bg-\[\#020617\]{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-\[\#070b11\]{--tw-bg-opacity:1;background-color:rgb(7 11 17/var(--tw-bg-opacity,1))}.bg-\[\#080f17\]{--tw-bg-opacity:1;background-color:rgb(8 15 23/var(--tw-bg-opacity,1))}.bg-\[\#F8FAFC\]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:rgb(0 0 0/.6)}.bg-elevated{background-color:var(--surface-elevated)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/50{background-color:rgb(15 23 42/.5)}.bg-slate-900\/60{background-color:rgb(15 23 42/.6)}.bg-slate-900\/80{background-color:rgb(15 23 42/.8)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-surface{background-color:var(--surface)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-danger{color:var(--danger)}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-secondary{color:var(--text-secondary)}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-success{color:var(--success)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_8px_rgba\(16\2c 185\2c 129\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(16\2c 185\2c 129\2c 0\.5\)\]{--tw-shadow:0 0 8px rgba(16,185,129,0.5);--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--app-background:#070b11;--background:var(--app-background);--sidebar-background:#0a1018;--surface:#0d141d;--surface-elevated:#111b26;--border:#1d2b39;--border-active:#294d78;--text-primary:#f3f6fa;--text-secondary:#9aa9bb;--text-muted:#637386;--accent:#3388f5;--accent-soft:rgb(51 136 245/12%);--success:#23bd7a;--danger:#ef5261;--warning:#f5a524;--info:#50a6ff;--chart-up:#20bd78;--chart-down:#ef5261;--chart-grid:#172432;--chart-crosshair:#64748b;--chart-background:#080f17;--chart-text:#91a1b5;--level-support:#3aa99f;--level-resistance:#d87863;--level-liquidity-above:#b38adf;--level-liquidity-below:#668ed8;--event-breakout:#5fa8d3;--event-retest:#68b894;--event-false-break:#d78770;--event-liquidity:#a487cc;--radius-sm:10px;--radius-md:12px;--radius-lg:14px}*{box-sizing:border-box}body,html{min-height:100%}body,html{background:var(--app-background)}body{margin:0;overflow-x:hidden;color:var(--text-primary);font-family:Arial,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 0 0 auto;z-index:30;display:flex;width:232px;flex-direction:column;border-left:1px solid var(--border);background:var(--sidebar-background);padding:14px 12px;transition:width .18s ease}.app-sidebar-collapsed{width:68px}.app-content{min-height:100vh;margin-right:232px;transition:margin .18s ease}.sidebar-is-collapsed .app-content{margin-right:68px}.sidebar-brand{display:flex;min-height:54px;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:2px 8px 14px}.sidebar-brand div{display:grid;min-width:0;gap:2px}.sidebar-brand strong{font-size:14px;white-space:nowrap}.sidebar-brand small{color:var(--text-muted);font-size:11px}.sidebar-symbol{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:11px;font-weight:800;letter-spacing:.04em}.sidebar-nav{display:grid;gap:4px;margin-top:14px}.sidebar-nav-secondary{margin-top:20px;border-top:1px solid var(--border);padding-top:14px}.sidebar-section-label{padding:0 12px 6px;color:var(--text-muted);font-size:10px;font-weight:700}.sidebar-item{display:flex;min-height:46px;align-items:center;gap:11px;border:1px solid transparent;border-radius:10px;padding:0 12px;color:var(--text-secondary);font-size:13px}.sidebar-item:hover{background:var(--surface);color:var(--text-primary)}.sidebar-item-active{border-color:var(--border-active);background:var(--accent-soft);color:#dcecff}.nav-icon{width:21px;height:21px;flex:0 0 21px}.sidebar-toggle{display:flex;justify-content:center;margin-top:auto;padding-top:14px}.icon-button,.mobile-watchlist-action{display:inline-grid;min-width:44px;min-height:44px;place-items:center;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-button .nav-icon,.mobile-watchlist-action .nav-icon{width:21px;height:21px}.icon-button:hover,.mobile-watchlist-action:hover{border-color:var(--border-active);color:var(--text-primary)}.top-header{position:sticky;top:0;z-index:20;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);background:rgb(7 11 17/94%);padding:9px 26px;backdrop-filter:blur(12px)}.desktop-page-title{display:grid;gap:2px}.desktop-page-title span{color:var(--text-muted);font-size:10px}.desktop-page-title strong{font-size:15px}.header-price,.top-header-market{display:flex;align-items:center}.top-header-market{gap:14px}.header-price{direction:ltr;gap:8px}.header-price span{color:var(--text-muted);font-size:11px}.header-price strong{font-size:18px;font-variant-numeric:tabular-nums}.header-price small{font-size:12px;font-variant-numeric:tabular-nums}.mobile-bottom-nav,.mobile-header{display:none}.page-container{width:min(100%,1460px);margin:0 auto;padding:24px 26px 32px}.page-heading{margin-bottom:18px}.page-heading p{margin:0 0 4px;color:var(--text-muted);font-size:11px;font-weight:700}.page-heading h1{margin:0;font-size:clamp(22px,2.4vw,30px)}.page-heading span{display:block;margin-top:6px;color:var(--text-secondary);font-size:13px;line-height:1.7}.trader-section,.ui-card,.watchlist-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:16px}.ui-badge{border:1px solid var(--border);padding:4px 9px;color:var(--text-secondary);font-size:12px}.status-pill,.ui-badge{display:inline-flex;border-radius:999px}.status-pill{min-height:28px;align-items:center;gap:7px;padding:3px 1px;font-size:13px;font-weight:700;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.status-positive{color:var(--success)}.status-negative{color:var(--danger)}.status-warning{color:var(--warning)}.status-neutral{color:var(--text-muted)}.market-hero{padding:4px 2px 18px}.market-identity{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.market-identity .market-symbol{color:var(--text-primary);font-size:22px;font-weight:800}.market-identity>span:last-child{color:var(--text-secondary);font-size:13px}.market-hero-grid{display:flex;align-items:end;justify-content:space-between;gap:24px}.market-last{display:block;color:var(--text-primary);font-size:clamp(40px,5vw,58px);font-weight:760;letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums}.market-change{display:flex;gap:8px;margin-top:10px;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.market-change-positive{color:var(--success)}.market-change-negative{color:var(--danger)}.market-state{display:grid;justify-items:end;gap:5px;padding-bottom:7px}.chart-market-state>span,.market-state>span{color:var(--text-secondary);font-size:12px}.trader-section{margin-top:16px}.trader-section h2{margin:0 0 14px;font-size:17px}.technical-overview{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-top:16px;padding:16px}.technical-overview-compact{margin-top:12px}.technical-overview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.technical-overview h2{margin:0;font-size:17px}.technical-overview-heading>span{color:var(--text-muted);font-size:12px;white-space:nowrap}.analysis-state{display:flex;min-height:92px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.analysis-state-error{flex-direction:column;gap:12px;color:var(--danger)}.analysis-state-error button{min-height:40px;border:1px solid var(--border-active);border-radius:9px;padding:7px 14px;color:#8ac0ff;font-weight:700}.analysis-notice{border-right:2px solid var(--warning);background:rgb(230 176 72/7%);margin:0 0 12px;padding:7px 10px;color:var(--text-secondary);font-size:12px;line-height:1.6}.analysis-notice-stale{color:var(--warning)}.analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.analysis-metrics>div{display:grid;min-width:0;gap:6px;border-left:1px solid var(--border);padding:3px 14px}.analysis-metrics>div:last-child{border-left:0}.analysis-metrics dt{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.analysis-metrics dd{margin:0;color:var(--text-primary);font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}.analysis-tone-positive{color:var(--success)!important}.analysis-tone-negative{color:var(--danger)!important}.analysis-tone-warning{color:var(--warning)!important}.analysis-tone-neutral{color:var(--text-muted)!important}.analysis-timeframes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);margin:15px 0 0;padding:11px 0 0;list-style:none}.analysis-timeframes li{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--border);color:var(--text-secondary);font-size:12px}.analysis-timeframes li:last-child{border-left:0}.analysis-timeframes strong{color:var(--text-primary);font-size:13px}.levels-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-top:16px;padding:16px}.levels-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.levels-card h2{margin:0;font-size:17px}.levels-card-heading a{color:#8ac0ff;font-size:12px;font-weight:700}.levels-state{display:flex;min-height:92px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.levels-state-error{flex-direction:column;gap:12px;color:var(--danger)}.chart-levels-notice button,.levels-state-error button{min-height:40px;border:1px solid var(--border-active);border-radius:9px;padding:7px 14px;color:#8ac0ff;font-weight:700}.levels-notice{border-right:2px solid var(--warning);background:rgb(230 176 72/7%);margin:0 0 12px;padding:7px 10px;color:var(--text-secondary);font-size:12px;line-height:1.6}.levels-notice-stale{color:var(--warning)}.levels-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.levels-card-grid>div{display:grid;min-width:0;min-height:76px;align-content:center;gap:5px;border-left:1px solid var(--border);padding:4px 14px}.levels-card-grid>div:last-child{border-left:0}.levels-card-grid small,.levels-card-grid span{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.levels-card-grid strong{color:var(--text-primary);font-size:16px;font-variant-numeric:tabular-nums}.levels-card-grid small{color:var(--text-muted)}.market-events-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-top:16px;padding:16px}.market-events-card h2{margin:0;font-size:17px}.market-events-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.market-events-heading a{color:#8ac0ff;font-size:12px;font-weight:700}.market-events-card>p,.market-events-empty{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.7}.market-events-error{display:flex;min-height:92px;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--danger);font-size:13px}.market-events-error button{min-height:40px;border:1px solid var(--border-active);border-radius:9px;background:transparent;padding:7px 14px;color:#8ac0ff;cursor:pointer;font-weight:700}.market-events-notice{border-right:2px solid var(--warning);background:rgb(230 176 72/7%);margin-bottom:12px!important;padding:7px 10px}.market-events-stale{color:var(--warning)!important}.market-event-summary{display:grid;gap:12px}.market-event-state{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.market-event-state span{border:1px solid var(--border-active);border-radius:999px;background:var(--accent-soft);padding:5px 9px;color:#8ac0ff;font-size:11px;white-space:nowrap}.market-event-state strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.market-event-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.market-event-metrics>div{display:grid;min-width:0;gap:5px;border-left:1px solid var(--border);padding:5px 12px}.market-event-metrics>div:last-child{border-left:0}.market-event-metrics dt{color:var(--text-muted);font-size:11px}.market-event-metrics dd{overflow:hidden;margin:0;color:var(--text-primary);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.market-event-details{border-top:1px solid var(--border);padding-top:10px;color:var(--text-secondary);font-size:12px}.market-event-details summary{width:-moz-fit-content;width:fit-content;color:#8ac0ff;cursor:pointer;font-weight:700}.market-event-details ul{display:grid;gap:5px;margin:9px 0 0;padding-right:18px}.quick-glance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.quick-glance-grid>div{display:grid;min-height:68px;align-content:center;gap:7px;border-left:1px solid var(--border);padding:0 16px}.quick-glance-grid>div:last-child{border-left:0}.quick-glance-grid span{color:var(--text-secondary);font-size:12px}.quick-glance-grid strong{font-size:17px;font-variant-numeric:tabular-nums}.ui-empty-state{display:grid;min-height:230px;place-items:center;align-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:28px;text-align:center}.empty-state-action{margin-top:18px}.ui-loading-state{display:flex;min-height:180px;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary)}.loading-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);animation:pulse 1.2s infinite}.primary-button{display:inline-flex;min-height:44px;align-items:center;border-radius:9px;background:var(--accent);padding:9px 16px;color:white;font-size:13px;font-weight:700;cursor:pointer}.text-link{color:var(--info);font-size:13px}.status-list,.system-status-grid{display:grid;gap:9px}.status-list>div,.system-status-grid>div{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;background:var(--surface-elevated);padding:8px 12px}.system-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:780px;border-collapse:collapse;text-align:right}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:14px 12px;font-size:13px;white-space:nowrap}.data-table th{color:var(--text-muted);font-weight:600}.data-table td{color:var(--text-secondary)}.ui-divider{width:100%;border:0;border-top:1px solid var(--border)}.settings-list{display:grid;gap:15px}.settings-list label{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:18px}.settings-list select{min-width:180px;min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);padding:0 12px;color:var(--text-primary)}.toggle-row input{width:22px;height:22px;accent-color:var(--accent)}.watchlist-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px}.watchlist-item>div{display:grid;gap:3px}.watchlist-item>div span{color:var(--text-secondary);font-size:12px}.watchlist-price{font-size:22px;font-variant-numeric:tabular-nums}.spx-chart-panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.chart-preview{padding:10px}.open-full-chart-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border-active);border-radius:10px;background:var(--accent-soft);margin-top:10px;color:#8ac0ff;font-size:14px;font-weight:700}.open-full-chart-button:hover{background:rgb(51 136 245/18%);color:var(--text-primary)}.spx-chart-fullscreen{overflow:auto;border-radius:0;background:var(--app-background);padding:18px}.chart-price-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:3px 2px 16px}.chart-symbol{display:flex;align-items:baseline;gap:9px}.chart-symbol strong{font-size:21px}.chart-symbol span{color:var(--text-secondary);font-size:12px}.chart-price-row{display:flex;align-items:baseline;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.chart-price-row>strong{font-size:34px}.chart-price-row>span{font-size:15px;font-weight:650}.chart-market-state{display:grid;justify-items:end;gap:4px;padding-bottom:3px}.chart-controls{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.events-toggle,.levels-toggle{min-height:40px;border:1px solid var(--border);border-radius:9px;background:transparent;padding:7px 12px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:700}.events-toggle[aria-pressed=true],.levels-toggle[aria-pressed=true]{border-color:var(--border-active);background:var(--accent-soft);color:#8ac0ff}.levels-toggle{min-height:40px}.chart-events-notice,.chart-levels-notice{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;border-right:2px solid var(--warning);margin:0 0 8px;padding:5px 9px;color:var(--text-secondary);font-size:12px}.chart-events-notice button,.chart-levels-notice button{min-height:32px;padding:4px 9px}.chart-events-legend,.chart-levels-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin:0 0 7px;padding:0 3px;color:var(--text-secondary);font-size:11px;list-style:none}.chart-levels-legend li:before{width:13px;height:2px}.chart-events-legend li:before,.chart-levels-legend li:before{display:inline-block;background:currentColor;margin-left:5px;content:"";vertical-align:middle}.chart-events-legend li:before{width:7px;height:7px;border-radius:50%}.legend-support{color:var(--level-support)}.legend-resistance{color:var(--level-resistance)}.legend-liquidity-above{color:var(--level-liquidity-above)}.legend-liquidity-below{color:var(--level-liquidity-below)}.legend-event-breakout{color:var(--event-breakout)}.legend-event-retest{color:var(--event-retest)}.legend-event-false-break{color:var(--event-false-break)}.legend-event-liquidity{color:var(--event-liquidity)}.timeframe-selector{display:flex;gap:4px;direction:ltr}.timeframe-button{min-width:52px;min-height:44px;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer}.timeframe-button:hover{background:var(--surface-elevated);color:var(--text-primary)}.timeframe-button-active{background:var(--accent-soft);color:#71b2ff;box-shadow:inset 0 0 0 1px var(--border-active)}.spx-chart-canvas{height:700px;overflow:hidden;border-radius:10px;background:var(--chart-background)}.chart-message{display:grid;place-content:center;background:var(--chart-background);padding:2rem;text-align:center}.chart-message,.chart-skeleton{min-height:700px;border-radius:10px}.chart-skeleton{background:var(--surface-elevated);animation:pulse 1.2s infinite}.chart-preview .spx-chart-canvas{height:360px}.chart-preview .chart-message,.chart-preview .chart-skeleton{min-height:360px}.chart-retry{min-height:44px;margin:16px auto 0;border-radius:9px;background:var(--accent);padding:9px 16px;color:white;font-weight:650;cursor:pointer}.chart-notice{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:7px;margin:0 0 10px;border-right:2px solid var(--warning);background:rgb(245 165 36/7%);padding:8px 10px;color:var(--warning);font-size:12px}.chart-notice .nav-icon{width:16px;height:16px;flex-basis:16px}.chart-notice-error{border-color:var(--danger);background:rgb(239 82 97/7%);color:var(--danger)}.chart-page{max-width:1680px}.chart-page .spx-chart-panel{min-height:calc(100vh - 112px)}.spx-chart-fullscreen .chart-message,.spx-chart-fullscreen .spx-chart-canvas{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width:768px) and (max-width:1023px){.app-sidebar{width:68px}.app-sidebar .sidebar-brand div,.app-sidebar .sidebar-item span,.app-sidebar .sidebar-section-label{display:none}.app-content,.sidebar-is-collapsed .app-content{margin-right:68px}.page-container{padding:22px 20px 30px}.quick-glance-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.quick-glance-grid>div:nth-child(3){border-left:0}.chart-message,.chart-skeleton,.spx-chart-canvas{height:580px;min-height:580px}.chart-preview .spx-chart-canvas{height:320px}.chart-preview .chart-message,.chart-preview .chart-skeleton{height:auto;min-height:320px}}@media (max-width:767px){.app-sidebar,.top-header{display:none}.app-content,.sidebar-is-collapsed .app-content{margin-right:0;padding-top:60px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.mobile-header{position:fixed;inset:0 0 auto;z-index:30;display:grid;height:60px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;border-bottom:1px solid var(--border);background:rgb(7 11 17/97%);padding:8px 12px}.mobile-market-brand{display:grid;justify-items:center;gap:1px}.mobile-market-brand strong{font-size:20px;line-height:1.1}.mobile-market-brand small{color:var(--text-secondary);font-size:11px}.mobile-menu{position:fixed;inset:60px 0 auto;z-index:35;display:grid;gap:3px;border-bottom:1px solid var(--border);background:var(--sidebar-background);padding:8px 12px 12px;box-shadow:0 16px 30px rgb(0 0 0/30%)}.mobile-menu a{display:flex;min-height:48px;align-items:center;gap:11px;border-radius:9px;padding:0 12px;color:var(--text-secondary);font-size:13px}.mobile-menu a:hover{background:var(--surface);color:var(--text-primary)}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;min-height:calc(72px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);background:rgb(10 16 24/98%);padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.mobile-bottom-nav a{position:relative;display:grid;min-height:58px;place-items:center;align-content:center;gap:4px;color:var(--text-muted);font-size:11px}.mobile-bottom-nav .nav-icon{width:22px;height:22px}.mobile-bottom-nav .mobile-nav-active{color:var(--accent)}.mobile-bottom-nav .mobile-nav-active:before{position:absolute;inset:-5px 24% auto;height:2px;border-radius:999px;background:var(--accent);content:""}.page-container{padding:14px 14px 22px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:22px}.market-hero{padding:2px 2px 14px}.market-identity{display:none}.market-hero-grid{align-items:center;gap:12px}.market-last{font-size:clamp(38px,11vw,44px)}.market-change{gap:6px;margin-top:8px;font-size:17px}.market-state{padding:0}.status-pill{font-size:12px}.spx-chart-panel{margin-inline:-2px;padding:10px}.chart-price-header{align-items:center;padding-bottom:12px}.chart-symbol span{display:none}.chart-price-row{display:grid;gap:2px}.chart-price-row>strong{font-size:32px}.chart-controls{min-height:50px;margin-bottom:8px;padding-bottom:6px}.timeframe-button{min-width:48px;min-height:44px}.chart-message,.chart-skeleton,.spx-chart-canvas{height:460px;min-height:460px}.chart-preview .spx-chart-canvas{height:240px}.chart-preview .chart-message,.chart-preview .chart-skeleton{height:auto;min-height:240px}.levels-card,.market-events-card,.technical-overview,.trader-section{margin-top:14px;padding:14px}.market-event-state{align-items:flex-start;flex-direction:column-reverse;gap:7px}.market-event-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.market-event-metrics>div{min-height:58px;align-content:center;border-bottom:1px solid var(--border);padding:8px 10px}.market-event-metrics>div:nth-child(2n){border-left:0}.market-event-metrics>div:nth-last-child(-n+2){border-bottom:0}.levels-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.levels-card-grid>div{min-height:72px;border-bottom:1px solid var(--border);padding:9px 10px}.levels-card-grid>div:nth-child(2n){border-left:0}.levels-card-grid>div:nth-last-child(-n+2){border-bottom:0}.events-toggle,.levels-toggle{min-height:44px;padding-inline:10px}.chart-events-legend,.chart-levels-legend{gap:5px 10px}.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-metrics>div{min-height:58px;align-content:center;border-bottom:1px solid var(--border);padding:8px 10px}.analysis-metrics>div:nth-child(2n){border-left:0}.analysis-metrics>div:nth-last-child(-n+2){border-bottom:0}.analysis-timeframes li{display:grid;justify-items:center;gap:3px}.quick-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-glance-grid>div{min-height:64px;border-bottom:1px solid var(--border);padding:10px}.quick-glance-grid>div:nth-child(2n){border-left:0}.quick-glance-grid>div:last-child,.quick-glance-grid>div:nth-last-child(-n+2){border-bottom:0}.system-status-grid{grid-template-columns:1fr}.settings-list label{align-items:stretch;flex-direction:column;gap:8px}.settings-list select{width:100%}.toggle-row{flex-direction:row!important;align-items:center!important}.watchlist-item{grid-template-columns:1fr auto;gap:12px}.watchlist-item>span{justify-self:start}.watchlist-item>.status-pill{justify-self:end}}@media (max-width:390px){.page-container{padding-inline:12px}.market-last{font-size:38px}.market-change{font-size:16px}.market-state>span,.status-pill{font-size:11px}.mobile-bottom-nav a{font-size:10px}}.opportunity-qualification-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.opportunity-qualification-card h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0}.qualification-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px;margin:0}.qualification-metrics>div{display:flex;flex-direction:column;gap:2px}.qualification-metrics dt{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.qualification-metrics dd{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.qualification-notice{font-size:12px;color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-elevated);margin:0}.qualification-stale{color:var(--warning);border:1px solid rgb(245 165 36/20%)}.qualification-error{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-secondary)}.qualification-error button{font-size:12px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-active);background:var(--surface-elevated);color:var(--accent);cursor:pointer;min-height:30px;transition:background .15s}.qualification-error button:hover{background:var(--accent-soft)}.qualification-dimensions,.qualification-reasons{font-size:12px;color:var(--text-secondary)}.qualification-dimensions summary,.qualification-reasons summary{cursor:pointer;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qualification-dimensions ul,.qualification-reasons ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.qualification-dimension-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-elevated)}.qualification-dimension-label{color:var(--text-secondary)}.qualification-dimension-score{font-weight:600;color:var(--text-primary)}@media (max-width:767px){.opportunity-qualification-card{overflow:hidden}.qualification-metrics{grid-template-columns:repeat(2,1fr)}}.spx-dashboard{position:fixed;inset:0;z-index:50;display:grid;grid-template-rows:56px 1fr 36px;background:#060c14;color:var(--text-primary);font-family:Inter,Segoe UI,Arial,sans-serif}.spx-header{gap:20px;padding:0 20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#080e18,#0b1420);backdrop-filter:blur(8px)}.spx-header,.spx-header-brand{display:flex;align-items:center}.spx-header-brand{gap:12px;flex-shrink:0}.spx-logo{display:flex;align-items:center;font-weight:800;font-size:17px;letter-spacing:-.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spx-logo-o{color:var(--accent)}.spx-logo-ai{color:var(--text-primary)}.spx-header-title{display:flex;flex-direction:column;gap:1px}.spx-symbol{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.spx-index-name{font-size:10px;color:var(--text-muted);font-weight:400}.spx-live-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.spx-live-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentcolor;animation:spx-pulse 1.4s ease-in-out infinite}.spx-live-live{color:var(--success);background:rgb(35 189 122/12%);border:1px solid rgb(35 189 122/25%)}.spx-live-pre{color:var(--warning);background:rgb(245 165 36/12%);border:1px solid rgb(245 165 36/25%)}.spx-live-after{color:var(--info);background:rgb(80 166 255/12%);border:1px solid rgb(80 166 255/25%)}.spx-live-closed,.spx-live-unknown{color:var(--text-muted);background:rgb(99 115 134/10%);border:1px solid var(--border)}.spx-live-closed:before,.spx-live-unknown:before{animation:none}@keyframes spx-pulse{0%,to{opacity:1}50%{opacity:.3}}.spx-tf-nav{display:flex;align-items:center;gap:2px;margin-right:auto;background:rgb(0 0 0/20%);border:1px solid var(--border);border-radius:8px;padding:3px}.spx-tf-btn{padding:4px 14px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .15s ease;border:0;letter-spacing:.3px}.spx-tf-btn:hover{color:var(--text-primary);background:rgb(255 255 255/5%)}.spx-tf-btn.active{color:var(--accent);background:rgb(51 136 245/15%)}.spx-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.spx-meta-label{font-size:10px;color:var(--text-muted)}.spx-meta-value{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.3px;direction:ltr}.spx-main{display:grid;grid-template-columns:1fr 240px;overflow:hidden}.spx-chart-area{position:relative;background:var(--chart-background);border-right:1px solid var(--border);overflow:hidden}.spx-trading-chart-canvas{width:100%;height:100%;min-height:400px}.spx-chart-empty,.spx-chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--text-secondary)}.spx-empty-icon,.spx-error-icon{font-size:32px;opacity:.5}.spx-chart-empty p,.spx-chart-error p{margin:0;font-size:14px;font-weight:500}.spx-chart-empty small{font-size:12px;color:var(--text-muted)}.spx-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;padding-bottom:40px;gap:16px;background:var(--chart-background)}.chart-loading-pulse{display:flex;align-items:flex-end;gap:3px;height:70%;padding:0 24px;width:100%}.chart-skeleton-bar{flex:1;background:linear-gradient(180deg,rgb(51 136 245/15%),rgb(51 136 245/5%));border-radius:2px 2px 0 0;animation:chart-shimmer 1.6s ease-in-out infinite}@keyframes chart-shimmer{0%,to{opacity:.4}50%{opacity:.9}}.chart-loading-label{font-size:13px;color:var(--text-muted);margin:0}.spx-sidebar{background:var(--border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.spx-sidebar,.spx-sidebar-skeleton{display:flex;flex-direction:column;gap:1px}.spx-skeleton-card{height:220px;background:var(--surface);animation:chart-shimmer 1.6s ease-in-out infinite}.spx-skeleton-card-sm{height:120px}.spx-side-card{background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:10px}.spx-card-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0}.quote-price-row{display:flex;flex-direction:column;gap:4px}.quote-last{font-size:26px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.quote-change,.quote-last{direction:ltr;text-align:left}.quote-change{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.quote-grid{display:flex;flex-direction:column;gap:5px;margin:4px 0}.quote-row{display:flex;justify-content:space-between;align-items:center}.quote-row dt{font-size:11px;color:var(--text-muted);font-weight:400}.quote-row dd{font-size:11px;font-weight:600;color:var(--text-secondary);margin:0;direction:ltr;font-variant-numeric:tabular-nums}.quote-high{color:var(--success)!important}.quote-low{color:var(--danger)!important}.quote-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quote-freshness-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.quote-freshness-badge[data-freshness=LIVE]{color:var(--success);background:rgb(35 189 122/12%)}.quote-freshness-badge[data-freshness=DELAYED]{color:var(--warning);background:rgb(245 165 36/12%)}.quote-freshness-badge[data-freshness=STALE],.quote-freshness-badge[data-freshness=UNAVAILABLE]{color:var(--danger);background:rgb(239 82 97/12%)}.quote-freshness-badge[data-freshness=UNKNOWN]{color:var(--text-muted);background:rgb(99 115 134/10%)}.quote-age{font-size:11px;color:var(--text-muted)}.quote-source{font-size:10px;color:var(--text-muted);margin:0;border-top:1px solid var(--border);padding-top:8px}.market-state-row{display:flex;align-items:center;gap:8px}.market-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:spx-pulse 1.4s ease-in-out infinite}.market-state-label{font-size:15px;font-weight:700}.market-state-desc{font-size:11px;color:var(--text-secondary);margin:0;line-height:1.4}.market-state-next{justify-content:space-between;padding-top:8px;margin-top:2px}.market-state-next,.spx-footer{display:flex;align-items:center;border-top:1px solid var(--border)}.spx-footer{gap:0;padding:0 20px;background:#07111a;overflow:hidden}.footer-group{display:flex;align-items:center;gap:6px;padding:0 16px;border-right:1px solid var(--border)}.footer-group:first-child{padding-left:0}.footer-label{font-size:10px;color:var(--text-muted)}.footer-value{font-size:11px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;direction:ltr}.footer-market-state[data-state=OPEN]{color:var(--success)}.footer-market-state[data-state=PRE_MARKET]{color:var(--warning)}.footer-market-state[data-state=AFTER_HOURS]{color:var(--info)}.footer-market-state[data-state=CLOSED],.footer-market-state[data-state=UNKNOWN]{color:var(--text-muted)}.footer-api-ok{color:var(--success);font-size:11px;font-weight:600}.footer-api-error{color:var(--danger);font-size:11px;font-weight:600}.footer-freshness{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.footer-freshness[data-freshness=LIVE]{color:var(--success)}.footer-freshness[data-freshness=DELAYED]{color:var(--warning)}.footer-freshness[data-freshness=STALE],.footer-freshness[data-freshness=UNAVAILABLE]{color:var(--danger)}.footer-freshness[data-freshness=UNKNOWN]{color:var(--text-muted)}@media (max-width:900px){.spx-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.spx-chart-area{border-right:none;border-bottom:1px solid var(--border);min-height:50vh}.spx-sidebar{flex-direction:row;overflow-x:auto;overflow-y:hidden;background:transparent;gap:0;border-top:1px solid var(--border)}.spx-side-card{min-width:200px;border-right:1px solid var(--border)}}@media (max-width:600px){.spx-header{gap:10px;padding:0 12px}.spx-header-meta,.spx-tf-nav{display:none}.spx-dashboard{grid-template-rows:48px 1fr auto}.spx-footer{flex-wrap:wrap;height:auto;padding:6px 12px;gap:4px}.footer-group{padding:2px 8px}}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:text-slate-100:hover{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139/var(--tw-ring-opacity,1))}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}