.tabs-container[data-v-a4ea7b87]{display:flex;flex-direction:column;height:calc(100vh - 55px);margin:0 auto;padding:8px;width:100%}.tab-content[data-v-a4ea7b87]{background-color:var(--background-color);border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1;flex-direction:column;overflow:hidden;padding:20px}.page-header[data-v-a4ea7b87]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-title[data-v-a4ea7b87]{color:var(--text-color);font-size:1.5rem;font-weight:600}.header-info[data-v-a4ea7b87]{gap:16px}.filter-toggle[data-v-a4ea7b87],.header-info[data-v-a4ea7b87]{align-items:center;display:flex}.filter-toggle[data-v-a4ea7b87]{background-color:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;gap:6px;padding:8px 12px;transition:background-color .2s}.filter-toggle[data-v-a4ea7b87]:hover{background-color:#4f46e5}.filter-toggle .material-icons[data-v-a4ea7b87]{font-size:18px}.total-count[data-v-a4ea7b87]{color:var(--text-color);font-size:.875rem;opacity:.7}.filters-section[data-v-a4ea7b87]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:12px 16px}[data-theme=dark] .filters-section[data-v-a4ea7b87]{background-color:#1e293b;border-color:#334155}.filters-row[data-v-a4ea7b87]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filters-row-secondary[data-v-a4ea7b87]{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}[data-theme=dark] .filters-row-secondary[data-v-a4ea7b87]{border-top-color:#334155}.filter-group[data-v-a4ea7b87]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:100px}.filter-group-small[data-v-a4ea7b87]{flex:.7;min-width:80px}.filter-group-tiny[data-v-a4ea7b87]{flex:.5;min-width:60px}.filter-label[data-v-a4ea7b87]{color:var(--text-color);font-size:.7rem;font-weight:500;opacity:.8;white-space:nowrap}.filter-input[data-v-a4ea7b87],.filter-select[data-v-a4ea7b87]{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:.8rem;padding:6px 8px;transition:border-color .2s}.filter-input[data-v-a4ea7b87]:focus,.filter-select[data-v-a4ea7b87]:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}[data-theme=dark] .filter-input[data-v-a4ea7b87],[data-theme=dark] .filter-select[data-v-a4ea7b87]{background-color:#374151;border-color:#4b5563;color:#f9fafb}.filter-checkboxes[data-v-a4ea7b87]{align-items:center;display:flex;gap:12px}.checkbox-label[data-v-a4ea7b87]{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.75rem;gap:4px;white-space:nowrap}.checkbox-label input[type=checkbox][data-v-a4ea7b87]{accent-color:#6366f1;height:14px;width:14px}.filter-buttons[data-v-a4ea7b87]{display:flex;gap:8px;margin-left:auto}.btn-apply[data-v-a4ea7b87],.btn-clear[data-v-a4ea7b87]{border-radius:4px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.btn-clear[data-v-a4ea7b87]{background-color:transparent;border:1px solid #d1d5db;color:var(--text-color)}.btn-clear[data-v-a4ea7b87]:hover{background-color:#f3f4f6}[data-theme=dark] .btn-clear[data-v-a4ea7b87]{border-color:#4b5563}[data-theme=dark] .btn-clear[data-v-a4ea7b87]:hover{background-color:#374151}.btn-apply[data-v-a4ea7b87]{background-color:#6366f1;border:none;color:#fff}.btn-apply[data-v-a4ea7b87]:hover{background-color:#4f46e5}.empty-container[data-v-a4ea7b87],.error-container[data-v-a4ea7b87],.loading-container[data-v-a4ea7b87]{align-items:center;color:var(--text-color);display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center}.loading-spinner[data-v-a4ea7b87]{animation:spin-a4ea7b87 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin-a4ea7b87{to{transform:rotate(1turn)}}.error-message[data-v-a4ea7b87]{color:#ef4444}.retry-button[data-v-a4ea7b87]{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px}.retry-button[data-v-a4ea7b87]:hover{background-color:#2563eb}.table-container[data-v-a4ea7b87]{flex:1;overflow:auto;scrollbar-color:#6366f1 transparent;scrollbar-width:thin}.table-container[data-v-a4ea7b87]::-webkit-scrollbar{height:8px;width:8px}.table-container[data-v-a4ea7b87]::-webkit-scrollbar-track{background:transparent;border-radius:4px}.table-container[data-v-a4ea7b87]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px}.table-container[data-v-a4ea7b87]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.table-container[data-v-a4ea7b87]::-webkit-scrollbar-corner{background:transparent}.data-table[data-v-a4ea7b87]{border-collapse:collapse;font-size:.875rem;width:100%}.data-table td[data-v-a4ea7b87],.data-table th[data-v-a4ea7b87]{border-bottom:1px solid #e5e7eb;padding:12px 8px;text-align:left;white-space:nowrap}.data-table th[data-v-a4ea7b87]{background-color:#f9fafb;color:#111827;font-weight:600;position:sticky;top:0;z-index:1}[data-theme=dark] .data-table th[data-v-a4ea7b87]{background-color:#1f2937;color:#f9fafb}.data-table tbody tr[data-v-a4ea7b87]:hover{background-color:#f3f4f6}[data-theme=dark] .data-table tbody tr[data-v-a4ea7b87]:hover{background-color:#374151}.data-table td[data-v-a4ea7b87]{color:var(--text-color)}.leg-cell[data-v-a4ea7b87]{display:flex;flex-direction:column;gap:2px}.leg-info[data-v-a4ea7b87]{color:var(--text-secondary);font-size:.75rem}.strike-badge[data-v-a4ea7b87]{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 6px}.strike-badge.put[data-v-a4ea7b87]{background-color:#fef2f2;color:#dc2626}.strike-badge.call[data-v-a4ea7b87]{background-color:#f0fdf4;color:#16a34a}[data-theme=dark] .strike-badge.put[data-v-a4ea7b87]{background-color:#450a0a;color:#fca5a5}[data-theme=dark] .strike-badge.call[data-v-a4ea7b87]{background-color:#14532d;color:#86efac}.book-info[data-v-a4ea7b87]{color:var(--text-color);font-family:monospace;font-size:.75rem;white-space:nowrap}.zero-cost-badge[data-v-a4ea7b87]{background-color:#dcfce7;border-radius:3px;color:#166534;display:inline-block;font-size:.6rem;font-weight:600;margin-left:4px;padding:2px 4px;vertical-align:middle}.zero-cost-badge.small[data-v-a4ea7b87]{font-size:.55rem;padding:1px 3px}[data-theme=dark] .zero-cost-badge[data-v-a4ea7b87]{background-color:#14532d;color:#86efac}.text-green[data-v-a4ea7b87]{color:#16a34a}.text-red[data-v-a4ea7b87]{color:#dc2626}.text-blue[data-v-a4ea7b87]{color:#2563eb}.text-bold[data-v-a4ea7b87]{font-weight:600}[data-theme=dark] .tab-content[data-v-a4ea7b87]{border-color:#374151}[data-theme=dark] .data-table td[data-v-a4ea7b87],[data-theme=dark] .data-table th[data-v-a4ea7b87]{border-bottom-color:#374151}[data-theme=dark] .loading-spinner[data-v-a4ea7b87]{border-color:#3b82f6 #374151 #374151}[data-theme=dark] .leg-info[data-v-a4ea7b87]{color:#9ca3af}.pagination-container[data-v-a4ea7b87]{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-top:8px;padding:12px 0}[data-theme=dark] .pagination-container[data-v-a4ea7b87]{border-top-color:#374151}.pagination-info[data-v-a4ea7b87]{color:var(--text-color);font-size:.8rem;opacity:.7}.pagination-controls[data-v-a4ea7b87]{align-items:center;display:flex;gap:4px}.pagination-btn[data-v-a4ea7b87]{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.pagination-btn[data-v-a4ea7b87]:hover:not(:disabled){background-color:#f3f4f6;border-color:#6366f1}.pagination-btn[data-v-a4ea7b87]:disabled{cursor:not-allowed;opacity:.4}.pagination-btn .material-icons[data-v-a4ea7b87]{color:var(--text-color);font-size:18px}[data-theme=dark] .pagination-btn[data-v-a4ea7b87]{background-color:#374151;border-color:#4b5563}[data-theme=dark] .pagination-btn[data-v-a4ea7b87]:hover:not(:disabled){background-color:#4b5563;border-color:#6366f1}.pagination-current[data-v-a4ea7b87]{padding:0 12px;white-space:nowrap}.pagination-current[data-v-a4ea7b87],.pagination-size[data-v-a4ea7b87]{color:var(--text-color);font-size:.8rem}.pagination-size[data-v-a4ea7b87]{align-items:center;display:flex;gap:8px}.pagination-size select[data-v-a4ea7b87]{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;cursor:pointer;font-size:.8rem;padding:4px 8px}[data-theme=dark] .pagination-size select[data-v-a4ea7b87]{background-color:#374151;border-color:#4b5563;color:#f9fafb}@media screen and (max-width:768px){.page-header[data-v-a4ea7b87]{align-items:flex-start;flex-direction:column;gap:12px}.header-info[data-v-a4ea7b87]{justify-content:space-between;width:100%}.filters-section[data-v-a4ea7b87]{overflow-x:auto;-webkit-overflow-scrolling:touch}.filters-row[data-v-a4ea7b87]{flex-wrap:nowrap;min-width:-moz-max-content;min-width:max-content}.filter-group[data-v-a4ea7b87]{flex-shrink:0;min-width:120px}.filter-group-small[data-v-a4ea7b87]{min-width:100px}.filter-group-tiny[data-v-a4ea7b87]{min-width:80px}.filter-checkboxes[data-v-a4ea7b87]{flex-wrap:nowrap;min-width:-moz-max-content;min-width:max-content}.filter-buttons[data-v-a4ea7b87]{flex-shrink:0}.pagination-container[data-v-a4ea7b87]{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-info[data-v-a4ea7b87]{font-size:.7rem;order:2;text-align:center;width:100%}.pagination-controls[data-v-a4ea7b87]{order:0}.pagination-size[data-v-a4ea7b87]{order:1}.pagination-size label[data-v-a4ea7b87]{display:none}.table-container[data-v-a4ea7b87]{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table[data-v-a4ea7b87]{min-width:900px}}.clickable-row[data-v-a4ea7b87]{cursor:pointer}.clickable-row[data-v-a4ea7b87]:hover{background-color:#e0e7ff!important}[data-theme=dark] .clickable-row[data-v-a4ea7b87]:hover{background-color:#4338ca!important}.modal-overlay[data-v-a4ea7b87]{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.payoff-modal[data-v-a4ea7b87]{background:var(--background-color);border:3px solid #6366f1;border-radius:16px;box-shadow:0 25px 60px #0006;max-height:90vh;max-width:950px;overflow:auto;width:95%}[data-theme=dark] .payoff-modal[data-v-a4ea7b87]{border-color:#818cf8}.modal-header[data-v-a4ea7b87]{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-section[data-v-a4ea7b87]{display:flex;flex-direction:column;gap:4px}.modal-header h2[data-v-a4ea7b87]{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.modal-subtitle[data-v-a4ea7b87]{color:#ffffffd9;font-size:.9rem;font-weight:500}.modal-close[data-v-a4ea7b87]{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:background .2s}.modal-close[data-v-a4ea7b87]:hover{background:#ffffff4d}.modal-close .material-icons[data-v-a4ea7b87]{font-size:24px}.modal-loading[data-v-a4ea7b87]{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.modal-body[data-v-a4ea7b87]{padding:24px}.payoff-info[data-v-a4ea7b87]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}[data-theme=dark] .payoff-info[data-v-a4ea7b87]{background:#1e293b;border-color:#334155}.info-row[data-v-a4ea7b87]{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.info-group[data-v-a4ea7b87]{gap:12px}.info-group[data-v-a4ea7b87],.info-item[data-v-a4ea7b87]{display:flex;flex-direction:column}.info-item[data-v-a4ea7b87]{gap:4px}.info-label[data-v-a4ea7b87]{color:var(--text-color);font-size:.75rem;letter-spacing:.5px;opacity:.6;text-transform:uppercase}.info-value[data-v-a4ea7b87]{color:var(--text-color);font-size:1rem;font-weight:600}.info-highlight[data-v-a4ea7b87]{color:#6366f1;font-size:1.1rem}[data-theme=dark] .info-highlight[data-v-a4ea7b87]{color:#a5b4fc}.payoff-chart-container[data-v-a4ea7b87]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}[data-theme=dark] .payoff-chart-container[data-v-a4ea7b87]{background:#1f2937;border-color:#374151}.payoff-svg[data-v-a4ea7b87]{height:auto;width:100%}.zero-line[data-v-a4ea7b87]{stroke:#9ca3af;stroke-width:1}.put-line[data-v-a4ea7b87]{stroke:#ef4444;stroke-width:1.5;stroke-dasharray:4,4}.call-line[data-v-a4ea7b87]{stroke:#22c55e;stroke-width:1.5;stroke-dasharray:4,4}.asset-price-line[data-v-a4ea7b87]{stroke:#3b82f6;stroke-width:2}.payoff-curve[data-v-a4ea7b87]{stroke:#10b981;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.axis-line[data-v-a4ea7b87],.axis-tick[data-v-a4ea7b87]{stroke:#9ca3af;stroke-width:1}.y-axis-label[data-v-a4ea7b87]{text-anchor:end}.x-axis-label[data-v-a4ea7b87],.y-axis-label[data-v-a4ea7b87]{font-size:9px;fill:var(--text-color)}.x-axis-label[data-v-a4ea7b87]{text-anchor:middle}.price-point-circle[data-v-a4ea7b87]{fill:#3b82f6;stroke:#fff;stroke-width:2}[data-theme=dark] .price-point-circle[data-v-a4ea7b87]{stroke:#1f2937}.price-point-label[data-v-a4ea7b87]{fill:#3b82f6}.price-point-label[data-v-a4ea7b87],.price-point-result[data-v-a4ea7b87]{font-size:11px;font-weight:600;text-anchor:middle}.result-positive[data-v-a4ea7b87]{fill:#16a34a}.result-negative[data-v-a4ea7b87]{fill:#dc2626}.label-background[data-v-a4ea7b87]{opacity:.95}.price-label-bg[data-v-a4ea7b87]{fill:#dbeafe}[data-theme=dark] .price-label-bg[data-v-a4ea7b87]{fill:#1e3a5f}.result-label-bg-positive[data-v-a4ea7b87]{fill:#dcfce7}[data-theme=dark] .result-label-bg-positive[data-v-a4ea7b87]{fill:#14532d}.result-label-bg-negative[data-v-a4ea7b87]{fill:#fee2e2}[data-theme=dark] .result-label-bg-negative[data-v-a4ea7b87]{fill:#7f1d1d}.chart-legend[data-v-a4ea7b87]{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:16px;padding-top:12px}[data-theme=dark] .chart-legend[data-v-a4ea7b87]{border-top-color:#374151}.legend-item[data-v-a4ea7b87]{align-items:center;color:var(--text-color);display:flex;font-size:.8rem;gap:8px}.legend-dot[data-v-a4ea7b87]{border-radius:50%;height:10px;width:10px}.legend-square[data-v-a4ea7b87]{border-radius:2px;height:12px;width:12px}.legend-line[data-v-a4ea7b87]{border-radius:2px;height:3px;width:20px}@media screen and (max-width:768px){.payoff-modal[data-v-a4ea7b87]{border-width:2px;max-height:90vh;width:98%}.modal-header[data-v-a4ea7b87]{padding:16px 20px}.modal-header h2[data-v-a4ea7b87]{font-size:1.2rem}.modal-body[data-v-a4ea7b87]{padding:16px}.info-row[data-v-a4ea7b87]{flex-direction:column;gap:16px}.info-group[data-v-a4ea7b87]{flex-direction:row;gap:16px;justify-content:space-between}.info-item[data-v-a4ea7b87]{flex:1}}