body {
    font-family: 'JetBrains Mono', monospace;
    background-color: #020617;
    color: #94a3b8;
    margin: 0;
    overflow-x: hidden;
}
        
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.view-section {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.view-section.active {
    display: flex;
    opacity: 1;
}
        
.bg-grid {
    background-image: radial-gradient(#3b82f6 1px, transparent 1px);
    background-size: 24px 24px;
}

.tab-content { display: none; }
.tab-content.active { display: block; }

/* Style for Tier Selectors */
.tier-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1rem;
    padding-right: 2rem;
    appearance: none;
}

/* Active Glow for Input Containers */
.input-glow-id { border-color: #3b82f6; box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); background-color: rgba(30, 41, 59, 0.8); }
.input-glow-pin { border-color: #10b981; box-shadow: 0 0 15px rgba(16, 185, 129, 0.3); background-color: rgba(30, 41, 59, 0.8); }