:root{--bg-color:#0b0f19;--glass-bg:#14192866;--glass-border:#ffffff14;--text-main:#f0f4f8;--text-muted:#8a9bb2;--accent-cyan:#00f0ff;--accent-purple:#8a2be2;--accent-red:#ff3b3b;--accent-green:#00e676}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.grid-overlay{background-image:linear-gradient(var(--glass-border) 1px, transparent 1px), linear-gradient(90deg, var(--glass-border) 1px, transparent 1px);z-index:-1;opacity:.3;background-size:30px 30px;width:100%;height:100%;position:fixed;top:0;left:0}.blob{filter:blur(80px);z-index:-2;opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:fixed}.blob-1{background:radial-gradient(circle, var(--accent-purple), transparent 70%);width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle, var(--accent-cyan), transparent 70%);width:400px;height:400px;animation-delay:-10s;bottom:-10%;right:-5%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,-50px)scale(.9)}}#app{flex-direction:column;gap:2rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}header{z-index:1000;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:10px}.brand h1{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.brand h1 span{color:var(--accent-cyan)}.brand .subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.controls{align-items:center;gap:1rem;display:flex}.input-group input{border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:8px;width:250px;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.input-group input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 10px #00f0ff33}.search-container{flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}button.glow-on-hover{background:linear-gradient(45deg, var(--accent-cyan), #07f);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:160px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}button.glow-on-hover:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f0ff66}button.glow-on-hover:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.loader-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert-box{border-left:4px solid var(--accent-cyan);background:#ffffff0d;border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-box.error{border-left-color:var(--accent-red);background:#ff00000d}.alert-box.success{border-left-color:var(--accent-green);background:#00ff000d}.charts-container{flex-direction:column;flex:1;gap:2rem;display:flex}.chart-wrapper{flex-direction:column;flex:1;min-height:400px;padding:1.5rem;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-header h2{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600}.chart-header h2 span{color:var(--text-muted);font-weight:400}.stat-badge{color:var(--accent-cyan);background:#ffffff0d;border:1px solid #00f0ff33;border-radius:20px;padding:.3rem .8rem;font-size:.8rem}.canvas-container{flex:1;width:100%;position:relative}.data-table-container{margin-top:1rem;padding:1.5rem}.table-scroll-area{border:1px solid #ffffff0d;border-radius:8px;width:100%;overflow-x:auto}.table-scroll-area::-webkit-scrollbar{width:8px;height:8px}.table-scroll-area::-webkit-scrollbar-track{background:#0003}.table-scroll-area::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.table-scroll-area table{border-collapse:separate;border-spacing:0;text-align:right;width:100%;font-size:.8rem}.table-scroll-area table th,.table-scroll-area table td{white-space:nowrap;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff05;padding:.4rem .3rem}.table-scroll-area table .super-header th{text-align:center;z-index:3;font-size:.95rem;position:sticky;top:0}.table-scroll-area table .sub-header th{z-index:2;color:var(--text-muted);background:#141928;font-weight:600;position:sticky;top:40px}td.strike-col{color:#fff;font-weight:700;position:sticky;left:0;z-index:1!important;text-align:center!important;background:#0f141e!important;border-right:2px solid #ffffff1a!important}th.strike-col{color:#fff;font-weight:700;position:sticky;top:0;left:0;z-index:4!important;text-align:center!important;background:#0f141e!important;border-right:2px solid #ffffff1a!important}th.call-header{background-color:var(--bg-color);color:var(--accent-green);background-image:linear-gradient(#00e6761a,#00e6761a);border-right:2px solid #ffffff1a!important}th.put-header{background-color:var(--bg-color);color:var(--accent-red);background-image:linear-gradient(#ff3b3b1a,#ff3b3b1a)}#call-data-table tbody td:nth-child(n+2){background:#00e67605}#put-data-table tbody td:nth-child(n+2){background:#ff3b3b05}.table-scroll-area table tbody td:last-child{border-right:2px solid #ffffff1a!important}.table-scroll-area table tbody tr:hover td{background:#00f0ff1a!important}h2[data-tooltip]{cursor:help;display:inline-block;position:relative}h2[data-tooltip]:before{content:"ⓘ";color:var(--accent-cyan);vertical-align:top;font-size:.9em;line-height:inherit;opacity:.7;margin-left:8px}h2[data-tooltip]:after{content:attr(data-tooltip);color:var(--text-main);white-space:pre-wrap;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;z-index:1000;pointer-events:none;letter-spacing:.5px;background:#0f1423f2;border:1px solid #00d2ff66;border-radius:12px;width:320px;margin-top:15px;padding:16px 20px;font-family:Malgun Gothic,Inter,sans-serif;font-size:.9rem;font-weight:300;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 15px 35px #0009}h2[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(0)}.flip-btn{color:#00f0ff;cursor:pointer;background:#00f0ff0d;border:1px solid #00f0ff66;border-radius:8px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.flip-btn:hover{background:#00f0ff26;box-shadow:0 0 12px #00f0ff4d}.table-flip-container{perspective:2500px;width:100%;display:grid}.table-front,.table-back{backface-visibility:hidden;grid-area:1/1;width:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.table-front{transform:rotateY(0)}.table-back{transform:rotateY(-180deg)}.table-flip-container.flipped .table-front{transform:rotateY(180deg)}.table-flip-container.flipped .table-back{transform:rotateY(0)}