@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e14;--bg-secondary:#0f1923;--bg-card:#131b28;--bg-card-hover:#1a2538;--bg-elevated:#182230;--border:#1e2d3d;--border-subtle:#152030;--text-primary:#e8eaed;--text-secondary:#89a;--text-muted:#567;--yellow:#fc0;--yellow-dim:#ffcc001f;--green:#00c805;--green-bright:#33e838;--green-dim:#00c8051f;--red:#ff3b30;--red-dim:#ff3b301a;--blue:#00a8ff;--blue-dim:#00a8ff1a;--orange:#ff9500;--orange-dim:#ff95001f;--purple:#af52de;--purple-dim:#af52de1f;--radius-sm:6px;--radius:8px;--radius-lg:12px;--shadow:0 2px 12px #00000080;--shadow-lg:0 4px 24px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}h1,h2,h3,h4,h5{font-weight:600;line-height:1.3}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-muted{color:var(--text-secondary)}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#d0d0d0;border:2px solid #888;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s}input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}input[type=range]:focus{outline:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.kpi-value{color:var(--text-primary);font-size:26px;font-weight:800;display:block}.leg-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.leg-grid{grid-template-columns:1fr}}.leg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.leg-card__title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:10px;padding-bottom:8px;font-size:14px;font-weight:700}.leg-card__row{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.leg-card__row span:last-child{color:var(--text-primary);font-weight:600}.alert-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.alert-box--warning{background:#c9b03714;border-color:#c9b03740}.alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.alert-dot--yellow{background:var(--yellow)}.alert-dot--red{background:var(--red)}.sliders-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:16px 20px;display:flex}.slider-row{grid-template-columns:48px 52px 1fr 52px;align-items:center;gap:10px;display:grid}.slider-label{color:var(--text-secondary);text-align:right;font-size:13px;font-weight:600}.slider-bound{color:var(--text-muted);text-align:center;font-size:12px}.slider-bound--right{text-align:right}.btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.btn-outline:hover{background:var(--bg-card-hover);color:var(--text-primary)}.market-bar{background:0 0;border-bottom:none;gap:16px;padding:24px;display:flex;overflow-x:auto}.market-stat{background:#1e1e1e;border:1px solid #334155;border-radius:8px;flex-direction:column;flex-shrink:0;min-width:140px;padding:12px 18px;display:flex}.market-stat:first-child{padding-left:18px}.market-stat:last-child{border-right:1px solid #334155}.market-stat__label{color:#94a3b8;margin-bottom:6px;font-size:12px;font-weight:500}.market-stat__value{color:#f8fafc;font-size:19px;font-weight:600}.market-stat__value--yellow{color:#eab308}.market-stat__value--red{color:#ef4444}.market-stat__value--green{color:#22c55e}.market-stat__value--blue{color:#3b82f6}.market-stat__value--default{color:#f8fafc}.strategies{max-width:1200px;margin:0 auto;padding:24px}.strategies__header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.strategies__star{color:var(--yellow);font-size:18px}.strategies__title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.strategies__category-section{margin-bottom:40px}.strategies__category-title{color:var(--text-primary);border-bottom:1px solid var(--border);letter-spacing:.05em;margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:700}.strategies__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.strategies__grid{grid-template-columns:1fr}}.strategy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s}.strategy-card:hover{box-shadow:var(--shadow-lg);border-color:#444;transform:translateY(-1px)}.strategy-card--highlighted{border-color:var(--green);box-shadow:0 0 0 1px #4caf5033,0 4px 20px #4caf5014}.strategy-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.strategy-card__name{color:var(--text-primary);font-size:17px;font-weight:700}.strategy-card__subtitle{color:var(--text-secondary);margin-top:3px;font-size:12px}.strategy-card__badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.strategy-card__badge--green{background:var(--green-dim);color:var(--green-bright);border:1px solid #4caf504d}.strategy-card__badge--blue{background:var(--blue-dim);color:var(--blue);border:1px solid #4a9eff40}.strategy-card__badge--orange{background:var(--orange-dim);color:var(--orange);border:1px solid #f0a5004d}.strategy-card__estructura{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.strategy-card__estructura-val{color:var(--text-primary);font-weight:600}.strategy-card__rows{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.strategy-card__row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.strategy-card__row-label{color:var(--text-secondary)}.strategy-card__row-value{color:var(--text-primary);font-weight:600}.strategy-card__row-value--green{color:var(--green)}.strategy-card__row-value--red{color:var(--red)}.strategy-card__bars{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.strategy-card__bar-track{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.strategy-card__bar{border-radius:3px;height:100%;transition:width .6s}.strategy-card__bar--green{background:var(--green)}.strategy-card__bar--red{background:var(--red)}.strategy-card__tesis{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);padding:12px 14px;font-size:12.5px;line-height:1.6}.strategy-card__tesis strong{color:var(--text-primary)}.strategy-card__ventaja{margin-top:8px}.exec{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;padding:24px;display:flex}.exec__selector{gap:8px;display:flex}.exec__selector-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s}.exec__selector-btn:hover,.exec__selector-btn--active{background:var(--bg-elevated);color:var(--text-primary);border-color:#555}.exec__selector-btn--active{border-color:var(--green);color:var(--green)}.exec__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:20px 22px;display:flex}.exec__card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.exec__card-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.exec__card-ticker{color:var(--text-primary);font-size:20px;font-weight:800}.exec__card-divider{color:var(--text-muted);font-weight:300}.exec__card-name{font-size:18px;font-weight:600}.exec__card-meta{color:var(--text-secondary);width:100%;margin-top:-4px;font-size:12px}.exec__badge{border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:700}.exec__badge--green{background:var(--green-dim);color:var(--green-bright);border:1px solid #4caf504d}.exec__section-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:-8px;font-size:11px;font-weight:700}.exec__legs{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.exec__legs{grid-template-columns:1fr}}.leg-box{background:var(--bg-elevated);border:1px solid var(--border);border-top:2px solid var(--leg-color,#555);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.leg-box__action{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:700}.leg-box__strike{color:var(--text-primary);font-size:22px;font-weight:800}.leg-box__detail{color:var(--text-secondary);font-size:12px}.leg-box__prima{color:var(--text-primary);margin-top:4px;font-size:13px;font-weight:600}.exec__contracts{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.exec__contracts-label{color:var(--text-secondary);font-size:14px}.exec__contracts-counter{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.exec__contracts-counter button{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;font-family:inherit;font-size:16px;transition:background .15s}.exec__contracts-counter button:hover{background:#383838}.exec__contracts-counter span{text-align:center;background:var(--bg-card);border-left:1px solid var(--border);border-right:1px solid var(--border);width:40px;height:32px;font-size:15px;font-weight:700;line-height:32px}.exec__contracts-note{color:var(--text-secondary);font-size:13px}.exec__net-credit{background:var(--green-dim);border-radius:var(--radius);color:var(--green-bright);border:1px solid #4caf5040;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.exec__net-credit-val{font-size:22px;font-weight:800}.exec__metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:600px){.exec__metrics{grid-template-columns:repeat(2,1fr)}}.metric-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.metric-box__label{color:var(--text-secondary);margin-bottom:4px;font-size:11px;display:block}.metric-box__value{color:var(--text-primary);font-size:17px;font-weight:700;display:block}.exec__scenarios{flex-direction:column;gap:1px;display:flex}.scenario-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 100px 72px;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:grid}.scenario-row:last-child{border-bottom:none}.scenario-row__label{color:var(--text-secondary)}.scenario-row__bar-wrap{background:var(--border-subtle);border-radius:4px;height:8px;overflow:hidden}.scenario-row__bar{border-radius:4px;height:100%;transition:width .4s}.scenario-row__bar--green{background:var(--green)}.scenario-row__bar--red{background:var(--red)}.scenario-row__bar--neutral{background:#555}.scenario-row__result{text-align:right;font-size:13px;font-weight:700}.exec__management{flex-wrap:wrap;gap:12px;display:flex}.exec__management-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);flex:1;min-width:200px;padding:10px 16px;font-size:13px}.exec__management-label{color:var(--text-primary);margin-right:6px;font-weight:600}.exec__actions{flex-wrap:wrap;gap:10px;display:flex}.exec__action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);min-width:200px;color:var(--text-primary);cursor:pointer;flex:1;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s}.exec__action-btn:hover{background:#333;border-color:#555}.theta{flex-direction:column;gap:20px;max-width:900px;margin:0 auto;padding:24px;display:flex}.theta__kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.theta__kpis{grid-template-columns:1fr}}.theta__kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.theta__kpi-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.theta__kpi-value{color:var(--text-primary);font-size:26px;font-weight:800;display:block}.theta__sliders{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px 20px;display:flex}.theta__slider-row{grid-template-columns:40px 48px 1fr 48px;align-items:center;gap:10px;display:grid}.theta__slider-label{color:var(--text-secondary);font-size:13px;font-weight:600}.theta__slider-bound{color:var(--text-muted);text-align:center;font-size:12px}.theta__analysis{flex-direction:column;gap:12px;display:flex}.theta__analysis-block{border-radius:var(--radius);color:var(--text-secondary);flex-direction:column;gap:6px;padding:16px 18px;font-size:13px;line-height:1.7;display:flex}.theta__analysis-block strong{color:var(--text-primary)}.theta__analysis-block--yellow{border-left:3px solid var(--yellow);background:#c9b0370f}.theta__analysis-block--blue{border-left:3px solid var(--blue);background:#4a9eff0f}.theta__chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.theta__chart-inner{height:240px}.theta__note{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:14px 18px;font-size:13px;line-height:1.6}.theta__note strong{color:var(--text-primary)}.os-strikes{justify-content:center;align-items:center;gap:24px;padding:10px 0 6px;display:flex;position:relative}.os-strike-badge{letter-spacing:.02em;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700}.os-strike-badge--long{background:var(--green);color:#fff}.os-strike-badge--short{background:var(--red);color:#fff}.os-strike-badge--spy{color:var(--text-secondary);border:1px solid var(--border);background:0 0;font-weight:500}.os-metrics-bar{scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:stretch;gap:0;display:flex;overflow-x:auto}.os-metrics-bar::-webkit-scrollbar{display:none}.os-metric{border-right:1px solid var(--border);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:140px;padding:14px 12px;display:flex}.os-metric:last-child{border-right:none}.os-metric__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10px;font-weight:700}.os-metric__value{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:700}.os-metric__value--green{color:var(--green)}.os-metric__value--red{color:var(--red)}.os-metric__value--blue{color:var(--blue)}.os-chart-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 8px}.os-chart-inner{height:320px;position:relative}.os-slider-section{flex-direction:column;gap:12px;display:flex}.os-slider-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 16px;display:grid}.os-slider-row__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:700}.os-slider-row__hint{color:var(--text-muted);white-space:nowrap;font-size:11px}.bps-loading{min-height:40vh;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.bps-spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite bps-spin}@keyframes bps-spin{to{transform:rotate(360deg)}}.os-exp{margin-bottom:12px}.os-exp__header{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.os-exp__header-val{color:var(--blue);margin-left:6px;font-size:13px}.os-exp__track{flex-direction:column;gap:4px;display:flex}.os-exp__months{gap:4px;display:flex}.os-exp__month-box{background:var(--bg-elevated);text-align:center;color:var(--text-secondary);pointer-events:none;border-radius:4px;padding:4px 0;font-size:11px;font-weight:600}.os-exp__days{gap:4px;display:flex}.os-exp__day-btn{min-width:0;color:var(--text-primary);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 0;font-size:12px;font-weight:600;transition:all .2s}.os-exp__day-btn:hover{background:#ffffff0d}.os-exp__day-btn.is-active{background:var(--blue);color:#fff}.os-strk{margin-top:12px;margin-bottom:24px}.os-strk__header{color:var(--text-muted);text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:700}.os-strk__area{height:80px;margin:0 10px;position:relative}.os-strk__track{height:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.os-strk__line{background:#ffffff1a;border-top:1px dashed #fff3;height:1px;position:absolute;top:0;left:0;right:0}.os-strk__tick{flex-direction:column;align-items:center;display:flex;position:absolute;top:-5px;transform:translate(-50%)}.os-strk__tick-mark{background:#ffffff59;width:1px;height:6px}.os-strk__tick--minor{top:-3px}.os-strk__tick--minor .os-strk__tick-mark{background:#ffffff26;height:4px}.os-strk__tick-label{color:var(--text-muted);margin-top:5px;font-family:monospace;font-size:10px}.os-strk__spy{flex-direction:column;align-items:center;display:flex;position:absolute;top:-24px;transform:translate(-50%)}.os-strk__spy-label{color:var(--text-primary);font-size:10px;font-weight:700}.os-strk__spy-arrow{color:var(--text-secondary);margin-top:2px;font-size:8px;line-height:1}.os-strk__leg{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.os-strk__leg--top{bottom:8px}.os-strk__leg--bottom{top:8px}.os-strk__leg-arrow{color:#fff9;margin:2px 0;font-size:8px}.os-strk__badge{color:#fff;cursor:grab;touch-action:none;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:12px;font-weight:700;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 4px 12px #0006}.os-strk__badge:active{cursor:grabbing}.os-strk__badge--green{background:var(--green)}.os-strk__badge--red{background:var(--red)}.os-strk__badge-label{text-align:center;pointer-events:none;min-width:46px}.os-strk__leg--dragging .os-strk__badge{cursor:grabbing;z-index:20;transform:scale(1.1);box-shadow:0 6px 20px #0009}.os-strk__badge--preview{opacity:.85;outline-offset:2px;outline:2px dashed #fff6}.os-strk__badge-btn{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 2px;font-size:14px;transition:all .2s;display:flex}.os-strk__badge-btn:hover{color:#fff;transform:scale(1.2)}.os-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;height:48px;padding:0 20px;display:flex}.os-topbar__brand{align-items:center;gap:8px;margin-right:32px;text-decoration:none;display:flex}.os-topbar__logo{color:var(--blue);font-size:20px}.os-topbar__name{color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:700}.os-topbar__nav{flex:1;gap:4px;display:flex}.os-topbar__link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.os-topbar__link:hover{color:var(--text-primary);background:#ffffff0d}.os-topbar__right{align-items:center;gap:10px;display:flex}.os-topbar__badge{background:var(--yellow-dim);color:var(--yellow);text-transform:uppercase;letter-spacing:.04em;border:1px solid #fc03;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.mkt-ticker{align-items:center;gap:10px;font-size:14px;display:flex}.mkt-ticker__symbol{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.mkt-ticker__price{color:var(--text-primary);font-size:18px;font-weight:700}.mkt-ticker__change{font-size:13px;font-weight:600}.mkt-ticker__change-abs{font-size:12px;font-weight:500}.mkt-ticker__change--up{color:var(--green)}.mkt-ticker__change--down{color:var(--red)}.mkt-ticker__delayed{color:var(--text-muted);font-size:11px}.os-strategy-page{max-width:1200px;margin:0 auto;padding:0 20px}.os-strat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:14px 0 10px;display:flex}.os-strat-header__left{align-items:center;gap:20px;display:flex}.os-strat-header__title{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:600}.os-strat-header__actions{gap:8px;display:flex}.os-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.os-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#2a3f55}.os-tab-bar{border-bottom:1px solid var(--border-subtle);gap:2px;padding:8px 0;display:flex}.os-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.os-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.os-tab-btn--active{color:var(--text-primary);background:var(--bg-elevated);font-weight:600}.os-builder{flex-direction:column;gap:12px;max-width:1100px;margin:0 auto;padding:12px 0;display:flex}.os-strat-content{min-height:50vh}.os-placeholder{text-align:center;min-height:40vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.os-placeholder h2{color:var(--text-primary)}.os-date-slider{border-top:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 16px 6px;display:grid}.os-date-slider__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px}.os-date-slider__label strong{color:var(--text-primary)}.os-date-slider__hint{color:var(--text-muted);white-space:nowrap;font-size:11px}.os-view-controls{flex-direction:column;gap:10px;display:flex}.os-vc__sliders{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:700px){.os-vc__sliders{grid-template-columns:1fr}}.os-vc__slider-group{align-items:center;gap:12px;display:flex}.os-vc__slider-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;min-width:180px;font-size:12px;font-weight:600}.os-vc__slider{flex:1}.os-vc__slider--blue::-webkit-slider-thumb{background:var(--blue);border-color:var(--blue)}.os-vc__slider--blue::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue), var(--blue))}.os-vc__slider-marks{color:var(--text-muted);gap:12px;font-size:10px;display:flex}.os-vc__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.os-vc__segmented{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.os-vc__seg-btn{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.os-vc__seg-btn+.os-vc__seg-btn{border-left:1px solid var(--border)}.os-vc__seg-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.os-vc__seg-btn--active{background:var(--blue);color:#fff;font-weight:600}.os-vc__seg-btn--active:hover{background:var(--blue);color:#fff}.os-vc__display-modes{border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;display:flex;overflow:hidden}.os-vc__mode-btn{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.os-vc__mode-btn+.os-vc__mode-btn{border-left:1px solid var(--border)}.os-vc__mode-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.os-vc__mode-btn--active{background:var(--green);color:#fff;font-weight:600}.os-vc__mode-btn--active:hover{background:var(--green)}.os-alert{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.os-alert--danger{background:var(--red-dim);border-color:#ff3b3033}.os-alert__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.os-alert__dot--yellow{background:var(--yellow)}.os-alert__dot--red{background:var(--red)}.os-alert strong{color:var(--text-primary)}.os-table-placeholder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:340px;display:flex}.os-table-placeholder__inner{text-align:center;color:var(--text-muted)}.os-table-placeholder__icon{opacity:.4;margin-bottom:12px;font-size:48px;display:block}.os-table-placeholder__inner h3{color:var(--text-secondary);margin-bottom:6px;font-size:16px}.os-table-placeholder__inner p{font-size:13px}.app{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;padding:0 20px 20px}.app-tabs{gap:4px;padding:8px 20px;display:flex}.app-tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.app-tab:hover{color:var(--text-primary);background:#ffffff0a}.app-tab--active{color:var(--text-primary);background:var(--bg-elevated);font-weight:600}.pnl-heatmap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pnl-heatmap__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.pnl-heatmap__table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.pnl-heatmap__corner{text-align:left;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);border-right:1px solid var(--border);z-index:2;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:500;position:sticky;left:0}.pnl-heatmap__price-header{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);border-left:1px solid var(--border-subtle);min-width:52px;padding:8px 6px;font-size:11px;font-weight:500}.pnl-heatmap__price-header--current{color:var(--blue);border-left:2px solid #00a8ff4d;border-right:2px solid #00a8ff4d;font-weight:700}.pnl-heatmap__dte-label{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border);z-index:1;padding:10px 14px;position:sticky;left:0}.pnl-heatmap__dte-name{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.pnl-heatmap__dte-days{color:var(--text-muted);margin-top:1px;font-size:10px;display:block}.pnl-heatmap__cell{text-align:center;border-bottom:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);cursor:default;padding:9px 6px;font-size:12px;font-weight:500;transition:background .1s}.pnl-heatmap__cell:hover{filter:brightness(1.3);outline-offset:-1px;z-index:1;outline:1px solid #fff3;position:relative}.pnl-heatmap__cell--current{border-left:2px solid #00a8ff4d;border-right:2px solid #00a8ff4d}.pnl-heatmap__legend{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.pnl-heatmap__legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.pnl-heatmap__legend-swatch{border:1px solid var(--border);border-radius:3px;width:16px;height:16px}.pnl-heatmap__legend-note{color:var(--text-muted);margin-left:auto;font-size:11px}