@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a25;--text-primary: #e8e8ed;--text-secondary: #9898a3;--accent: #6366f1;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: #2a2a35}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.dashboard{max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.dashboard-header h1{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.live-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:20px;font-size:.8rem;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-unit{font-size:1rem;color:var(--text-secondary);margin-left:4px}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.main-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:900px){.main-content{grid-template-columns:1fr}}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.panel h2{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px}.health-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:4px;cursor:default;transition:transform .15s}.health-cell:hover{transform:scale(1.2);z-index:1}.health-cell.healthy{background:#22c55e26}.health-cell.warning{background:#f59e0b26}.health-cell.stale{background:#ef444426}.legend{display:flex;gap:16px;margin-top:16px;font-size:.75rem;color:var(--text-secondary)}.alert-feed{max-height:400px;overflow-y:auto}.no-alerts{color:var(--success);padding:20px;text-align:center;font-size:.9rem}.alert-item{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--border);font-size:.85rem}.alert-item:last-child{border-bottom:none}.alert-icon{flex-shrink:0}.alert-message{flex:1;color:var(--text-primary)}.alert-time{color:var(--text-secondary);font-size:.75rem}.alert-item.critical{background:#ef44441a}.alert-item.warning{background:#f59e0b1a}.tick-feed{max-height:400px;overflow-y:auto}.no-ticks{color:var(--text-secondary);padding:20px;text-align:center;font-size:.9rem}.tick-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.85rem;transition:background .2s ease}.tick-item:last-child{border-bottom:none}.tick-item:hover{background:#8b5cf61a}.tick-item.buy{border-left:3px solid var(--success)}.tick-item.sell{border-left:3px solid var(--danger)}.tick-item.whale{background:#8b5cf626}.tick-icon{font-size:.9rem}.tick-price{font-weight:600;color:var(--text-primary);min-width:70px}.tick-size{color:var(--text-secondary);min-width:60px;font-size:.8rem}.tick-time{color:var(--text-muted);font-size:.75rem;margin-left:auto}.whale-icon{font-size:.9rem}.ticks-panel{min-width:300px}.tick-prices{display:flex;align-items:center;gap:4px;font-family:monospace;font-size:.8rem}.price-before{color:var(--text-secondary)}.price-arrow{color:var(--text-muted);font-size:.7rem}.price-after{color:var(--text-primary);font-weight:600}.tick-delta{font-family:monospace;font-size:.75rem;min-width:50px;padding:2px 6px;border-radius:4px;text-align:center}.tick-delta.up{background:#22c55e33;color:#22c55e}.tick-delta.down{background:#ef444433;color:#ef4444}.dashboard-footer{display:flex;justify-content:space-between;padding:16px 0;margin-top:24px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-secondary)}.loading{padding:40px;text-align:center;color:var(--text-secondary)}.health-cell{cursor:pointer}.hint{font-size:.7rem;color:var(--text-secondary);font-weight:400}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content h2{color:var(--text-primary);margin-bottom:8px}.modal-content h3{color:var(--text-secondary);font-size:.9rem;margin:20px 0 12px;border-bottom:1px solid var(--border);padding-bottom:8px}.condition-id{font-family:monospace;font-size:.75rem;color:var(--text-secondary);word-break:break-all;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-block{background:var(--bg-secondary);border-radius:8px;padding:16px;text-align:center}.stat-block .stat-value{font-size:1.5rem}.stat-block .stat-label{font-size:.75rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-secondary);font-weight:500}.data-table td{color:var(--text-primary)}.timeline{font-size:.85rem;color:var(--text-secondary)}.timeline div{margin-bottom:8px}.timeline strong{color:var(--text-primary)}.health-timeline{display:flex;flex-wrap:wrap;gap:3px}.health-dot{width:10px;height:10px;border-radius:2px}.health-dot.healthy{background:var(--success)}.health-dot.warning{background:var(--warning)}.health-dot.stale{background:var(--danger)}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;color:var(--danger)}.error{color:var(--danger);padding:20px;text-align:center}