.app{max-width:1200px;margin:0 auto;padding:24px}.app-header h1{margin:0 0 4px;font-size:24px}.app-header p{margin:0 0 20px;color:#8a8fa3}.layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.sidebar,.main{display:flex;flex-direction:column;gap:16px}.panel{background:#171a21;border:1px solid #262a34;border-radius:10px;padding:18px}.panel h2{margin:0 0 14px;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:#8a8fa3}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.field-row label{color:#c0c4d0;font-size:13px}.field-row select,.field-row input{flex:1;max-width:180px;background:#0f1115;border:1px solid #2a2d35;color:#e8eaf0;border-radius:6px;padding:6px 8px;font-size:13px}.leg-form{display:flex;flex-direction:column;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #262a34}.add-btn{margin-top:6px;background:#5aa9ff;border:none;color:#0f1115;font-weight:600;padding:8px 12px;border-radius:6px;cursor:pointer}.add-btn:hover{background:#7cbcff}.legs-table{width:100%;border-collapse:collapse;font-size:13px}.legs-table th,.legs-table td{text-align:left;padding:6px 4px;border-bottom:1px solid #21242c}.legs-table th{color:#8a8fa3;font-weight:500}.remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:13px}.tag-long{color:#2ecc71}.tag-short{color:#e74c3c}.tag-call{color:#5aa9ff}.tag-put{color:#f1c40f}.empty-state{color:#8a8fa3;text-align:center;padding:60px 20px}.chart-panel h2{margin-bottom:4px}.chart-tooltip{background:#0f1115;border:1px solid #2a2d35;border-radius:6px;padding:8px 10px;font-size:13px}.stats-panel{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px;min-width:120px}.stat span{color:#8a8fa3;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.stat strong{font-size:16px}.payoff-table-wrap{max-height:420px;overflow-y:auto}.payoff-table{width:100%;border-collapse:collapse;font-size:13px}.payoff-table th,.payoff-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #21242c}.payoff-table th{color:#8a8fa3;font-weight:500;position:sticky;top:0;background:#171a21}.payoff-table tr.row-current{background:#5aa9ff1a}.payoff-table tr.row-breakeven{background:#f1c40f14}.pill{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.pill-current{background:#5aa9ff33;color:#5aa9ff}.pill-breakeven{background:#f1c40f33;color:#f1c40f}.pill-strike{background:#ffffff1a;color:#c0c4d0}.tag-neutral{color:#c0c4d0}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:#0f1115;color:#e8eaf0}