*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.lp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px;font-family:Outfit,DM Sans,Inter,sans-serif;z-index:1000;background:radial-gradient(ellipse 80% 70% at 5% 10%,rgba(247,147,26,.14) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 95% 15%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 95%,rgba(247,147,26,.1) 0%,transparent 55%),#fff}.lp-orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:lpOrbFloat 12s ease-in-out infinite alternate}.lp-orb-1{width:500px;height:500px;background:#f7931a1f;top:-150px;left:-150px;animation-duration:13s}.lp-orb-2{width:380px;height:380px;background:#3b82f617;top:10%;right:-100px;animation-duration:10s;animation-delay:-5s}.lp-orb-3{width:420px;height:420px;background:#f7931a14;bottom:-120px;left:35%;animation-duration:15s;animation-delay:-8s}@keyframes lpOrbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(24px,16px) scale(1.07)}}.lp-box{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;max-width:1040px;border-radius:28px;overflow:hidden;background:#ffffffa6;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 4px 6px #0000000a,0 16px 48px #f7931a24,0 40px 80px #00000014;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.lp-top-header{text-align:center;padding:32px 40px 24px;border-bottom:1.5px solid rgba(255,255,255,.7);background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;gap:6px}.lp-top-welcome{font-size:13px;font-weight:700;color:#6b7280;letter-spacing:4px;text-transform:uppercase}.lp-top-brand{font-size:36px;font-weight:900;color:#1a1240;letter-spacing:-1.5px;line-height:1.1;display:flex;align-items:center;gap:10px}.lp-top-brand .brand-btc{font-size:38px}.lp-top-brand span{background:linear-gradient(135deg,#f7931a,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-top-sub{font-size:14px;color:#6b7280;font-weight:500}.lp-panels{display:flex;flex:1;min-height:0;overflow:hidden}.lp-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;background:#ffffff8c;border-right:1.5px solid rgba(255,255,255,.85);position:relative;text-align:center;overflow:hidden;gap:24px}.lp-left:before{content:"";position:absolute;top:-60px;left:-60px;width:280px;height:280px;border-radius:50%;background:#f7931a1a;filter:blur(60px);pointer-events:none}.lp-left:after{content:"";position:absolute;bottom:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:#3b82f612;filter:blur(50px);pointer-events:none}.lp-btc-coin{position:relative;z-index:1;animation:lpCoinFloat 4s ease-in-out infinite}@keyframes lpCoinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.lp-coin-svg{width:180px;height:180px;filter:drop-shadow(0 20px 40px rgba(247,147,26,.45))}.lp-coin-title{font-size:28px;font-weight:900;color:#1a1240;letter-spacing:-.5px;position:relative;z-index:1}.lp-coin-sub{font-size:14px;color:#6b7280;font-weight:500;position:relative;z-index:1;max-width:260px;line-height:1.5}.lp-coin-stats{display:flex;gap:24px;position:relative;z-index:1}.lp-stat{text-align:center}.lp-stat-val{font-size:22px;font-weight:900;color:#f7931a}.lp-stat-lbl{font-size:10px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.lp-tagline{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;font-style:italic;color:#9ca3af;width:100%;position:relative;z-index:1}.lp-tagline-line{flex:1;height:1px;background:#00000014}.lp-right{width:440px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:40px 36px;overflow-y:auto;background:#ffffff73}.lp-wrapper{width:100%;max-width:360px}.lp-card{background:#ffffffbf;border:1.5px solid rgba(255,255,255,.95);border-radius:22px;padding:28px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 6px #0000000a,0 12px 32px #f7931a1a;animation:lpCardIn .4s cubic-bezier(.22,1,.36,1)}@keyframes lpCardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-tabs{display:flex;background:#0000000d;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:4px;margin-bottom:22px;gap:4px}.lp-tab{flex:1;padding:9px;border-radius:9px;text-align:center;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .25s}.lp-tab.lp-tab-active{background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff;box-shadow:0 2px 12px #f7931a59}.lp-sec-title{font-size:20px;font-weight:700;color:#1a1240;margin-bottom:4px;letter-spacing:-.3px}.lp-sec-sub{font-size:13px;color:#6b7280;margin-bottom:20px}.lp-field{margin-bottom:14px}.lp-field label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.lp-field input{width:100%;background:#fffc;border:1.5px solid rgba(0,0,0,.09);border-radius:10px;padding:11px 13px;font-size:14px;color:#1a1240;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.lp-field input:focus{border-color:#f7931a8c;background:#fff;box-shadow:0 0 0 3px #f7931a1a}.lp-field input::placeholder{color:#9ca3af}.lp-pass-row{position:relative}.lp-pass-row input{padding-right:42px}.lp-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#9ca3af;padding:2px 4px;line-height:1}.lp-alert{padding:10px 13px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:14px;border-left:3px solid}.lp-alert-error{background:#dc262617;color:#b91c1c;border-color:#dc2626}.lp-alert-success{background:#16a34a17;color:#15803d;border-color:#16a34a}.lp-submit{width:100%;padding:12px;border-radius:11px;border:none;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#f7931a,#ffb347);color:#fff;box-shadow:0 4px 20px #f7931a59;display:flex;align-items:center;justify-content:center;min-height:46px}.lp-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f7931a73}.lp-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.lp-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:lpSpin .7s linear infinite}@keyframes lpSpin{to{transform:rotate(360deg)}}.lp-signup-hint{text-align:center;margin-top:14px;font-size:12px;color:#6b7280}.lp-signup-hint a{color:#f7931a;font-weight:700;cursor:pointer;text-decoration:none}.lp-signup-hint a:hover{opacity:.8}.lp-footer-note{margin-top:20px;text-align:center;font-size:10px;color:#9ca3af;letter-spacing:.3px}@media (max-width: 820px){.lp-overlay{padding:0;align-items:stretch}.lp-box{border-radius:0;border:none;min-height:100vh;flex-direction:column}.lp-left{display:none}.lp-right{width:100%;padding:40px 24px;align-items:center;min-height:100vh}}@media (max-width: 480px){.lp-right{padding:28px 16px}.lp-card{padding:24px 20px;border-radius:18px}}:root{--bg: #ffffff;--bg2: #f5f7fa;--border: #d0d5dd;--border2: #b0b8cc;--call-hdr: #2e7d32;--put-hdr: #c62828;--sk-hdr: #bf6000;--call-sub: #dcedc8;--put-sub: #ffcdd2;--sk-sub: #ffe0b2;--call-bg: #ffffff;--put-bg: #ffffff;--itm-bg: #c8c8c8;--atm-bg: #ffffff;--sk-bg: #fff8e8;--call-brd: #66bb6a;--put-brd: #ef9a9a;--sk-brd: #ffb74d;--green: #2e7d32;--green2: #388e3c;--red: #c62828;--red2: #d32f2f;--gold: #f57f17;--amber: #e65100;--text: #212121;--text2: #555;--text3: #999;--ctxt: #111111;--ptxt: #111111}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg2);color:var(--text);font-family:DM Sans,Inter,Segoe UI,Arial,sans-serif;font-size:12px;min-height:100vh}html,body{overflow-x:hidden}.shell{display:flex;min-height:100vh}.page-area{flex:1;min-width:0;background:var(--bg)}.sidenav{width:168px;min-width:168px;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.07);z-index:200;box-shadow:2px 0 12px #0000002e}.sn-brand{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sn-logo-box{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #3b82f673;flex-shrink:0}.sn-brand-name{color:#f1f5f9;font-size:14px;font-weight:700;letter-spacing:.3px}.sn-brand-sub{color:#475569;font-size:10px;letter-spacing:.4px;margin-top:1px}.sn-section-lbl{padding:18px 16px 6px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#334155}.sn-list{list-style:none;padding:2px 10px;flex:1}.sn-list li{margin-bottom:1px}.sn-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;background:none;border:none;cursor:pointer;color:#64748b;font-size:13px;font-weight:500;transition:all .15s;text-align:left;border-left:3px solid transparent;position:relative}.sn-item:hover{background:#ffffff0d;color:#94a3b8}.sn-active{background:#3b82f61f!important;color:#93c5fd!important;font-weight:700;border-left-color:#3b82f6!important}.sn-active .sn-icon{color:#60a5fa}.sn-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sn-label{flex:1}.sn-active-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;flex-shrink:0}.sn-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.sn-footer-text{font-size:10px;color:#334155;font-weight:600}.sn-ver{font-size:9px;color:#94a3b8;background:#1e293b;border:1px solid #334155;padding:2px 7px;border-radius:8px}.page-wrap{height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-wrap.scrollable{overflow-y:auto;height:100vh}.page-header{padding:16px 20px 12px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-title{font-size:18px;font-weight:700;color:#1e293b}.page-sub{font-size:12px;color:var(--text3);margin-top:2px}.home-btc-wrap{flex:1;display:flex;align-items:center;justify-content:center;height:100%;min-height:calc(100vh - 60px);background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(247,147,26,.07) 0%,transparent 70%),#fff}.home-btc-svg{width:min(60vw,400px);height:min(60vw,400px);animation:homeCoinFloat 4s ease-in-out infinite;filter:drop-shadow(0 24px 48px rgba(247,147,26,.35))}@keyframes homeCoinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.home-cards{display:flex;gap:16px;padding:20px;flex-wrap:wrap}.hcard{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;flex:1;min-width:180px;max-width:240px;box-shadow:0 1px 4px #0000000f;transition:box-shadow .14s,transform .14s}.hcard:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.hcard-icon{font-size:28px;margin-bottom:8px}.hcard-label{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:4px}.hcard-desc{font-size:12px;color:var(--text2);margin-bottom:10px}.hcard-action{font-size:12px;font-weight:600;color:#2563eb}.home-section{padding:0 20px 20px}.home-sec-title{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.home-table{border-collapse:collapse;width:100%;max-width:500px}.home-table th,.home-table td{padding:7px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:12px}.home-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);background:#f8fafc}.hist-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.hist-selects{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.hs-group{display:flex;flex-direction:column;gap:3px}.hs-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.hs-sel{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;padding:4px 8px;outline:none;min-width:120px}.hist-meta{font-size:11px;color:var(--text2)}.hist-badge{background:#7c3aed;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px}.playback-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#f8fafc;border-bottom:1px solid var(--border);flex-wrap:wrap}.pb-tf{display:flex;gap:3px}.pb-btn{border:1px solid var(--border);background:#fff;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text2)}.pb-btn.pb-active{background:#1e40af;color:#fff;border-color:#1e40af}.pb-nav{border:1px solid var(--border);background:#fff;border-radius:4px;padding:3px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text)}.pb-nav:disabled{opacity:.35;cursor:default}.pb-play{border:none;background:#16a34a;color:#fff;border-radius:4px;padding:4px 14px;font-size:12px;font-weight:700;cursor:pointer;min-width:80px}.pb-play.pb-playing{background:#dc2626}.pb-scrub{flex:1;min-width:120px;max-width:320px;height:4px;accent-color:#1e40af;cursor:pointer}.pb-info{font-size:11px;color:var(--text2);white-space:nowrap}.adm-tabs{display:flex;gap:4px}.adm-tab{background:#f0f4f8;border:1px solid var(--border);border-radius:5px;padding:4px 16px;font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .12s}.adm-tab:hover{border-color:var(--border2);color:var(--text)}.adm-tab-active{background:#2563eb;border-color:#2563eb;color:#fff}.sys-panel{background:#fff;border-bottom:1px solid var(--border);padding:14px 16px}.sys-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}.sys-field{display:flex;flex-direction:column;gap:4px}.sys-field-btn{margin-left:auto}.sys-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.sys-opt{font-weight:400;text-transform:none;letter-spacing:0}.sys-sel,.sys-inp{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;padding:5px 10px;outline:none}.sys-sel:disabled,.sys-inp:disabled{background:#f5f7fa;color:var(--text3)}.sys-inp{width:160px}.ival-row{display:flex;gap:3px}.ival-btn{background:#f0f4f8;border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .1s}.ival-btn:hover{border-color:var(--border2)}.ival-active{background:#1e40af;border-color:#1e40af;color:#fff}.ival-btn:disabled{opacity:.5;cursor:not-allowed}.sys-start{padding:7px 22px;background:#2e7d32;border:none;border-radius:5px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s}.sys-start:hover{background:#388e3c}.sys-stop{padding:7px 22px;background:#c62828;border:none;border-radius:5px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s}.sys-stop:hover{background:#d32f2f}.sys-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text2)}.sys-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sys-dot-on{background:#2e7d32;box-shadow:0 0 6px #4caf50;animation:dot-pulse 1.2s ease-in-out infinite}.sys-dot-off{background:#bbb}.sys-state-lbl{font-weight:700;color:var(--text)}.sys-next{color:#1565c0}.sys-cnt{color:var(--text2)}.sys-note{color:#2e7d32;font-size:11px;font-weight:600}.sys-spot{color:#e65100;font-weight:600}.sys-ok{color:#2e7d32;font-weight:600}.sys-err{color:#c62828;font-weight:600}.sys-log{background:#f8fafc;border-top:1px solid var(--border);padding:8px 16px}.sys-log-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:6px}.sys-log-body{max-height:130px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.log-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:1px 0}.log-ts{color:var(--text3);font-size:10px;min-width:68px}.log-ok{color:#2e7d32}.log-err{color:#c62828}.app{max-width:100%;background:var(--bg)}.live-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:2px solid #e2e8f0;padding:0 16px;height:52px;flex-shrink:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000012;gap:6px}.lh-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden}.lh-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.lh-sep{width:1px;height:28px;background:#e2e8f0;flex-shrink:0;margin:0 6px}.lh-divider-v{width:1px;height:22px;background:#e2e8f0;flex-shrink:0}.lh-field{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.lh-field-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;line-height:1}.lh-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#1e293b;font-size:12px;font-weight:700;padding:3px 8px;cursor:pointer;outline:none;min-width:80px}.lh-select:focus{border-color:#93c5fd}.lh-val-text{font-size:12px;font-weight:700;color:#1e293b;white-space:nowrap}.lh-time{font-variant-numeric:tabular-nums}.lh-updated{font-size:10px;color:#94a3b8;white-space:nowrap}.lh-spot{font-size:13px;font-weight:800;color:#e65100;white-space:nowrap}.lh-welcome{font-size:12px;color:#475569;white-space:nowrap}.lh-welcome b{color:#1e293b}.lh-logout{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:all .12s;white-space:nowrap}.lh-logout:hover{background:#fdf2f2;border-color:#ef9a9a;color:#c62828}.lh-greeks-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;font-weight:700;padding:4px 12px;transition:all .15s;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.lh-greeks-btn:hover{border-color:#93c5fd;color:#1e40af}.lh-greeks-btn.greeks-on{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.sym-tabs{display:flex;gap:3px;flex-shrink:0}.sym-tab{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;padding:4px 14px;transition:all .12s;white-space:nowrap}.sym-tab:hover{border-color:#cbd5e1;color:#334155}.sym-tab-active{background:#1e40af;border-color:#1e40af;color:#fff}.exp-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;font-size:10px;font-weight:600;padding:3px 12px;transition:all .12s;white-space:nowrap}.exp-pill:hover{border-color:#cbd5e1;color:#334155}.exp-pill-active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:700}.live-controls{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 16px;height:40px;gap:10px;flex-shrink:0;position:sticky;top:52px;z-index:99}.lc-left{display:flex;align-items:center;gap:8px;flex:1}.lc-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lc-label{font-size:10px;color:#94a3b8;font-weight:600;white-space:nowrap}.lc-val{font-size:12px;font-weight:700}.lc-btn{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:#475569;cursor:pointer;font-size:11px;font-weight:600;padding:3px 12px;transition:all .12s;white-space:nowrap}.lc-btn:hover:not(:disabled){border-color:#cbd5e1;color:#1e293b}.lc-btn.primary{background:#1565c0;border-color:#1565c0;color:#fff}.lc-btn.primary:hover:not(:disabled){background:#1976d2}.lc-btn.stop{background:#fff3f3;border-color:#fca5a5;color:#c62828}.lc-btn:disabled{opacity:.4;cursor:not-allowed}.lc-input{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:var(--text);font-size:11px;padding:3px 8px;width:120px;outline:none}.lc-input:focus{border-color:#93c5fd}.mode-tabs{display:flex;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.mode-tab{background:#fff;border:none;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;padding:4px 14px;transition:all .12s;white-space:nowrap}.mode-tab:not(:last-child){border-right:1px solid #e2e8f0}.mode-tab:hover{background:#f1f5f9;color:#334155}.mode-tab-active{background:#1e293b;color:#fff;font-weight:700}.ws-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;border:1px solid;white-space:nowrap}.ws-live{color:#15803d;border-color:#86efac;background:#f0fdf4}.ws-conn{color:#c2410c;border-color:#fdba74;background:#fff7ed;animation:tb-pulse .8s ease-in-out infinite alternate}.ws-err{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.ws-off{color:#94a3b8;border-color:#e2e8f0;background:#f8fafc}.ws-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ws-live .ws-dot{animation:dot-pulse 1.2s ease-in-out infinite}@keyframes tb-pulse{0%{opacity:.6}to{opacity:1}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.browse-panel{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.browse-panel select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;color:var(--text);font-size:12px;padding:4px 8px;outline:none}.expiry-bar{display:flex;align-items:center;gap:5px;padding:6px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.exp-btn{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;font-size:10px;font-weight:600;padding:3px 12px;transition:all .12s}.exp-btn:hover{border-color:#cbd5e1;color:#334155}.exp-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:700}.atm-toggle{display:flex;margin-left:auto;border:1px solid var(--border);border-radius:5px;overflow:hidden}.atm-btn{background:#fff;border:none;color:var(--text2);cursor:pointer;font-size:11px;font-weight:600;padding:3px 14px;transition:all .12s;white-space:nowrap}.atm-btn:not(:last-child){border-right:1px solid var(--border)}.atm-btn:hover{background:#f0f4f8;color:var(--text)}.atm-btn.atm-active{background:#1565c0;color:#fff;font-weight:700}.err-bar{margin:6px 14px;padding:5px 12px;background:#fff3f3;border:1px solid #ffcdd2;border-radius:4px;color:var(--red);font-size:12px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:10px;color:var(--text3)}.empty-icon{font-size:48px}.empty-state p{font-size:15px;color:var(--text2)}.empty-sub{font-size:12px!important;color:var(--text3)!important}.oc-wrap{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.empty-table{padding:40px;text-align:center;color:var(--text3)}.oct{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;font-family:DM Sans,Inter,Segoe UI,Arial,sans-serif;border:1px solid #000}.sec-call{background:var(--call-hdr);color:#fff;border:1px solid #000;border-bottom:none;padding:7px 12px;font-size:15px;font-weight:900;letter-spacing:2px;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:12;box-shadow:0 3px #000}.sec-put{background:var(--put-hdr);color:#fff;border:1px solid #000;border-bottom:none;padding:7px 12px;font-size:15px;font-weight:900;letter-spacing:2px;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:12;box-shadow:0 3px #000}.sec-strike{background:var(--sk-hdr);color:#fff;border:1px solid #000;border-bottom:none;padding:7px 4px;font-size:13px;font-weight:900;letter-spacing:1px;text-align:center;white-space:nowrap;width:86px;min-width:86px;position:sticky;top:0;z-index:12;box-shadow:0 3px #000}.sec-title{vertical-align:middle}.sec-badge{display:inline-block;font-size:9px;font-weight:700;padding:2px 8px;border-radius:3px;margin:0 8px;vertical-align:middle;white-space:nowrap;background:#0000004d;border:1px solid rgba(255,255,255,.25);color:#fff}.grp-hdr th{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding:4px 6px;white-space:nowrap;text-align:center;border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:122px;z-index:11}.gh-c{background:#e8f5e9;color:#1b5e20;border-bottom-color:#a5d6a7!important}.gh-p{background:#fce4ec;color:#880e4f;border-bottom-color:#f48fb1!important}.gh-sk{background:var(--sk-sub);border-left:2px solid var(--sk-brd);border-right:2px solid var(--sk-brd)}.gh-greeks{background:#e3f2fd!important;color:#0d47a1!important;border-bottom-color:#90caf9!important}.gh-svol{background:#e8eaf6!important;color:#283593!important;border-bottom-color:#9fa8da!important}.gh-oichng{background:#fff3e0!important;color:#e65100!important;border-bottom-color:#ffcc80!important}.gh-oi{background:#e8f5e9!important;color:#1b5e20!important;border-bottom-color:#a5d6a7!important}.gh-vol{background:#f3e5f5!important;color:#4a148c!important;border-bottom-color:#ce93d8!important}.gh-ltp{background:#e0f2f1!important;color:#004d40!important;border-bottom-color:#80cbc4!important}.gh-slev,.gh-misc{background:#fafafa!important;color:#424242!important;border-bottom-color:#bdbdbd!important}.subhdr th{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:5px 6px;white-space:nowrap;text-align:center;border-bottom:none!important;position:sticky;top:34px;z-index:11;box-shadow:0 3px #000}.sh-c{background:#c8e6c9;color:#1a5c1a;border:1px solid #000;border-bottom:none}.sh-sk{background:#ffe0b2;color:#7a3800;text-align:center;border:2px solid #000!important;border-bottom:none!important}.sh-p{background:#ffcdd2;color:#7f0000;border:1px solid #000;border-bottom:none}.oct td{padding:4px 6px;border:1px solid #000;text-align:center;white-space:nowrap;vertical-align:middle;font-size:13px;font-weight:400;color:#111;background:#fff;height:38px}.oct th{border:1px solid #000}.dr:hover td{filter:brightness(.95)}.oct td.c{background:var(--call-bg);color:var(--ctxt);position:relative;z-index:0;border:1px solid #000!important}.oct td.c.g{color:#558b55;font-size:10px}.oct td.c.cd{color:#1b5e20;font-weight:700}.oct td.c.iv{color:#2e7d32}.oct td.c.resist{text-align:center;min-width:28px}.oct td.c.p0{padding:0!important}.oct td.c.ltplev{color:#2e7d32;font-size:10px;font-weight:600}.oct td.c.slc{text-align:center;min-width:68px}.dr.r-itm td.c{background:var(--itm-bg)!important;color:#555}.dr.r-itm td.c.g{color:#888!important}.dr.r-itm td.c.cd{color:#444!important}.dr.r-itm td.c.iv{color:#666!important}.dr.r-itm td.c.ltplev{color:#555!important}.oct td.p{background:var(--put-bg);color:var(--ptxt);position:relative;z-index:0;border:1px solid #000!important}.oct td.p.g{color:#8b5555;font-size:10px}.oct td.p.pd{color:#7f0000;font-weight:700}.oct td.p.iv{color:#b71c1c}.oct td.p.support{text-align:center;min-width:28px}.oct td.p.p0{padding:0!important}.oct td.p.ltplev{color:#b71c1c;font-size:10px;font-weight:600}.oct td.p.slc{text-align:center;min-width:68px}.dr.r-otm td.p{background:var(--itm-bg)!important;color:#555}.dr.r-otm td.p.g{color:#888!important}.dr.r-otm td.p.pd{color:#444!important}.dr.r-otm td.p.iv{color:#666!important}.dr.r-otm td.p.ltplev{color:#555!important}.dr.r-atm td.c,.dr.r-atm td.p{background:var(--atm-bg)!important}.oct td.sk{background:#f97316!important;color:#000!important;font-weight:700;font-size:13px;text-align:center!important;border:1px solid #000!important;width:86px;min-width:86px;max-width:86px;padding:3px 4px!important}.oct td.sk.sk-atm{background:#ea580c!important;color:#000!important}.sk-n{font-size:14px;font-weight:900;line-height:1.3;color:#000}.sk-pcr{font-size:10px;color:#000;margin-top:1px}.bull{color:#2e7d32}.bear{color:#c62828}.hm-cell{display:flex;flex-direction:column;align-items:center;padding:2px 4px;min-width:66px;min-height:28px;justify-content:center;background:transparent}.hm-val{font-weight:400;font-size:13px;line-height:1.2;color:#111}.hm-pct{font-size:13px;font-weight:700;line-height:1;margin-top:2px;color:#334155;background:transparent;padding:1px 5px;border-radius:3px;display:inline-block}.hl-g{background:#16a34a!important}.hl-g .hm-val{color:#000!important;font-weight:700!important}.hl-g .hm-pct{color:#000!important;font-weight:800!important;background:#0000002e!important;border-radius:3px}.hl-g .ltp-up,.hl-g .ltp-dn{color:#000!important;font-weight:700!important}.hl-y{background:#facc15!important}.hl-y .hm-val{color:#000!important;font-weight:700!important}.hl-y .hm-pct{color:#000!important;font-weight:800!important;background:#0000001f!important;border-radius:3px}.dr.r-itm td.c.hl-g,.dr.r-otm td.c.hl-g,.dr.r-atm td.c.hl-g,.dr.r-itm td.p.hl-g,.dr.r-otm td.p.hl-g,.dr.r-atm td.p.hl-g{background:#16a34a!important}.dr.r-itm td.c.hl-y,.dr.r-otm td.c.hl-y,.dr.r-atm td.c.hl-y,.dr.r-itm td.p.hl-y,.dr.r-otm td.p.hl-y,.dr.r-atm td.p.hl-y{background:#facc15!important}.ltp-cell{display:flex;flex-direction:column;align-items:center}.ltp-val{font-weight:400;font-size:15px;line-height:1.3;color:#111}.ltp-up{font-size:11px;color:#16a34a;line-height:1;font-weight:600}.ltp-dn{font-size:11px;color:#dc2626;line-height:1;font-weight:600}.sl-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.sl-num{font-size:14px;font-weight:400;color:#111;line-height:1.2}.sl-wrap:has(.sl-bo) .sl-num,.sl-wrap:has(.sl-bd) .sl-num{text-decoration:line-through;text-decoration-thickness:2px}.sl-star{color:#f57f17;font-size:16px;line-height:1}.sl-bo{display:inline-block;background:#dcfce7;color:#15803d;border:1px solid #86efac;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;white-space:nowrap;letter-spacing:.2px}.sl-bd{display:inline-block;background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;white-space:nowrap;letter-spacing:.2px}.sl-res,.sl-sup{color:#111;font-size:12px;font-weight:400}.sl-na{color:var(--text3);font-size:10px}.rbadge{display:inline-flex;align-items:center;justify-content:center;background:#e8f5e9;color:#1b5e20;border:1px solid #4caf50;font-size:10px;font-weight:900;width:20px;height:20px;border-radius:3px}.sbadge{display:inline-flex;align-items:center;justify-content:center;background:#ffebee;color:#b71c1c;border:1px solid #ef5350;font-size:10px;font-weight:900;width:20px;height:20px;border-radius:3px}.cell-na{color:var(--text3);font-size:10px}.sep-row td{padding:3px 6px!important;border:1px solid #000!important;height:38px!important}.sep-call,.sep-put{background:#eef2ff!important}.sep-center{text-align:center!important;background:#1d4ed8!important;border:1px solid #000!important;white-space:nowrap;width:86px;min-width:86px;max-width:86px;padding:3px 4px!important}.sep-spot-wrap{display:flex;flex-direction:column;align-items:center;gap:1px}.sep-spot-tag{font-size:9px;font-weight:900;background:#dc2626;color:#fff;padding:1px 6px;border-radius:2px;letter-spacing:.5px}.sep-spot-val{font-size:16px;font-weight:900;color:#fff;line-height:1.2}.tot-row .hm-val{font-weight:700!important;font-size:14px!important}.tot-row td{position:sticky;bottom:90px;z-index:15;background:#f8fafc;border-top:none!important;border-bottom:none!important;box-shadow:0 -3px #000,0 3px #000;padding:4px 6px!important;font-size:12px;font-weight:700;color:#111}.tot-blank{background:#f1f5f9!important;border:1px solid #000!important}.tot-lbl-cell{background:#1e293b!important;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;text-align:center;vertical-align:middle}.tot-sk-pcr{background:#fef9c3!important;text-align:center;color:#7a3800;font-size:9px;font-weight:700;line-height:1.3;padding:3px 4px!important}.tot-pcr-val{font-size:14px;font-weight:900;color:#111;display:block}.sent-tot-row td{position:sticky;bottom:0;z-index:15;background:#fff;border-top:none!important;box-shadow:0 -3px #000;padding:0!important;height:90px}.sent-tot-cell{padding:0!important;height:90px}.sent-tot-wrap{display:flex;align-items:stretch;justify-content:center;height:90px;gap:0}.sent-tot-div{width:1px;background:#000;flex-shrink:0}.disclaimer-bar{background:#1e293b;height:28px;flex-shrink:0;overflow:hidden;position:relative;display:flex;align-items:center;border-top:1px solid #334155}.disclaimer-ticker{position:absolute;white-space:nowrap;font-size:13px;color:#fbbf24;letter-spacing:.2px;animation:ticker-scroll 140s linear infinite}@keyframes ticker-scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.pcr-row td{background:#f5f5f5!important;border-top:2px solid var(--border2)!important;padding:5px 10px!important}.pcr-c{text-align:right!important;color:var(--ctxt);font-size:11px}.pcr-mid{text-align:center!important;color:var(--amber);font-weight:800;font-size:13px}.pcr-p{text-align:left!important;color:var(--ptxt);font-size:11px}.sent-row td{background:#fafafa!important;border-top:2px solid var(--border)!important;padding:12px 0!important}.sent-wrap{display:flex;justify-content:center;align-items:stretch;gap:20px;flex-wrap:wrap;padding:0 20px}.sbox{background:#fff;border:1.5px solid #000;border-radius:0;padding:5px 16px;flex:1;display:flex;flex-direction:column;justify-content:center}.sbox-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#111;margin-bottom:4px;text-align:center}.sbox-body{display:flex;align-items:center;justify-content:space-between;gap:6px}.sbox-half{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.sbox-tag{font-size:11px;text-transform:uppercase;color:#555;font-weight:700}.sbox-val{font-size:16px;font-weight:700;color:#111}.sbox-pct{font-size:14px;font-weight:800;padding:2px 8px;border-radius:3px;display:inline-block;margin-top:2px}.call-half .sbox-val{color:#111}.call-half .sbox-pct{background:#dcfce7;color:#15803d}.put-half .sbox-val{color:#111}.put-half .sbox-pct{background:#fee2e2;color:#b91c1c}.sbox-arrow{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:60px}.sbox-arr{font-size:20px;font-weight:900;line-height:1}.sbox-sig{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.live-mode-bar{display:flex;gap:6px;padding:8px 14px 0}.live-mode-btn{background:#f5f7fa;border:1px solid var(--border);border-radius:6px;color:var(--text2);cursor:pointer;font-size:12px;font-weight:600;padding:5px 16px;transition:all .12s}.live-mode-btn:hover{border-color:var(--border2);color:var(--text)}.lm-active{background:#1565c0!important;border-color:#1565c0!important;color:#fff!important}.sym-chips{display:flex;gap:6px}.sym-chip{background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;color:#1565c0;font-size:11px;font-weight:700;padding:2px 10px}.sym-stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.sym-stat{display:flex;align-items:center;gap:10px;border-radius:6px;border:1px solid var(--border);padding:6px 12px;font-size:11px;flex:1;min-width:200px}.sym-stat-idle{background:#f5f7fa;color:var(--text3)}.sym-stat-ok{background:#f1f8f1;border-color:#a5d6a7}.sym-stat-err{background:#fdf2f2;border-color:#ef9a9a}.ss-sym{font-size:13px;font-weight:800;color:var(--text);min-width:36px}.ss-exp{color:#0277bd;font-weight:700}.ss-cnt{color:#2e7d32;font-weight:600}.ss-time{color:var(--text3);font-size:10px;margin-left:auto}.ss-err{color:#c62828}.ss-msg{color:var(--text3)}.sym-view-tabs{display:flex;gap:4px}.sym-view-btn{background:#f5f7fa;border:1px solid var(--border);border-radius:5px;color:var(--text2);cursor:pointer;font-size:12px;font-weight:700;padding:3px 12px;display:flex;align-items:center;gap:5px}.sym-view-btn:hover{border-color:var(--border2);color:var(--text)}.sym-view-active{background:#1565c0!important;border-color:#1565c0!important;color:#fff!important}.sv-cnt{background:#ffffff40;border-radius:8px;font-size:9px;padding:1px 5px}.sym-view-btn:not(.sym-view-active) .sv-cnt{background:#e3f2fd;color:#1565c0}.log-sym{font-weight:700;color:#1565c0;min-width:36px}.sn-spacer{flex:1}.sn-user{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;border-top:1px solid rgba(255,255,255,.06)}.sn-user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sn-user-name{color:#e2e8f0;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}.sn-user-role{color:#475569;font-size:9px;margin-top:1px}.sn-logout{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:0 10px 8px;padding:9px 12px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:left}.sn-logout:hover{background:#ef44442e;border-color:#ef444466;color:#fca5a5}.lp-overlay{min-height:100vh;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0f172a);display:flex;align-items:center;justify-content:center;padding:24px}.lp-card{background:#fff;border-radius:16px;padding:40px 36px 32px;width:100%;max-width:400px;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0f}.lp-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.lp-logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f673}.lp-brand-name{font-size:18px;font-weight:800;color:#1e293b}.lp-brand-sub{font-size:11px;color:#94a3b8;margin-top:2px}.lp-title{font-size:22px;font-weight:800;color:#1e293b;margin-bottom:6px}.lp-hint{font-size:12px;color:#64748b;margin-bottom:24px}.lp-form{display:flex;flex-direction:column;gap:16px}.lp-field{display:flex;flex-direction:column;gap:6px}.lp-label{font-size:12px;font-weight:700;color:#374151}.lp-input{width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s;background:#f9fafb}.lp-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.lp-pass-wrap{position:relative}.lp-pass-wrap .lp-input{padding-right:42px}.lp-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#9ca3af;padding:2px 4px;line-height:1}.lp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:12px;font-weight:600;padding:10px 14px}.lp-btn{width:100%;padding:13px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px;display:flex;align-items:center;justify-content:center;min-height:46px}.lp-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.lp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lp-btn--loading{pointer-events:none}.lp-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:lp-spin .7s linear infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-footer{margin-top:20px;text-align:center;font-size:10px;color:#94a3b8;letter-spacing:.3px}