:root{--bg-color: #050505;--surface-color: #111111;--accent-primary: #00f2ff;--accent-secondary: #7000ff;--accent-tertiary: #ff007b;--accent-quaternary: #ffaa00;--text-main: #ffffff;--text-muted: #888888;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--success: #00ff88;--warning: #ffaa00;--error: #ff4444}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.app-container{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface-color);border-right:1px solid var(--glass-border);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.logo{font-family:Outfit,sans-serif;font-weight:700;font-size:1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-quaternary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.nav-item{padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);display:flex;align-items:center;gap:.75rem}.nav-item:hover{background:var(--glass-bg);color:var(--text-main)}.nav-item.active{background:var(--glass-bg);color:var(--accent-primary);border:1px solid rgba(0,242,255,.2)}.main-content{padding:2rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translate(-100%);transition:transform .5s ease}.stat-card:hover:after{transform:translate(100%)}.stat-label{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:600;font-family:Outfit,sans-serif}.network-container{background:#0a0a0a;border:1px solid var(--glass-border);border-radius:24px;height:500px;position:relative;margin-bottom:2rem;overflow:hidden}.network-overlay{position:absolute;top:1.5rem;left:1.5rem;pointer-events:none}.badge{background:var(--accent-primary);color:#000;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.data-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.data-table th{text-align:left;padding:1rem;color:var(--text-muted);font-weight:500;font-size:.875rem}.data-table tr td{background:var(--glass-bg);padding:1rem;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.data-table tr td:first-child{border-left:1px solid var(--glass-border);border-radius:12px 0 0 12px}.data-table tr td:last-child{border-right:1px solid var(--glass-border);border-radius:0 12px 12px 0}.btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent-primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00f2ff4d}.btn-outline{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background:rgba(0,242,255,.1)}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:.5}}.pulsing-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary);animation:pulse 2s infinite}