:root{--bg: #0a0d13;--bg-elev: #0e121b;--panel: #131824;--panel-2: #181e2c;--border: #232b3b;--border-strong: #313d54;--text: #eef1f7;--muted: #8d97ac;--faint: #59627a;--accent: #6d8bff;--accent-2: #9b6dff;--pos: #22ce97;--pos-soft: rgba(34, 206, 151, .13);--neg: #ff5a6a;--neg-soft: rgba(255, 90, 106, .13);--amber: #f5b441;--prem: #3d8bfd;--prem-soft: rgba(61, 139, 253, .15);--disc: #ffa63d;--disc-soft: rgba(255, 166, 61, .16);--oi: #22d3ee;--oi-soft: rgba(34, 211, 238, .14);--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 44px rgba(0, 0, 0, .5);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(1200px 800px at 8% -15%,rgba(109,139,255,.13),transparent 55%),radial-gradient(1100px 700px at 105% -5%,rgba(155,109,255,.11),transparent 50%),radial-gradient(900px 900px at 50% 120%,rgba(61,139,253,.07),transparent 60%),linear-gradient(180deg,#0b0f17,#0a0d13 40%,#080a10);background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.1px}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.app{max-width:1480px;margin:0 auto;padding:0 24px 80px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 8px 16px;margin-bottom:10px;background:linear-gradient(to bottom,#0a0d13e6,#0a0d139e);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 22px #6d8bff66,inset 0 1px #ffffff40;flex:none}.brand-mark svg{width:22px;height:22px}.brand h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(180deg,#fff,#c8d0e4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin:2px 0 0;color:var(--muted);font-size:12.5px;font-weight:500}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap svg{position:absolute;left:13px;width:16px;height:16px;color:var(--faint);pointer-events:none;transition:color .15s}.search-wrap:focus-within svg{color:var(--accent)}.search{width:300px;max-width:60vw;padding:11px 14px 11px 38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#131824cc;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.search::placeholder{color:var(--faint)}.search:focus{outline:none;border-color:var(--accent);background:var(--panel-2);box-shadow:0 0 0 3px #6d8bff33}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:7px 13px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.status--live{color:var(--pos);border-color:#22ce976b;background:var(--pos-soft)}.status--live .status-dot{background:var(--pos);box-shadow:0 0 #22ce9799;animation:pulse 1.6s infinite}.status--wait{color:var(--amber);border-color:#f5b44159;background:#f5b44114}.status--wait .status-dot{background:var(--amber)}@keyframes pulse{0%{box-shadow:0 0 #22ce978c}70%{box-shadow:0 0 0 7px #22ce9700}to{box-shadow:0 0 #22ce9700}}.count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.count strong{color:var(--text);font-weight:700}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:10px 17px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s}.btn:hover:not(:disabled){border-color:#45557a;background:var(--panel-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px #6d8bff59,inset 0 1px #ffffff38}.btn--primary:hover{box-shadow:0 11px 28px #6d8bff7a,inset 0 1px #ffffff38}.banner{display:flex;align-items:center;gap:8px;padding:13px 18px;border-radius:var(--radius-sm);margin:8px 0 16px;font-size:13.5px;background:var(--panel);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-soft)}.banner--error{background:var(--neg-soft);border-color:#ff5a6a66;color:#ffb9c0}.banner--info{background:#6d8bff14;border-color:#6d8bff4d;color:#b9c8ff}.link{color:var(--accent);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:4px 2px 20px}.tag{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:600}.tag--prem{color:var(--prem);background:var(--prem-soft)}.tag--disc{color:var(--disc);background:var(--disc-soft)}.legend-sep{color:var(--faint)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}@media (max-width: 1180px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.cards{grid-template-columns:1fr}.app{padding:0 14px 60px}.topbar{gap:12px;padding:14px 2px 12px}.search-wrap{order:3;width:100%}.search{width:100%;max-width:100%}.toolbar{gap:10px;width:100%}}@media (max-width: 480px){.app{padding:0 10px 52px}.brand-mark{width:38px;height:38px;border-radius:11px}.brand h1{font-size:18px}.subtitle{font-size:11.5px}.card-head{padding:12px}.card-symbol{font-size:14.5px}.card-price{font-size:15px}.card-table{table-layout:fixed;width:100%;font-size:11px}.card-table thead th,.card-table td{padding:9px 4px;white-space:nowrap}.card-table thead th{letter-spacing:.2px;font-size:9px}.card-table thead th:first-child,.card-table td:first-child{width:33%;padding-left:12px}.card-table thead th:nth-child(2),.card-table td:nth-child(2),.card-table thead th:nth-child(3),.card-table td:nth-child(3){width:21%}.card-table thead th:last-child,.card-table td:last-child{width:25%;padding-right:12px}.contract-meta{font-size:10px}.chip{min-width:0;padding:3px 6px;font-size:11px}.legend{font-size:11.5px;gap:7px}}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),linear-gradient(180deg,var(--panel-2),var(--panel));overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .18s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow)}.card:hover:before{opacity:1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--border)}.card-title{min-width:0}.card-symbol{display:flex;align-items:center;gap:7px;font-size:15.5px;font-weight:700;letter-spacing:.2px}.badge-index{font-size:9px;font-weight:700;letter-spacing:.6px;color:var(--accent);background:#6d8bff26;border:1px solid rgba(109,139,255,.35);padding:2px 6px;border-radius:6px;line-height:1}.card-name{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.card-quote{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.card-price{font-size:16px;font-weight:600}.card-table{width:100%;border-collapse:collapse;font-size:13px}.card-table thead th{text-align:right;padding:9px 17px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--faint);border-bottom:1px solid var(--border)}.card-table thead th:first-child{text-align:left}.card-table td{padding:10px 17px;border-bottom:1px solid rgba(255,255,255,.045)}.card-table tbody tr:last-child td{border-bottom:none}.card-table tbody tr{transition:background .12s}.card-table tbody tr:hover{background:#ffffff08}.row-spot{background:#6d8bff12}.contract-name{font-weight:600}.contract-meta{color:var(--faint);font-size:11.5px;font-weight:400}.contract-oi{display:block;margin-top:3px;color:var(--oi);font-size:10.5px;font-weight:600;letter-spacing:.2px;font-family:JetBrains Mono,ui-monospace,monospace;white-space:nowrap}.num{text-align:right}.card-table td.fair{color:#bcc6da}.pos{color:var(--pos)}.neg{color:var(--neg)}.muted{color:var(--muted)}.chip{display:inline-block;min-width:60px;text-align:center;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.chip.prem{color:var(--prem);background:var(--prem-soft)}.chip.disc{color:var(--disc);background:var(--disc-soft)}.chip.muted{color:var(--faint);background:transparent}.empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;display:inline-block;vertical-align:-3px;margin-right:8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{pointer-events:none}.sk{display:block;border-radius:6px;background:linear-gradient(100deg,#ffffff0b 30%,#ffffff1a,#ffffff0b 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-symbol{width:84px;height:15px;margin-bottom:8px}.sk-name{width:130px;height:10px}.sk-price{width:62px;height:15px}.sk-row{height:12px}.skeleton .card-table td{padding:12px 17px}.rf{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-sm);padding:7px 11px}.rf input{width:48px;border:none;background:transparent;color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:600;text-align:right}.rf input:focus{outline:none;color:var(--accent)}.rf input::-webkit-outer-spin-button,.rf input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rf input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.admin-page{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-card{width:100%;max-width:400px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%),linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:42px 38px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.admin-card .brand-mark{width:58px;height:58px;border-radius:16px;margin:0 auto 22px}.admin-card .brand-mark svg{width:28px;height:28px}.admin-card h1{margin:0 0 8px;font-size:23px;font-weight:800;letter-spacing:-.3px}.admin-subtitle{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 0 30px}.admin-card form{display:flex;flex-direction:column;gap:14px}.admin-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:15px;font-family:inherit;text-align:center;letter-spacing:2px;transition:border-color .15s,box-shadow .15s}.admin-input::placeholder{color:var(--faint);letter-spacing:normal}.admin-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6d8bff33}.admin-input:disabled{opacity:.6;cursor:not-allowed}.admin-error{padding:11px 16px;border-radius:var(--radius-sm);background:var(--neg-soft);border:1px solid rgba(255,90,106,.4);color:#ffb9c0;font-size:13px}.btn--full{width:100%;padding:13px 17px;font-size:14.5px}.btn--sm{padding:7px 12px;font-size:12.5px;border-radius:9px}.btn--trade{width:100%;border-color:#6d8bff66;color:#c3cffb;background:#6d8bff1a}.btn--trade:hover:not(:disabled){background:#6d8bff2e;border-color:var(--accent)}.card-foot{padding:12px 16px 14px;border-top:1px solid var(--border)}.btn-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05070ba8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:start center;padding:40px 16px;overflow-y:auto}.modal{width:100%;max-width:680px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px}.modal-sub{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.modal-x{border:1px solid var(--border);background:var(--panel);color:var(--muted);width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:14px;flex:none;transition:color .15s,border-color .15s}.modal-x:hover{color:var(--text);border-color:var(--border-strong)}.trade-section{padding:16px 22px 20px}.trade-section+.trade-section{border-top:1px solid var(--border)}.trade-section-title{margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--faint);display:flex;align-items:center;gap:8px}.pill-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0}.trade-empty{color:var(--faint);font-size:13px;margin:0}.trade-list{display:flex;flex-direction:column;gap:10px}.trade-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev)}.trade-row--closed{opacity:.85}.trade-main{min-width:0}.trade-symbol{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px}.trade-legs{display:flex;flex-wrap:wrap;gap:6px 12px;margin:5px 0 4px}.leg{font-size:11.5px;font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace}.leg-buy{color:var(--prem)}.leg-sell{color:var(--disc)}.trade-meta{font-size:11px;color:var(--faint)}.trade-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap;flex:none}.trade-pnl{font-size:16px;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.pnl-pos{color:var(--pos)}.pnl-neg{color:var(--neg)}.trade-roi{font-size:11px;font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace;opacity:.85}.trade-pnl-label{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--faint)}.trade-breakdown{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 5px}.leg-pnl{font-size:12px;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.trade-closed-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint)}@media (max-width: 480px){.modal-overlay{padding:16px 8px}.trade-row{flex-direction:column;align-items:stretch}.trade-right{flex-direction:row;align-items:center;justify-content:space-between}}.trade-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);padding:14px 16px}.trade-card--closed{opacity:.9}.trade-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.trade-spot{font-size:12px;color:var(--muted);white-space:nowrap}.trade-spot strong{color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;margin-left:4px}.leg-grid{display:flex;flex-direction:column;gap:6px}.leg-line{display:grid;grid-template-columns:44px 58px 1fr 1fr 1fr;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;font-variant-numeric:tabular-nums}.leg-tag{font-family:Inter,system-ui,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-align:center;padding:3px 0;border-radius:6px}.tag-buy{color:var(--prem);background:var(--prem-soft)}.tag-sell{color:var(--disc);background:var(--disc-soft)}.leg-exp{color:var(--text);font-weight:600}.leg-cell{text-align:right;color:var(--muted)}.leg-now{color:var(--text)}.leg-line .leg-pnl{text-align:right;font-weight:700}.leg-line .leg-pnl.pnl-pos{color:var(--pos)}.leg-line .leg-pnl.pnl-neg{color:var(--neg)}.leg-line .leg-pnl.muted{color:var(--faint)}.trade-foot{display:flex;align-items:center;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)}.trade-foot .trade-meta{flex:1;min-width:0}.trade-net{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;white-space:nowrap}@media (max-width: 480px){.leg-line{grid-template-columns:38px 46px 1fr 1fr 1fr;gap:6px;font-size:11px}.trade-foot{flex-wrap:wrap}}