:root{--bg: #f7f2ea;--bg-alt: #f3ede4;--ink: #1c1b19;--muted: #6b6258;--accent: #d86b2c;--accent-2: #2a6f6f;--card: #fff8ee;--border: #e0d6c8;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius: 16px;--radius-sm: 10px;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#ffe7c2 0%,transparent 60%),radial-gradient(1000px 500px at 90% 10%,#d4f1ef 0%,transparent 55%),var(--bg)}.app{min-height:100vh;padding:20px}.layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px}.sidebar{background:#fff4e8;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:grid;gap:16px;align-content:start;position:sticky;top:20px;height:fit-content}.brand h1{margin:6px 0 0;font-size:22px}.nav{display:grid;gap:8px}.nav-item{text-align:left;border:1px solid var(--border);background:#fffdf6;padding:10px 12px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.nav-item.active{background:#d86b2c;color:#fff;border-color:#d86b2c}.content{display:grid;gap:20px}.muted{color:var(--muted);font-size:13px}.stack{display:grid;gap:20px;grid-template-columns:1fr}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;animation:fadeUp .6s ease-out}.card h2{margin:0 0 12px;font-size:18px}.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.form{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end}.input,.select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fffdf8;font-family:var(--mono);font-size:14px}.combo{position:relative}.combo-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow:auto;background:#fff;border:1px solid #d7d7d7;border-radius:var(--radius-sm);z-index:20;box-shadow:0 8px 18px #0000001f}.combo-item{display:block;width:100%;text-align:left;padding:9px 10px;border:none;border-bottom:1px solid #efefef;background:#fff;color:#111;cursor:pointer}.combo-item:hover{background:#f5f5f5}.combo-empty{padding:10px;color:#222;background:#fff}.button{padding:12px 16px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 18px #d86b2c40}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--accent-2);box-shadow:0 8px 18px #2a6f6f40}.metrics{display:flex;flex-wrap:wrap;gap:8px}.metric-chip{padding:6px 10px;border-radius:999px;background:#f4ece1;border:1px solid var(--border);font-family:var(--mono);font-size:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table-wrap{overflow-x:auto}.info-icon{width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:#fffdf8;color:var(--ink);font-weight:700;cursor:pointer}.json-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:50}.json-modal{width:min(860px,92vw);max-height:80vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:grid;grid-template-rows:auto 1fr;gap:10px}.json-modal-head{display:flex;justify-content:space-between;align-items:center}.json-pre{margin:0;overflow:auto;background:#fffdf8;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-size:12px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word}.table th{text-align:left;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 6px}.table td{padding:10px 6px;border-top:1px solid var(--border)}.detail-grid{display:grid;gap:16px;grid-template-columns:2fr 1fr}.chart{background:#fffdf6;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;height:260px;display:flex;flex-direction:column;gap:8px}.chart svg{width:100%;height:100%}.chart-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.chart.empty{align-items:center;justify-content:center;color:var(--muted)}.chart-block{margin-top:16px}.trade-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13px;max-height:260px;overflow:auto}.trade-list li{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffdf8}.pill{padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;background:#f0efe9;border:1px solid var(--border)}.mono{font-family:var(--mono)}.status{font-family:var(--mono);font-size:12px;padding:4px 8px;border-radius:999px;background:#e7f4f2;border:1px solid #c8e6e1}.error{background:#ffe3df;border:1px solid #f3b9b0;padding:10px 12px;border-radius:var(--radius-sm);color:#8a2c1c;font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.layout{grid-template-columns:1fr}.sidebar{position:static}.table{font-size:12px}.form,.detail-grid{grid-template-columns:1fr}}