*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#020617,#020617 40%,#0b1120);color:#e5e7eb}.app-root{min-height:100vh;padding:24px 32px 48px;max-width:1400px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.app-header h1{font-size:24px;margin:0 0 4px}.subtitle{margin:0;font-size:14px;color:#9ca3af}.header-controls{display:flex;align-items:center;gap:12px}.search-input{min-width:260px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#e5e7eb;font-size:13px}.search-input::placeholder{color:#6b7280}.range-switch{display:inline-flex;background:#0f172ae6;border-radius:999px;padding:4px}.range-switch button{border:none;background:transparent;color:#9ca3af;font-size:13px;padding:6px 14px;border-radius:999px;cursor:pointer}.range-switch button.active{background:linear-gradient(135deg,#3b82f6,#22c55e);color:#f9fafb}.refresh-btn{border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#e5e7eb;padding:6px 16px;font-size:13px;cursor:pointer}.refresh-btn:disabled{opacity:.6;cursor:default}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:radial-gradient(circle at top left,#0f172ae6,#0f172ab3);border-radius:16px;padding:14px 16px;border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 45px #0f172ab3}.kpi-label{font-size:12px;color:#9ca3af;margin-bottom:6px}.kpi-value{font-size:20px;font-weight:600}.kpi-value.small{font-size:13px;line-height:1.5}.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.panel{background:#0f172ae6;border-radius:18px;padding:16px 18px 18px;border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 40px #0f172ae6}.panel.wide{grid-column:1 / -1}.market-detail-floating{position:fixed;top:96px;right:32px;width:420px;max-height:calc(100vh - 140px);overflow:auto;z-index:30}.orderbook-floating{position:fixed;top:96px;left:32px;width:520px;max-height:calc(100vh - 140px);overflow:auto;z-index:25}.orderbook-collapse-btn{border:none;background:#0f172ae6;color:#9ca3af;font-size:11px;padding:4px 10px;border-radius:999px;cursor:pointer}.orderbook-collapse-btn:hover{background:#374151e6;color:#e5e7eb}.orderbook-collapsed-toggle{position:fixed;top:120px;left:0;z-index:40;padding:10px 4px;background:#0f172af2;border-radius:0 12px 12px 0;border:1px solid rgba(55,65,81,.9);color:#e5e7eb;font-size:12px;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer}.orderbook-collapsed-toggle:hover{background:#1f2937fa}.poly-link-row{display:flex;gap:8px;margin-top:8px}.poly-link-input{flex:1 1 auto;padding:4px 8px;border-radius:6px;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;color:#e5e7eb;font-size:12px}.poly-link-input::placeholder{color:#6b7280}.poly-link-button{border:none;border-radius:6px;padding:4px 10px;font-size:12px;background:#4f46e5;color:#f9fafb;cursor:pointer}.poly-link-button:disabled{background:#374151;cursor:not-allowed}.panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.panel-header h2{font-size:16px;margin:0}.panel-subtitle{font-size:12px;color:#9ca3af}.panel-action-button{border:none;background:#0f172ae6;color:#9ca3af;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer}.panel-action-button:hover{background:#374151e6;color:#e5e7eb}.orderbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.orderbook-vertical{display:flex;flex-direction:column;gap:16px}.orderbook-tabs{display:inline-flex;border-radius:999px;background:#0f172ae6;padding:2px;margin-bottom:10px}.orderbook-tab{border:none;background:transparent;color:#9ca3af;font-size:13px;padding:4px 12px;border-radius:999px;cursor:pointer}.orderbook-tab.active{background:#4f46e5;color:#f9fafb}.orderbook-section h3{margin:0 0 4px}.orderbook-section h4{margin:6px 0 4px;font-size:13px;color:#9ca3af}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{background:#0f172ae6}.data-table th,.data-table td{padding:8px;border-bottom:1px solid rgba(31,41,55,.9)}.data-table th{text-align:left;color:#9ca3af;font-weight:500}.data-table th.numeric{text-align:right}.data-table tbody tr:hover{background:#0f172ae6}.numeric{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.wallet-link{color:#e5e7eb;text-decoration:none}.wallet-link:hover{text-decoration:underline}.chart-container{margin-top:4px}.status{margin-top:24px;font-size:14px;color:#e5e7eb}.status.error{color:#f97373}.empty{font-size:13px;color:#9ca3af;padding:8px 0}.market-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.market-card{border:none;padding:14px 14px 12px;border-radius:18px;background:radial-gradient(circle at top left,#0f172af2,#0f172ad9);border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 40px #0f172ae6;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;color:#e5e7eb;height:100%}.market-card:hover{border-color:#60a5fae6;box-shadow:0 22px 55px #2563eb73}.market-card-header{display:flex;align-items:center;gap:10px}.market-card-avatar{width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at top left,#3b82f6,#22c55e);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#f9fafb}.market-card-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.market-card-header-text{display:flex;flex-direction:column;gap:2px}.market-card-title{font-size:14px;font-weight:600;max-height:3.2em;overflow:hidden}.market-card-title.collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.market-card-title.expanded{max-height:none;overflow:visible}.market-card-meta{font-size:11px;color:#9ca3af}.market-card-body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.market-card-volume{font-size:20px;font-weight:600}.market-card-sublist{max-height:120px;overflow-y:auto;padding-right:2px}.market-card-sub{font-size:12px;margin-bottom:2px;border:none;background:transparent;color:#e5e7eb;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-card-more{font-size:11px;color:#9ca3af}.market-card-progress{position:relative;height:6px;border-radius:999px;background:#1f2937e6;overflow:hidden}.market-card-progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:72%;background:linear-gradient(90deg,#22c55e,#3b82f6)}.market-card-footer{display:flex;justify-content:flex-end;margin-top:6px}.market-card-chip{font-size:11px;padding:4px 8px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);color:#9ca3af}@media(max-width:1200px){.orderbook-floating,.market-detail-floating{position:static;width:100%;max-height:none;margin:0 0 16px}}@media(max-width:1200px){.market-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.market-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.app-root{padding:16px 14px 32px}.app-header{flex-direction:column;align-items:flex-start}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr)}}