body { font-family: 'Inter', sans-serif; background-color: #f8fafc; }

.optik-sik { 
    width: 32px; height: 32px; border-radius: 9999px; border: 2px solid #cbd5e1; 
    font-weight: 700; font-size: 0.78rem; display: flex; align-items: center; justify-content: center; 
    transition: all 0.15s ease-in-out; cursor: pointer; user-select: none; 
}
.optik-sik:hover { border-color: #3b82f6; color: #2563eb; background-color: #eff6ff; }
.optik-secili { background-color: #1d4ed8 !important; color: #ffffff !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 6px rgba(29, 78, 216, 0.35); transform: scale(1.05); }

.aktif-sekme { border-bottom: 3px solid #2563eb; color: #1d4ed8 !important; font-weight: 700; background-color: #eff6ff; }