/* INDICA Panel — Neon Modern Tema v2 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html {
    --gold: #10E070 !important;
    --gold-light: #5DFFB0 !important;
    --gold-dark: #0A9E4A !important;
    --purple: #8B5CF6 !important;
    --purple-light: #C4B5FD !important;
    --purple-dark: #6D28D9 !important;
    --bg: #020408 !important;
    --bg-elevated: #080E16 !important;
    --card: #0A1018 !important;
    --card-hover: #0E1620 !important;
    --border: rgba(16, 224, 112, 0.14) !important;
    --glass: rgba(8, 14, 22, 0.78) !important;
    --glass-border: rgba(255, 255, 255, 0.07) !important;
    --neon-green: 0 0 20px rgba(16, 224, 112, 0.35) !important;
    --neon-purple: 0 0 24px rgba(139, 92, 246, 0.3) !important;
    --u-gold: #10E070 !important;
    --audit-gold: #10E070 !important;
    --rr-gold: #10E070 !important;
    --rr-purple: #8B5CF6 !important;
    --rr-bg-dark: #020408 !important;
    --rr-bg-card: #0A1018 !important;
    --primary: #10E070 !important;
    --rr-font-stack: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

body {
    background:
        radial-gradient(ellipse 70% 45% at 15% -5%, rgba(139, 92, 246, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 55% 35% at 95% 5%, rgba(16, 224, 112, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse 40% 25% at 50% 100%, rgba(109, 40, 217, 0.08) 0%, transparent 45%),
        var(--bg) !important;
    font-family: var(--rr-font-stack) !important;
    color: #ECEEF2 !important;
}

/* ── Rail Sidebar ── */
.premium-sidebar {
    background: linear-gradient(180deg, rgba(6, 10, 18, 0.98) 0%, rgba(2, 4, 8, 0.99) 100%) !important;
    border-right-color: rgba(16, 224, 112, 0.08) !important;
}

.premium-sidebar:hover {
    border-right-color: rgba(16, 224, 112, 0.18) !important;
}

.nav-link {
    border-radius: 12px !important;
}

.nav-link:hover,
.nav-link.active {
    background: linear-gradient(135deg, rgba(16, 224, 112, 0.12), rgba(139, 92, 246, 0.08)) !important;
    border-color: rgba(16, 224, 112, 0.18) !important;
}

.nav-link.active {
    box-shadow: inset 3px 0 0 var(--gold), var(--neon-purple) !important;
    color: var(--gold-light) !important;
}

.nav-link.active i {
    color: var(--gold-light) !important;
    filter: drop-shadow(0 0 6px rgba(16, 224, 112, 0.5));
}

.sidebar-user {
    background: rgba(255, 255, 255, 0.025) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

@media (max-width: 991px) {
    .sidebar-toggle {
        background: rgba(6, 10, 18, 0.9) !important;
        border-color: rgba(16, 224, 112, 0.3) !important;
        box-shadow: var(--neon-green) !important;
    }
}

/* ── Kartlar — neon glass ── */
.hero-left,
.st-card,
.qa-btn,
.admin-card,
.users-hero,
.users-panel,
.audit-hero,
.audit-panel,
.mgmt-hero,
.login-card,
.register-card,
.settings-card,
.logs-card,
.table-card,
.sys-panel,
.qa-panel,
.lb-card,
.sec-card,
.iban-card,
.hero-rank,
.hero-quote,
.premium-card {
    background: linear-gradient(155deg, rgba(10, 16, 24, 0.94) 0%, rgba(6, 10, 16, 0.97) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    border-radius: 18px !important;
}

.hero-left::before,
.admin-card::before,
.premium-card::before,
.settings-card::before,
.st-card::before {
    background: linear-gradient(90deg, transparent, var(--gold), var(--purple-light), var(--gold), transparent) !important;
    opacity: 0.7 !important;
}

.hero-left:hover,
.st-card:hover,
.qa-btn:hover,
.admin-card:hover {
    border-color: rgba(16, 224, 112, 0.2) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(16, 224, 112, 0.06), var(--neon-green) !important;
    transform: translateY(-2px);
}

.bg-glow.g1 { background: var(--gold) !important; opacity: 0.08 !important; }
.bg-glow.g2 { background: var(--purple) !important; opacity: 0.1 !important; }

/* ── Butonlar ── */
.premium-btn.gold,
.btn-submit.gold,
.btn-save,
.sepet-mob-bar__btn,
.btn-gold,
.btn-green {
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%) !important;
    color: #021208 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(16, 224, 112, 0.3) !important;
    border: none !important;
}

.premium-btn.gold:hover,
.btn-save:hover,
.btn-gold:hover {
    box-shadow: 0 8px 32px rgba(16, 224, 112, 0.45) !important;
    transform: translateY(-1px);
}

/* ── Form ── */
.premium-input,
.form-input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    color: #fff !important;
}

.premium-input:focus,
.form-input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(16, 224, 112, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(16, 224, 112, 0.1), var(--neon-green) !important;
    outline: none !important;
}

/* ── Tablolar ── */
table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

table th {
    background: rgba(16, 224, 112, 0.06) !important;
    color: var(--gold-light) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}

table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

table tr:hover td {
    background: rgba(16, 224, 112, 0.04) !important;
}

/* ── Başlıklar ── */
.sec-title,
.page-header h1,
.card-title h3,
.lb-header h3 {
    color: #fff !important;
    font-family: var(--rr-font-stack) !important;
}

.sec-title i,
.page-header h1 i,
.form-label,
.premium-label {
    color: var(--gold-light) !important;
}

.st-val,
.sys-num,
.rank-num {
    font-family: var(--rr-font-stack) !important;
}

.rich-baba-banner .txt {
    background: linear-gradient(90deg, #fff, var(--gold-light), var(--purple-light), #fff) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ── Badge / tag ── */
.hero-greet .user-tag,
.lb-badge,
.badge.tm {
    background: rgba(16, 224, 112, 0.1) !important;
    border-color: rgba(16, 224, 112, 0.2) !important;
    color: var(--gold-light) !important;
}

/* ── Modal ── */
.modal-content,
.users-modal,
.audit-modal {
    background: linear-gradient(155deg, #0A1018, #060A10) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), var(--neon-purple) !important;
}

/* ── Toast ── */
.toast-item.success {
    background: linear-gradient(135deg, var(--gold-dark), var(--gold)) !important;
    color: #021208 !important;
}

/* ── Mobil üst bar + performans ── */
@media (max-width: 991px) {
    .mobile-topbar {
        background: #060a12 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .premium-sidebar,
    .sidebar-overlay {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .bg-fx,
    .stars-container {
        display: none !important;
    }
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(16, 224, 112, 0.45), rgba(139, 92, 246, 0.45));
    border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(16, 224, 112, 0.7), rgba(139, 92, 246, 0.7));
}

/* ── Seçim ── */
::selection {
    background: rgba(16, 224, 112, 0.35);
    color: #fff;
}