:root{--bg-dark:#09090b;--card-bg:#18181bb3;--card-border:#3f3f4666;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--brand-accent:#3b82f6;--brand-accent-glow:#3b82f680;--positive:#10b981;--positive-bg:#10b9811a;--negative:#ef4444;--negative-bg:#ef44441a;--neutral:#eab308;--border-radius-lg:16px;--border-radius-md:12px;--shadow-glow:0 0 20px #0000004d;--font-family:"Inter", sans-serif}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.bg-gradient-mesh{z-index:-1;filter:blur(80px);background:radial-gradient(circle at 15%,#14142899,#0000 25%),radial-gradient(circle at 85% 30%,#0f1e3c80,#0000 25%);width:100vw;height:100vh;animation:15s ease-in-out infinite alternate pulseGlow;position:fixed;top:0;left:0}@keyframes pulseGlow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.app-container{flex-direction:column;gap:16px;width:100%;margin:0;padding:16px;display:flex}.header{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glow);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.logo-box{background:linear-gradient(135deg, var(--brand-accent), #2563eb);width:48px;height:48px;box-shadow:0 0 15px var(--brand-accent-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.logo-icon{color:#fff;font-size:24px}h1{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.header-right{align-items:center;gap:24px;display:flex}.status-indicator{color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;font-weight:500;display:flex}.pulse-dot{background-color:var(--brand-accent);width:8px;height:8px;box-shadow:0 0 8px var(--brand-accent);border-radius:50%}.pulse-dot.active{background-color:var(--positive);box-shadow:0 0 8px var(--positive);animation:1.5s infinite alternate flash}.pulse-dot.error{background-color:var(--negative);box-shadow:0 0 8px var(--negative)}@keyframes flash{0%{opacity:.4}to{opacity:1}}.time-container{color:var(--text-primary);align-items:center;gap:6px;font-size:.875rem;display:flex}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:8px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #0006}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.metric-value{font-size:2.25rem;font-weight:700}.metric-value.positive{color:var(--positive)}.metric-value.negative{color:var(--negative)}.metric-value.sentiment-neutral{color:var(--brand-accent)}.data-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;display:flex;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-toolbar h2{font-size:1.125rem;font-weight:600}.search-box{border:1px solid var(--card-border);color:var(--text-secondary);background:#0006;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 2px var(--brand-accent-glow)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:200px;font-size:.875rem}.table-container{max-height:calc(100vh - 120px);position:relative;overflow:auto}.market-table{border-collapse:collapse;text-align:right;width:100%}.market-table th,.market-table td{white-space:nowrap;padding:16px 24px}.market-table th:first-child,.market-table td:first-child{text-align:left}.market-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);z-index:10;background:#18181b;font-size:.75rem;font-weight:600;position:sticky;top:0}.market-table tbody tr{border-bottom:1px solid #ffffff08;transition:background-color .2s}.market-table tbody tr:hover{background-color:#ffffff08}.symbol-cell{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.pill{text-align:center;border-radius:6px;min-width:80px;padding:4px 8px;font-size:.875rem;font-weight:600;display:inline-block}.pill.up{color:var(--positive);background-color:var(--positive-bg)}.pill.down{color:var(--negative);background-color:var(--negative-bg)}.pill.neutral{color:var(--neutral);background-color:#eab3081a}@keyframes priceUp{0%{background-color:var(--positive-bg)}to{background-color:#0000}}@keyframes priceDown{0%{background-color:var(--negative-bg)}to{background-color:#0000}}.flash-up{animation:1.5s priceUp}.flash-down{animation:1.5s priceDown}.state-container{background:var(--card-bg);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff1a;border-top-color:var(--brand-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--negative);font-weight:500}@media (width<=768px){.metrics-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.search-box input{width:100%}}.market-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.market-table th.sortable:hover{color:var(--text-primary);background:#ffffff0d}.sort-icon-container{vertical-align:middle;opacity:.3;align-items:center;margin-left:4px;transition:transform .2s,opacity .2s;display:inline-flex}th.active-sort .sort-icon-container{opacity:1;color:var(--brand-accent)}th.active-sort.asc .sort-icon-container{transform:rotate(180deg)}.nav-menu{gap:16px;margin-top:-16px;padding:0 24px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-md);background:#ffffff0d;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff1a}.nav-link.active{background:var(--brand-accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:6px;margin:4px}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);background:#fff3;border-radius:6px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}.ce-header-bg{color:var(--positive)!important;letter-spacing:2px!important;text-align:center!important;background:#10b98133!important;font-size:1rem!important;font-weight:800!important}.pe-header-bg{color:var(--negative)!important;letter-spacing:2px!important;text-align:center!important;background:#ef444433!important;font-size:1rem!important;font-weight:800!important}.strike-header-bg{color:#fff!important;text-align:center!important;background:#3b82f64d!important;font-size:.9rem!important;font-weight:800!important}.strike-header-bg-sub{color:var(--text-primary)!important;text-align:center!important;background:#3b82f633!important;font-weight:700!important}.sub-header-row th{text-align:center!important;background:#00000080!important;padding:8px 4px!important;font-size:.65rem!important}.oi-chg-col{color:var(--brand-accent)!important}.ltp-col{background:#ffffff0d!important;font-weight:700!important}.options-table td{white-space:nowrap;text-align:center;border-bottom:1px solid #ffffff08!important;padding:6px 4px!important;font-size:.775rem!important}.options-table .strike-cell{border-left:1px solid #3b82f64d;border-right:1px solid #3b82f64d;color:#fff!important;text-align:center!important;background:#3b82f626!important;font-size:.85rem!important;font-weight:800!important}.options-table .ce-side{border-right:1px solid #ffffff1a!important}.options-table .pe-side{border-left:1px solid #ffffff1a!important}.options-table .itm{background-color:#304914!important}.options-table thead tr:first-child th{border-bottom:1px solid #ffffff1a;height:44px;position:sticky;top:0;z-index:50!important;padding:0!important}.options-table thead tr:nth-child(2) th{color:var(--text-secondary);position:sticky;top:44px;z-index:40!important;text-align:center!important;border-bottom:2px solid var(--brand-accent)!important;background:#09090b!important;padding:8px 4px!important;font-size:.65rem!important}.ce-header-bg{letter-spacing:2px;font-weight:800;color:#4ade80!important;background:linear-gradient(#064e40,#042f27)!important}.pe-header-bg{letter-spacing:2px;font-weight:800;color:#f87171!important;background:linear-gradient(#7f1d1d,#450a0a)!important}.strike-header-bg{font-weight:800;color:#fff!important;background:#1e3a8a!important}.strike-header-bg-sub{color:#fff!important;background:#1e3a8a!important}.underlying-value{border:1px solid var(--card-border);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;display:flex}.underlying-value span{color:var(--brand-accent);font-weight:700}