body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*,body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar-title{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:-.01em}.chart-title,.section-title,.smile-chart-title,h1,h2,h3,h4,h5,h6{font-family:Roboto Slab,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--card-shadow:#0000001a;--positive-color:#22c55e;--negative-color:#ef4444}:root[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--border-color:#333;--card-shadow:#0000004d;--positive-color:#22c55e;--negative-color:#ef4444}.App{background-color:var(--bg-primary);color:var(--text-primary);display:flex;min-height:100vh;transition:background-color .3s ease,color .3s ease}.sidebar{background:#1a1a1a;border-right:1px solid #333;box-shadow:2px 0 10px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:100}.sidebar-header{border-bottom:1px solid #fff3;padding:2rem 1.5rem}.sidebar-title{font-size:2.5rem;font-weight:700;letter-spacing:.1em;margin:0;text-align:center}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 0}.sidebar-nav-item{background:#0000;border:none;border-left:4px solid #0000;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.sidebar-nav-item:hover{background-color:#ffffff1a;border-left-color:#ffffff80}.sidebar-nav-item.active{background-color:#fff3;border-left-color:#fff;font-weight:600}.main-content{background-color:var(--bg-primary);flex:1 1;margin-left:250px;min-height:100vh;overflow-x:auto;padding:1.5rem 1rem}.page-placeholder{align-items:center;background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);color:var(--text-secondary);display:flex;font-size:1.5rem;justify-content:center;min-height:400px}.mobile-menu-button{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:none;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1000}.mobile-menu-button:hover{background:#2a2a2a}.mobile-menu-button:active{transform:scale(.95)}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#0009;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{animation:slideIn .3s ease;background:#1a1a1a;box-shadow:2px 0 20px #00000080;display:none;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:999}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:1.5rem}.mobile-menu-header .sidebar-title{cursor:pointer;font-size:2rem}.close-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:40px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:40px}.close-button:hover{background:#ffffff1a;border-radius:4px}.mobile-nav{display:flex;flex-direction:column;padding:.5rem 0}.mobile-nav-item{background:#0000;border:none;border-left:4px solid #0000;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.mobile-nav-item:hover{background-color:#ffffff1a;border-left-color:#ffffff80}.mobile-nav-item.active{background-color:#fff3;border-left-color:#fff;font-weight:600}@media (max-width:768px){.mobile-menu-button{display:block}.sidebar{display:none}.main-content{margin-left:0;padding:5rem 1rem 1rem}.mobile-menu,.mobile-menu-overlay{display:block}}.market-indices-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);height:100%;padding:1.5rem}.section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.indices-list{display:flex;flex-direction:column;gap:1rem}.index-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;transition:transform .2s}.index-item:hover{transform:translateX(4px)}.index-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.index-name{color:var(--text-primary);font-size:1rem;font-weight:600}.index-symbol{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85rem}.index-data{align-items:center;display:flex;justify-content:space-between}.index-price{color:var(--text-primary);font-size:1.25rem;font-weight:700}.index-change{font-size:.9rem;font-weight:600}.index-change.positive{color:var(--positive-color)}.index-change.negative{color:var(--negative-color)}.index-charts-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);display:flex;flex-direction:column;height:100%;padding:1rem;width:100%}.combined-chart-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;flex:1 1;min-height:500px;padding:.5rem;width:100%}.magnificent7-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);padding:1.5rem}.magnificent7-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stock-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;transition:transform .2s,box-shadow .2s}.stock-item:hover{box-shadow:0 4px 12px var(--card-shadow);transform:translateY(-2px)}.stock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.stock-symbol{color:var(--text-primary);font-family:Courier New,monospace;font-size:1rem;font-weight:700}.stock-change{font-size:.85rem;font-weight:600}.stock-change.positive{color:var(--positive-color)}.stock-change.negative{color:var(--negative-color)}.stock-name{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.stock-price{color:var(--text-primary);font-size:1.1rem;font-weight:700}.commodity-futures-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);padding:1.5rem}.commodities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.commodity-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;transition:transform .2s}.commodity-item:hover{box-shadow:0 4px 12px var(--card-shadow);transform:translateY(-2px)}.commodity-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.commodity-name{color:var(--text-primary);font-size:1rem;font-weight:600}.commodity-symbol{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8rem}.commodity-data{display:flex;flex-direction:column;gap:.75rem}.commodity-change-section,.commodity-price-section{align-items:center;display:flex;justify-content:space-between}.commodity-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.commodity-price{color:var(--text-primary);font-size:1.1rem;font-weight:700}.commodity-change{font-size:.9rem;font-weight:600}.commodity-change.positive{color:var(--positive-color)}.commodity-change.negative{color:var(--negative-color)}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#666;margin-top:1rem}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;margin:1rem 0;padding:1rem}.error-message h3{color:#c00;margin-top:0}.error-message p{color:#600}.home-page{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;width:100%}.market-header{margin-bottom:1rem}.market-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.market-top-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:320px 2fr 1fr;min-height:580px;width:100%}.market-top-left,.market-top-right{display:flex;min-width:0;width:100%}.market-bottom-section,.market-middle-section{width:100%}@media (max-width:900px){.market-top-section{grid-template-columns:1fr}.home-page{padding:1rem}.market-header h1{font-size:1.5rem}}.option-chain-table{background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.spot-price{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;padding:.75rem}.chain-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.calls-section h3{color:#22c55e;margin-bottom:1rem}.puts-section h3{color:#ef4444;margin-bottom:1rem}table{background-color:var(--bg-secondary);border-collapse:collapse;font-size:.9rem;width:100%}th{background-color:var(--bg-primary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:.5rem;text-align:right}th:first-child{text-align:left}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.4rem .5rem;text-align:right}td:first-child{font-weight:500;text-align:left}tr.in-the-money{background-color:#22c55e1a}tr:hover{background-color:var(--bg-primary)}@media (max-width:768px){.chain-container{grid-template-columns:1fr}}.ohlc-chart-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);margin-top:2rem;padding:1.5rem}.chart-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.ohlc-chart-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;min-height:400px;padding:.5rem;width:100%}.vol-smile-chart-card{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);margin-top:2rem;padding:1.5rem}.smile-chart-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.smile-info{background:var(--bg-primary);border-radius:6px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem;padding:.75rem}.smile-info span{color:var(--text-secondary);font-size:.9rem}.smile-info strong{color:var(--text-primary)}.smile-chart-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;min-height:400px;padding:.5rem;width:100%}.option-chain-page{margin:0 auto;max-width:1400px;padding:2rem}.option-chain-page h1{color:var(--text-primary);margin-bottom:2rem}.ticker-selector{display:flex;flex-direction:column;gap:.5rem}.ticker-selector label{color:var(--text-primary);font-size:.9rem;font-weight:600}.ticker-select{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:1rem;min-width:300px;padding:.75rem}.ticker-select:focus{border-color:#667eea;outline:none}.symbol-input{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:250px}.symbol-input:focus{border-color:#667eea;outline:none}.fetch-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.fetch-button:hover{background-color:#5568d3}.expirations-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:2rem 0;padding:1.5rem}.expirations-section h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.expiration-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.expiration-button{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.expiration-button:hover{background-color:#667eea1a;border-color:#667eea}.expiration-button.selected{background-color:#667eea;border-color:#667eea;color:#fff}.models-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:2rem 0;padding:1.5rem}.models-section h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.model-checkboxes{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.model-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;-webkit-user-select:none;user-select:none}.model-checkbox{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.refresh-smile-button{background-color:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.refresh-smile-button:hover:not(:disabled){background-color:#16a34a}.refresh-smile-button:disabled{background-color:var(--border-color);cursor:not-allowed}.chain-info{margin-bottom:1rem}.chain-info h2{color:#667eea}.vol-surface-page{margin:0 auto;max-width:1400px;padding:2rem}.vol-surface-page h1{color:var(--text-primary);margin-bottom:2rem}.controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input-field{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;padding:.75rem;width:150px}.input-field:focus{border-color:#667eea;outline:none}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 0}.toggle-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--border-color);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s;width:48px}.toggle-checkbox:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-checkbox:checked{background-color:#667eea}.toggle-checkbox:checked:before{transform:translateX(24px)}.toggle-text{color:var(--text-primary);font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.build-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;transition:background-color .2s}.build-button:hover{background-color:#5568d3}.surface-info{margin-bottom:1rem}.surface-info h2{color:#667eea;margin-bottom:.5rem}.surface-info p{color:var(--text-secondary)}
/*# sourceMappingURL=main.c3b439a5.css.map*/