.chart-wrapper{width:100%;position:relative;background:#0a0e14;border-radius:4px;border:1px solid #1e293b}.chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#64748b;font-size:14px;z-index:10}.chart-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ef4444;font-size:14px;text-align:center;padding:20px;z-index:10}.period-selector{margin-bottom:12px;display:flex;gap:8px;align-items:center}.period-selector label{font-size:12px;font-weight:600;margin-right:4px}.period-btn{background:#1e293b;color:#94a3b8;border:1px solid #334155;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:11px;transition:all .2s}.period-btn:hover{background:#334155;color:#e2e8f0}.period-btn.active{background:#38bdf8;color:#0f172a;border-color:#38bdf8;font-weight:600}.chart-row{display:table-row}.chart-row td{padding:0;background:#0f172a;border-top:none}.chart-container{padding:16px}.data-row:hover{background:#1e293b!important}.chart-btn{background:#1f2933;color:#7dd3fc;border:1px solid #334155;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;transition:all .2s}.chart-btn:hover{background:#334155;border-color:#7dd3fc}.chart-btn.active{background:#0f172a;color:#38bdf8;border-color:#38bdf8}.table-wrapper{width:100%;margin-top:8px;max-height:80vh;overflow-y:auto}.meta{font-size:12px;opacity:.7;margin-bottom:12px}.empty-state{text-align:center;padding:40px;color:#64748b;font-size:14px}table{border-collapse:collapse;width:100%;max-width:1600px;font-size:12px}thead tr{background:#1f2933}thead th{position:sticky;top:0;z-index:1;background:#1f2933}th,td{padding:6px 8px;border:1px solid #1f2933;text-align:left}th{font-weight:600;white-space:nowrap}td.idx{text-align:center;width:40px;font-weight:600}td.future,td.base{font-family:monospace;white-space:nowrap}td.num{font-family:monospace;text-align:right;white-space:nowrap}td.yield{color:#7dd3fc;font-weight:500;text-align:center}td.days{color:#fbbf24;text-align:center}td.future a,td.base a{color:#eee;text-decoration:none}td.future a:hover,td.base a:hover{color:#7dd3fc;text-decoration:underline}tbody tr:nth-child(4n+1),tbody tr:nth-child(4n+2){background:#111827}tbody tr:nth-child(4n+3),tbody tr:nth-child(4n){background:#020617}:root{color-scheme:dark}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;background:#111;color:#eee}.app{padding:80px 16px 16px}h2{margin:0 0 12px;font-size:18px}.topright{position:fixed;top:12px;right:16px;font-size:12px;opacity:.9;background:#111111b3;padding:6px 10px;border:1px solid #1f2933;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:right;display:flex;flex-direction:column;gap:8px}.export-button{padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.export-button:active:not(:disabled){transform:translateY(0)}.export-button:disabled{opacity:.6;cursor:not-allowed}.connection-status{margin-bottom:4px;font-size:11px}*{box-sizing:border-box}body{margin:0;padding:0}