/* --- GENEL SÄ°TE STÄ°LLERÄ° (V10 - FULL PAKET: ANIMASYON + Ä°KON + SCROLLBAR) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
    --ana-arkaplan: #121212; --ikincil-arkaplan: #1e1e1e; --ucuncul-arkaplan: #2a2a2a;
    --kenarlik-rengi: #333; --ana-yazi-rengi: #e0e0e0; --ikincil-yazi-rengi: #aaa;
    --vurgu-rengi: #e74c3c; --vurgu-rengi-koyu: #c0392b;
    --vurgu-rengi-golge: rgba(231, 76, 60, 0.3);
    --vurgu-rengi-golge-hover: rgba(231, 76, 60, 0.4);
    --ana-baslik-gradient: linear-gradient(45deg, #FF416C, var(--vurgu-rengi));
}
body.light-mode {
    --ana-arkaplan: #f0f2f5; --ikincil-arkaplan: #ffffff; --ucuncul-arkaplan: #f8f9fa;
    --kenarlik-rengi: #ddd; --ana-yazi-rengi: #333; --ikincil-yazi-rengi: #555;
    --vurgu-rengi: #007bff; --vurgu-rengi-koyu: #0056b3;
    --vurgu-rengi-golge: rgba(0, 123, 255, 0.3);
    --vurgu-rengi-golge-hover: rgba(0, 123, 255, 0.4);
    --ana-baslik-gradient: linear-gradient(45deg, #007bff, #004080);
}

html { scroll-behavior: smooth; }
body {
    font-family: 'Poppins', Arial, sans-serif; margin: 0;
    background-color: var(--ana-arkaplan); color: var(--ana-yazi-rengi); line-height: 1.6;
    transition: background-color 0.3s ease;
}

/* ÖZEL KAYDIRMA ÇUBUĞU (SCROLLBAR) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--ana-arkaplan); }
::-webkit-scrollbar-thumb { background-color: var(--vurgu-rengi); border-radius: 10px; border: 2px solid var(--ana-arkaplan); }
::-webkit-scrollbar-thumb:hover { background-color: var(--vurgu-rengi-koyu); }

.site-wrapper { display: flex; min-height: 100vh; position: relative; }

/* SIDEBAR */
.sidebar {
    width: 280px; background-color: var(--ikincil-arkaplan);
    border-right: 1px solid var(--kenarlik-rengi); box-shadow: 3px 0 15px rgba(0,0,0,0.1);
    box-sizing: border-box; position: sticky; top: 0; height: 100vh;
    display: flex; flex-direction: column; z-index: 1000;
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.sidebar-header { text-align: center; padding: 25px; border-bottom: 1px dashed var(--kenarlik-rengi); flex-shrink: 0; }
.sidebar-header h1 { margin: 0; font-size: 26px; font-weight: 700; background: var(--ana-baslik-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.sidebar-header p { font-size: 14px; color: var(--ikincil-yazi-rengi); margin: 5px 0 0 0; }

#arama-cubugu {
    width: 100%; padding: 12px; font-size: 14px; border: 1px solid var(--kenarlik-rengi);
    background-color: var(--ucuncul-arkaplan); color: var(--ana-yazi-rengi);
    border-radius: 8px; margin-top: 20px; box-sizing: border-box;
    transition: all 0.3s ease;
}
#arama-cubugu:focus { outline: none; border-color: var(--vurgu-rengi); box-shadow: 0 0 5px var(--vurgu-rengi-golge); }

.sidebar-nav { list-style: none; padding: 15px 25px 0 25px; margin: 0; flex-grow: 1; overflow-y: auto; min-height: 0; }
.sidebar-nav li { margin-bottom: 5px; }

/* SIDEBAR KULLANICI ALANI */
.sidebar-user-area {
    padding: 0 15px 10px;
    flex-shrink: 0;
}
.sidebar-user-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--ucuncul-arkaplan);
    border: 1px solid var(--kenarlik-rengi);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s;
}
.sidebar-user-btn:hover {
    border-color: var(--vurgu-rengi);
}
.sidebar-avatar {
    width: 34px;
    height: 34px;
    background: var(--vurgu-rengi);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    color: white;
    flex-shrink: 0;
}
.sidebar-user-info {
    display: flex;
    flex-direction: column;
}
.sidebar-user-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--ana-yazi-rengi);
}
.sidebar-user-sub {
    font-size: 11px;
    color: var(--vurgu-rengi);
    margin-top: 1px;
}
.sidebar-auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    transition: all 0.2s;
}
.sidebar-auth-giris {
    background: var(--ucuncul-arkaplan);
    border: 1px solid var(--kenarlik-rengi);
    color: var(--ana-yazi-rengi);
}
.sidebar-auth-giris:hover { border-color: var(--vurgu-rengi); color: var(--vurgu-rengi); }
.sidebar-auth-kayit {
    background: var(--vurgu-rengi);
    color: white;
    border: none;
}
.sidebar-auth-kayit:hover { opacity: 0.9; }
.sidebar-nav a {
    display: flex; align-items: center; padding: 12px 15px; text-decoration: none;
    color: var(--ana-yazi-rengi); font-weight: 600; border-radius: 8px;
    transition: background-color 0.2s, color 0.2s, transform 0.2s;
}
.sidebar-nav a i { width: 20px; margin-right: 12px; text-align: center; color: var(--ikincil-yazi-rengi); transition: color 0.2s, transform 0.2s; }
.sidebar-nav a:hover { background-color: var(--ucuncul-arkaplan); color: var(--vurgu-rengi); transform: translateX(5px); }
.sidebar-nav a:hover i { color: var(--vurgu-rengi); }
.sidebar-nav a.active { background-color: var(--vurgu-rengi); color: #ffffff; box-shadow: 0 4px 10px var(--vurgu-rengi-golge); }
.sidebar-nav a.active i { color: #ffffff; }

.theme-toggle { flex-shrink: 0; margin: 15px 25px 20px 25px; padding: 12px; background-color: var(--ucuncul-arkaplan); border: 1px solid var(--kenarlik-rengi); border-radius: 8px; text-align: center; font-weight: 600; cursor: pointer; transition: all 0.3s ease; color: var(--ana-yazi-rengi); }
.theme-toggle:hover { border-color: var(--vurgu-rengi); color: var(--vurgu-rengi); }
.theme-toggle i { margin-right: 8px; }
.theme-toggle .icon-sun, .theme-toggle .text-sun { display: none; }
body.light-mode .theme-toggle .icon-sun, body.light-mode .theme-toggle .text-sun { display: inline-block; }
body.light-mode .theme-toggle .icon-moon, body.light-mode .theme-toggle .text-moon { display: none; }

/* CONTENT */
.content-area { flex-grow: 1; padding: 92px 40px 40px 40px; box-sizing: border-box; overflow-y: auto; width: 100%; transition: background-color 0.3s ease; }

/* --- ANÄ°MASYONLAR --- */
@keyframes fadeInSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes resultFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes shake { 0% { transform: rotate(0deg); } 25% { transform: rotate(-15deg); } 50% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }

/* İkon Animasyonları */
.sidebar-nav a:hover i.fa-landmark, .sidebar-nav a:hover i.fa-piggy-bank, .sidebar-nav a:hover i.fa-file-invoice-dollar, .sidebar-nav a:hover i.fa-chart-line, .sidebar-nav a:hover i.fa-money-bill-wave, .sidebar-nav a:hover i.fa-coins { animation: shake 0.5s ease; }
.sidebar-nav a:hover i.fa-graduation-cap, .sidebar-nav a:hover i.fa-building-columns, .sidebar-nav a:hover i.fa-user-tie, .sidebar-nav a:hover i.fa-star { transform: rotate(10deg); }
.sidebar-nav a:hover i.fa-weight-scale, .sidebar-nav a:hover i.fa-fire, .sidebar-nav a:hover i.fa-person, .sidebar-nav a:hover i.fa-baby, .sidebar-nav a:hover i.fa-cake-candles { animation: pulse 0.5s ease; }
.sidebar-nav a:hover i.fa-droplet, .sidebar-nav a:hover i.fa-bolt, .sidebar-nav a:hover i.fa-gas-pump, .sidebar-nav a:hover i.fa-percent, .sidebar-nav a:hover i.fa-ruler-combined { transform: rotate(10deg); }
.theme-toggle:hover i.fa-sun, .theme-toggle:hover i.fa-moon { animation: spin 1s ease-out; }

.hesap-container {
    width: 100%; max-width: 800px; background-color: var(--ikincil-arkaplan);
    border: 1px solid var(--kenarlik-rengi); box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 40px; border-radius: 16px; margin: 0 auto 30px auto;
    animation: fadeInSlideUp 0.6s ease-out forwards; /* AÇILIŞ ANİMASYONU */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.hesap-container h2 { text-align: center; color: var(--ana-yazi-rengi); margin-top: 0; margin-bottom: 25px; font-weight: 700; }
.geri-don-link { display: none; }

/* Formlar */
.form-grup { display: flex; flex-direction: column; margin-bottom: 20px; }
.form-grup label { font-weight: 600; margin-bottom: 8px; color: var(--ana-yazi-rengi); }
.form-grup input, .form-grup select { width: 100%; padding: 12px; border: 1px solid var(--kenarlik-rengi); background-color: var(--ucuncul-arkaplan); color: var(--ana-yazi-rengi); border-radius: 8px; font-size: 16px; transition: all 0.3s ease; }
.form-grup input:focus, .form-grup select:focus { outline: none; border-color: var(--vurgu-rengi); box-shadow: 0 0 5px var(--vurgu-rengi-golge); }
.form-grup-yan-yana { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.form-grup-yan-yana input { width: 85px; padding: 12px; text-align: center; border: 1px solid var(--kenarlik-rengi); background-color: var(--ucuncul-arkaplan); color: var(--ana-yazi-rengi); border-radius: 8px; transition: all 0.3s ease; }
.form-grup-yan-yana input:focus { outline: none; border-color: var(--vurgu-rengi); box-shadow: 0 0 5px var(--vurgu-rengi-golge); }

.hesapla-buton { width: 100%; padding: 16px; background: linear-gradient(45deg, var(--vurgu-rengi), var(--vurgu-rengi-koyu)); color: white; font-size: 18px; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; transition: transform 0.2s, box-shadow 0.2s, background 0.3s ease; box-shadow: 0 4px 15px var(--vurgu-rengi-golge); }
.hesapla-buton:hover { transform: translateY(-2px); box-shadow: 0 6px 20px var(--vurgu-rengi-golge-hover); }
.hesapla-buton:active { transform: translateY(0); }

.sonuc-alan { margin-top: 30px; padding-top: 25px; border-top: 2px solid var(--kenarlik-rengi); animation: resultFadeIn 0.5s ease-out forwards; /* SONUÇ ANİMASYONU */ }
.sonuc-satiri { display: flex; justify-content: space-between; margin-bottom: 10px; border-bottom: 1px solid var(--kenarlik-rengi); padding-bottom: 10px; }
.sonuc-total { font-size: 26px; font-weight: 700; color: var(--vurgu-rengi); text-align: center; margin-top: 20px; border-top: 2px solid var(--vurgu-rengi); padding-top: 15px; transition: color 0.3s ease, border-color 0.3s ease; }
.bilgi-kutusu { margin-top: 30px; border-top: 2px solid var(--kenarlik-rengi); padding-top: 25px; }

/* MOBÄ°L UYUM */
.menu-toggle { display: none; position: fixed; top: 15px; left: 15px; z-index: 1100; background: var(--ikincil-arkaplan); color: var(--ana-yazi-rengi); border: 1px solid var(--kenarlik-rengi); padding: 10px 15px; border-radius: 8px; cursor: pointer; font-size: 24px; }

@media (max-width: 900px) {
    .site-wrapper { display: block; }
    .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: 280px; transform: translateX(-100%); border-right: none; z-index: 1000; background-color: var(--ikincil-arkaplan); transition: transform 0.3s ease; }
    .menu-toggle { display: block; }
    .content-area { padding: 20px; padding-top: 80px; width: 100%; }
    
    /* MOBİLDE ANİMASYONLARI KAPAT (GÜVENLİK İÇİN) */
    .hesap-container { padding: 20px; margin: 0 auto; width: 100%; animation: none; opacity: 1; } 
    .sonuc-alan { animation: none; opacity: 1; }
    
    .form-grup-yan-yana { flex-direction: column; align-items: flex-start; }
    .form-grup-yan-yana input { width: 100%; text-align: left; }
}
body.sidebar-active .sidebar { transform: translateX(0); }

/* ÇALIŞMA MERKEZİ SIDEBAR */
.sidebar-bolum-baslik{font-size:10px;font-weight:700;color:var(--ikincil-yazi-rengi);letter-spacing:1.5px;text-transform:uppercase;padding:12px 25px 6px;flex-shrink:0;}
.sidebar-bolum-ayrac{height:1px;background:var(--kenarlik-rengi);margin:8px 25px;flex-shrink:0;}
.sidebar-merkez-nav{list-style:none;padding:0 25px;margin:0;flex-shrink:0;}
.sidebar-merkez-nav li{margin-bottom:4px;}
.sidebar-merkez-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:var(--ikincil-yazi-rengi);font-weight:600;font-size:13px;border-radius:8px;transition:all 0.2s;}
.sidebar-merkez-nav a:hover{background-color:var(--ucuncul-arkaplan);color:var(--ana-yazi-rengi);transform:translateX(5px);}
.sidebar-merkez-nav a i{width:18px;text-align:center;font-size:14px;}
.sidebar-merkez-nav a.active{background:rgba(52,152,219,0.15);color:#3498db;}