/* ================= DASHBOARD STYLES ================= */
.top-header { 
    background: linear-gradient(145deg, var(--secondary) 0%, #1e293b 100%); 
    color: white; 
    padding: 2rem 1.5rem 4rem; 
    border-radius: 0 0 var(--radius-xl) var(--radius-xl); 
    position: relative; 
}
.header-top-row { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 1.5rem; 
}
.brand { 
    font-size: 1.5rem; 
    font-weight: 800; 
    letter-spacing: -0.5px; 
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
}
.brand i, .brand span { color: white; }
.user-profile { 
    background: rgba(255,255,255,0.1); 
    padding: 0.5rem 1rem; 
    border-radius: 99px; 
    font-size: 0.85rem; 
    font-weight: 500; 
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
    cursor: pointer; 
    transition: 0.2s; 
}
.user-profile:hover { background: rgba(255,255,255,0.15); }

.main-container { 
    max-width: 1000px; 
    margin: -2.5rem auto 0; 
    padding: 0 1rem; 
    position: relative; 
    z-index: 10; 
}

/* Bakiye Kartları */
.balance-cards { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 0.75rem; 
}
@media (max-width: 600px) { 
    .balance-cards { 
        grid-template-columns: 1fr; 
    } 
    .balance-card { 
        flex-direction: row; 
        justify-content: space-between; 
        align-items: center; 
        padding: 1rem; 
    } 
}
.balance-card { 
    background: var(--bg-surface); 
    padding: 1.25rem; 
    border-radius: var(--radius-lg); 
    box-shadow: var(--shadow-md); 
    display: flex; 
    flex-direction: column; 
    gap: 0.25rem; 
    border: 1px solid var(--border); 
    cursor: pointer; 
    transition: 0.2s; 
}
.balance-card:hover { 
    border-color: var(--primary-light); 
    box-shadow: var(--shadow-lg); 
}
.bc-title { 
    font-size: 0.75rem; 
    font-weight: 600; 
    color: var(--text-muted); 
    text-transform: uppercase; 
    letter-spacing: 0.5px; 
}
.bc-amount { 
    font-size: 1.35rem; 
    font-weight: 800; 
    color: var(--text-main); 
}
.bc-amount.success { color: var(--success); } 
.bc-amount.danger { color: var(--danger); }

/* Hızlı İşlemler */
.quick-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 0.75rem; 
    margin-top: 1.5rem; 
    background: var(--bg-surface); 
    padding: 1rem; 
    border-radius: var(--radius-lg); 
    box-shadow: var(--shadow-md); 
    border: 1px solid var(--border); 
}
.q-btn { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    gap: 0.5rem; 
    border: none; 
    background: transparent; 
    cursor: pointer; 
    outline: none; 
    transition: 0.2s; 
}
.q-btn:active { transform: scale(0.92); }
.q-icon { 
    width: 44px; 
    height: 44px; 
    border-radius: 14px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.25rem; 
    transition: 0.2s; 
}
.q-text { 
    font-size: 0.7rem; 
    font-weight: 600; 
    color: var(--text-main); 
}
.c-blue { background: #eff6ff; color: #3b82f6; } 
.c-green { background: #ecfdf5; color: #10b981; } 
.c-orange { background: #fffbeb; color: #f59e0b; } 
.c-rose { background: #fff1f2; color: #f43f5e; }

/* Section Header */
.section-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin: 2rem 0 1rem; 
}
.section-title { 
    font-size: 1.15rem; 
    font-weight: 700; 
    color: var(--secondary); 
}

/* Data List */
.data-list { 
    display: flex; 
    flex-direction: column; 
    gap: 0.75rem; 
}
.data-item { 
    background: var(--bg-surface); 
    border: 1px solid var(--border); 
    border-radius: var(--radius-lg); 
    padding: 1rem; 
    box-shadow: var(--shadow-sm); 
    transition: 0.2s; 
    cursor: pointer; 
}
.data-item:hover { 
    border-color: var(--primary-light); 
    box-shadow: var(--shadow-md); 
}
.di-header { 
    display: flex; 
    align-items: center; 
    gap: 1rem; 
}
.di-icon { 
    width: 40px; 
    height: 40px; 
    border-radius: 12px; 
    background: var(--bg-body); 
    color: var(--text-muted); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.1rem; 
    flex-shrink: 0; 
}
.di-content { 
    flex: 1; 
    min-width: 0; 
}
.di-title { 
    font-weight: 700; 
    font-size: 0.95rem; 
    color: var(--text-main); 
}
.di-subtitle { 
    font-size: 0.75rem; 
    color: var(--text-muted); 
    margin-top: 0.15rem; 
    display: flex; 
    gap: 0.5rem; 
    align-items: center; 
    flex-wrap: wrap; 
}
.di-right { 
    text-align: right; 
    flex-shrink: 0; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-end; 
    gap: 0.25rem; 
}
.di-amount { 
    font-weight: 800; 
    font-size: 1rem; 
}

/* Bottom Navigation */
.bottom-nav { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: rgba(255,255,255,0.9); 
    backdrop-filter: blur(12px); 
    border-top: 1px solid var(--border); 
    display: flex; 
    justify-content: space-around; 
    padding: 0.5rem 0.5rem calc(0.5rem + env(safe-area-inset-bottom)); 
    z-index: 900; 
    box-shadow: 0 -4px 20px rgba(0,0,0,0.04);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.nav-item { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    gap: 0.25rem; 
    color: var(--text-muted); 
    font-size: 0.65rem; 
    font-weight: 600; 
    cursor: pointer; 
    transition: 0.2s; 
}
.nav-item.active { color: var(--primary); }
.nav-item i { font-size: 1.25rem; }
.nav-fab { 
    width: 48px; 
    height: 48px; 
    background: var(--primary); 
    color: white; 
    border-radius: 16px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.25rem; 
    margin-top: -24px; 
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4); 
    transform: rotate(45deg); 
    transition: 0.3s; 
}
.nav-fab i { transform: rotate(-45deg); }

/* Filtreler */
.filter-row { 
    display: flex; 
    gap: 0.5rem; 
    margin-bottom: 1rem; 
    flex-wrap: wrap; 
}
.filter-btn { 
    padding: 0.5rem 1rem; 
    border: 1px solid var(--border); 
    border-radius: 99px; 
    background: var(--bg-surface); 
    font-size: 0.8rem; 
    font-weight: 600; 
    color: var(--text-muted); 
    cursor: pointer; 
    transition: 0.2s; 
}
.filter-btn.active { 
    background: var(--primary); 
    color: white; 
    border-color: var(--primary); 
}

/* Action Icons */
.action-icons { 
    display: flex; 
    gap: 0.5rem; 
    justify-content: flex-end; 
    margin-top: 0.5rem; 
}
.action-icon { 
    width: 32px; 
    height: 32px; 
    border-radius: 50%; 
    background: var(--bg-body); 
    color: var(--text-muted); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 0.9rem; 
    transition: 0.2s; 
    cursor: pointer; 
    border: 1px solid var(--border); 
}
.action-icon:hover { 
    background: var(--primary-light); 
    color: var(--primary); 
    border-color: var(--primary-light); 
}
.action-icon.pdf:hover { 
    background: var(--danger-light); 
    color: var(--danger); 
    border-color: var(--danger-light); 
}
.action-icon.print:hover { 
    background: var(--success-light); 
    color: var(--success); 
    border-color: var(--success-light); 
}
.action-icon.wp:hover { 
    background: #25D366; 
    color: white; 
    border-color: #25D366; 
}
.action-icon.danger:hover { 
    background: var(--danger-light); 
    color: var(--danger); 
    border-color: var(--danger-light); 
}
.action-icon.success:hover { 
    background: var(--success-light); 
    color: var(--success); 
    border-color: var(--success-light); 
}

/* Badge */
.badge { 
    padding: 0.2rem 0.6rem; 
    border-radius: 6px; 
    font-size: 0.7rem; 
    font-weight: 700; 
    text-transform: uppercase; 
    letter-spacing: 0.5px; 
}
.b-success { background: var(--success-light); color: #065f46; } 
.b-warning { background: var(--warning-light); color: #92400e; } 
.b-danger { background: var(--danger-light); color: #991b1b; }