:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a12;--bg-card:#101423;--bg-soft:#171d31;--text:#f3f4f8;--text-muted:#a8adbf;--border:#252d47;--accent:#84f7a8;--good:#53d38f;--watch:#f6c15c;--bad:#f66c6c}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #131b36 0%, var(--bg) 45%);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.page{gap:1rem;width:min(1400px,96vw);margin:0 auto;padding:1.5rem 0 4rem;display:grid}.hero{border:1px solid var(--border);background:linear-gradient(140deg,#ffffff05,#84f7a80f);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.hero h1{margin:0;font-size:clamp(1.2rem,2vw,1.85rem)}.quoteTabs{border:1px solid var(--border);background:#ffffff08;border-radius:12px;gap:.5rem;width:fit-content;padding:.45rem;display:inline-flex}.quoteTab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:.45rem .85rem;font-size:.85rem}.quoteTab.active{color:#08210f;background:var(--accent);border-color:#84f7a866;font-weight:700}.hero p{color:var(--text-muted);max-width:65ch;margin:.45rem 0 0}.status{color:var(--text-muted);background:var(--bg-soft);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.85rem;display:inline-flex}.heroControls{justify-items:end;gap:.55rem;display:grid}.heroButtons{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.controlButton{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:.35rem .65rem;font-size:.76rem;line-height:1.15}.controlButton:disabled{opacity:.6;cursor:default}.controlButton.active{color:#08210f;background:var(--accent);border-color:#84f7a866;font-weight:700}.dot{background:var(--good);border-radius:999px;width:8px;height:8px}.dot.pulse{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.kpiGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.kpiCard{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:.9rem}.kpiCard h3{color:var(--text-muted);margin:0;font-size:.78rem;font-weight:500}.kpiCard p{margin:.4rem 0 0;font-size:1.2rem;font-weight:700}.card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:1rem}.card h2{margin:0 0 .45rem;font-size:1.05rem}.card p{color:var(--text-muted);margin:.3rem 0}.card.error{border-color:#f66c6c80}.card.error button{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:10px;margin-top:.65rem;padding:.45rem .75rem}.tableCard{padding:.85rem}.tableHeader{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.tableHeader p{margin:0;font-size:.84rem}.tableWrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px}.protocolTable{min-width:640px}.opportunitiesTable{min-width:900px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0d;padding:.6rem;font-size:.84rem}th{color:var(--text-muted);background:var(--bg-card);font-weight:500;position:sticky;top:0}.protocolRow.open td{border-bottom-color:#0000}.protocolToggleButton{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin:0;padding:0;font-weight:700;display:inline-flex}.protocolChevron{color:var(--accent);width:.8rem;display:inline-block}.protocolToggleButton .flagWarning{color:var(--watch);text-transform:lowercase;font-weight:700}.sortButton{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;display:inline-flex}.sortButton.active{color:var(--text)}.sortIcon{color:var(--text-muted);font-size:.72rem}.sortButton.active .sortIcon{color:var(--accent)}.stackCell{gap:.18rem;display:grid}.stackCell small{color:var(--text-muted)}.stackCell .flagWarning{color:var(--watch);text-transform:lowercase;font-weight:700}td.good{color:var(--good);font-weight:700}td.watch{color:var(--watch);font-weight:700}td.neutral{color:#d7def8;font-weight:700}td.bad{color:var(--bad);font-weight:700}.detailsButton{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .55rem;font-size:.72rem}.detailsButton:hover{color:var(--text)}.detailsRow td{background:#ffffff05}.customInputRow td{background:#84f7a80a}.protocolDetailsRow td{background:#ffffff05;padding-top:.35rem;padding-bottom:.75rem}.protocolDetailsCard{background:#090c1694;border:1px solid #ffffff14;border-radius:12px;padding:.7rem}.protocolChartsSection{gap:.55rem;margin-bottom:.75rem;display:grid}.protocolChartsSectionBottom{margin-top:.75rem;margin-bottom:0}.protocolChartsToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.chartRangeButtons{flex-wrap:wrap;gap:.35rem;display:inline-flex}.chartStatus{color:var(--text-muted);font-size:.74rem}.protocolChartsByMarket{gap:.75rem;display:grid}.marketChartBlock{gap:.4rem;display:grid}.marketChartBlockTitle{color:var(--text-muted);margin:0;font-size:.76rem}.marketChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.chartCard{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;gap:.45rem;padding:.55rem;display:grid}.chartHeader h3{color:var(--text);margin:0;font-size:.84rem}.chartCanvas{width:100%;height:230px}.chartCanvas svg{width:100%;height:100%;display:block}.chartLegend{flex-wrap:wrap;gap:.4rem .55rem;display:flex}.chartLegendItem{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.7rem;display:inline-flex}.chartLegendSwatch{border-radius:999px;width:8px;height:8px;display:inline-block}.chartEmpty{min-height:230px;color:var(--text-muted);border:1px dashed #ffffff1f;border-radius:8px;place-items:center;font-size:.78rem;display:grid}.routeCard{padding:.15rem .1rem .2rem}.routeTitle{color:var(--text);margin:0 0 .3rem;font-weight:700}.routeLine{color:var(--text-muted);margin:0;line-height:1.5}.routeMeta{color:var(--text-muted);opacity:.9;border:1px solid var(--border);border-color:#ffffff0f;border-radius:8px;gap:.2rem;margin:.3rem 0 0;padding:.25rem .45rem;font-size:.75rem;display:grid}.routeMeta p{margin:0}.notionalControl{gap:.35rem;margin-top:.55rem;display:grid}.notionalControl label{color:var(--text-muted);font-size:.75rem}.notionalControlActions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.notionalControlActions input{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:8px;min-width:180px;padding:.35rem .5rem;font-size:.78rem}.notionalInlineControl{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.notionalInlineControl input{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:8px;min-width:140px;padding:.3rem .45rem;font-size:.78rem}.notionalInlineControl span{color:var(--text-muted);font-size:.74rem}.muted{color:var(--text-muted)}@media (max-width:980px){.marketChartsGrid{grid-template-columns:1fr}}