#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #121212; /* Arka plan rengi artık burası */
    z-index: -1; /* Her şeyin arkasında durması için */
}
body {
   
    color: #e0e0e0; /* Yazılar tam beyaz değil, hafif kırık beyaz */
    font-family: 'Consolas', 'Courier New', monospace; /* Hacker/Kod fontu */
}

/* --- LİNKLER & BAŞLIKLAR --- */
a {
    color: #ff9f1c; /* Turuncu linkler */
    text-decoration: none;
    transition: all 0.3s;
}

    a:hover {
        color: #ffffff; /* Üstüne gelince beyaz olsun */
        text-shadow: 0 0 10px #ff9f1c; /* Turuncu parlama efekti */
    }

h1, h2, h3, h4 {
    color: #ffffff;
    border-left: 5px solid #ff9f1c; /* Başlıkların soluna turuncu çizgi */
    padding-left: 15px;
}

/* --- MENÜ ÇUBUĞU (Navbar) --- */
.navbar {
    background-color: #000000 !important; /* Menü tam siyah */
    border-bottom: 2px solid #ff9f1c; /* Altına turuncu çizgi */
    box-shadow: 0 0 15px rgba(255, 159, 28, 0.3); /* Turuncu ışık saçsın */
}

.navbar-brand {
    color: #ff9f1c !important; /* Logo rengi */
    font-weight: bold;
    font-size: 1.5rem;
}

.nav-link {
    color: #ffffff !important; /* Menü yazıları beyaz */
}

    .nav-link:hover {
        color: #ff9f1c !important; /* Üstüne gelince turuncu */
    }

/* --- KARTLAR (Hizmet Kutuları) --- */
.card {
    background-color: #1e1e1e; /* Koyu Gri (Antrasit) */
    border: 1px solid #333; /* Hafif gri çerçeve */
    color: #fff;
    transition: transform 0.3s ease, border 0.3s ease;
}

    .card:hover {
        transform: translateY(-5px); /* Üstüne gelince hafif yukarı kalksın */
        border-color: #ff9f1c; /* Çerçevesi turuncu olsun */
        box-shadow: 0 0 20px rgba(255, 159, 28, 0.2); /* Arkadan turuncu ışık versin */
    }

.card-title {
    color: #ff9f1c; /* Kart başlıkları turuncu */
}

.card-text {
    color: #b0b0b0; /* Açıklamalar gümüş gri */
}

/* --- BUTONLAR --- */
.btn-primary {
    background-color: transparent;
    border: 2px solid #ff9f1c;
    color: #ff9f1c;
    font-weight: bold;
    border-radius: 0; /* Köşeli (sert) butonlar */
    text-transform: uppercase; /* Yazılar BÜYÜK HARF */
    padding: 10px 20px;
}

    .btn-primary:hover {
        background-color: #ff9f1c;
        color: #000000; /* Üstüne gelince siyah yazı */
        box-shadow: 0 0 15px #ff9f1c; /* Parlama */
    }

/* --- LOGİN FORM ALANLARI --- */
.form-control {
    background-color: #000;
    border: 1px solid #333;
    color: #ff9f1c; /* Yazarken turuncu yazsın */
}

    .form-control:focus {
        background-color: #000;
        color: #fff;
        border-color: #ff9f1c;
        box-shadow: 0 0 5px rgba(255, 159, 28, 0.5);
    }

/* Tabloların başlıkları (Admin panel için) */
th {
    color: #ff9f1c;
}

/* --- SİSTEM DURUMU IŞIKLARI --- */
.status-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    animation: blinker 1.5s linear infinite; /* Yanıp sönme animasyonu */
}

/* Yeşil Işık (Online) */
.status-online {
    background-color: #00ff00;
    box-shadow: 0 0 5px #00ff00;
}

/* Sarı Işık (İşlemde) */
.status-warning {
    background-color: #ffcc00;
    box-shadow: 0 0 5px #ffcc00;
}

/* Yanıp Sönme Efekti */
@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}

/* IP Adresi Yazısı */
.user-ip-display {
    font-family: 'Consolas', monospace;
    color: #ff9f1c;
    border: 1px solid #333;
    padding: 2px 8px;
    background: #000;
    font-size: 0.9em;
}