@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
    --neon-red: #ff3e3e;
    --neon-cyan: #00f2ff;
    --bg-dark: #05050a;
    --card-bg: rgba(20, 20, 35, 0.6);
    --city-bg: url('https://images.alphacoders.com/131/1318218.jpeg');
}

body {
    background-color: var(--bg-dark);
    background-image: linear-gradient(to bottom, rgba(5, 5, 10, 0.85), rgba(5, 5, 10, 0.98)), var(--city-bg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    overflow-x: hidden;
}

.glass {
    background: rgba(8, 10, 18, 0.95);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #f7f8fb;
}

.neon-text { text-shadow: 0 0 20px rgba(0, 242, 255, 0.8); }
.mono { font-family: 'JetBrains Mono', monospace; }

.tab-active {
    background: linear-gradient(45deg, var(--neon-cyan), #00a2ff);
    color: black;
    font-weight: 800;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.4);
}

.status-light { width: 6px; height: 6px; border-radius: 50%; }
.status-green { background: #22c55e; box-shadow: 0 0 10px #22c55e; }
.status-amber { background: #f59e0b; box-shadow: 0 0 10px #f59e0b; }
.status-red { background: #ef4444; box-shadow: 0 0 10px #ef4444; }

.token-card { transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.token-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,0.2); }

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 10px; }

.prod-notice { background: linear-gradient(90deg, rgba(214,26,26,0.12), rgba(0,0,0,0.6)); padding:8px 12px; border-bottom:1px solid rgba(214,26,26,0.18); font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: center; }
.prod-notice a { color: #ffd86b; text-decoration: underline; }
